/* 
skin.css 
color, background
*/

/*so: main layout*/
body{
	background: #fff;
	color: #454748;
}

#customer-area{
	background: #febd14;
}

#content-area{
	border-top: 1px dotted;
}

.banner{
	background: url("../images/banner-bg.gif") no-repeat;
	color: #fff;
}

ul#banner-slideshow {
	background: url("../images/home-logos/home-logos-bg.png") no-repeat ;
}

#main-content{
	border-left: 1px dotted;
}

/*no sub-nav main content*/
body.no-sub div#main-content{
	border-left: none;
}


/*eo: main layout*/

/*border colour*/
div.footer-content,
ul#main-nav li,
div.driver,
dl#news-list dt,
div#main-content,
div#content-area,
h1.location,
ul.sub-nav,
body#products.index div#supplementary-content {
	border-color: #b5b5b6 !important;
}

/*so: customer-area*/
#customer-area, #customer-area a{
	color: #fff;
}

p.login{
	background: url("../images/login-tab.gif") no-repeat;
}

/*eo: customer-area*/

/*so: header*/


/*eo: header*/

/*so:navigation*/

ul#main-nav li{
	border-left: none;
}

li.headlink ul {
	background-image: url("../images/main-nav-list-bottom.png");
	background-repeat: no-repeat;
	background-position: center bottom;

}

li.headlink ul li{
	border-left: none !important;
	background-color: #febd14;
}

ul#main-nav li.headlink ul li.first {
	background: #febd14 url("../images/main-nav-list-top.gif") center top no-repeat;
}

ul#main-nav li.headlink ul li a{
	text-decoration: none;
}

ul#main-nav li.headlink ul li a:hover{
	color: #fff;
	text-decoration: none;
}
	
/*eo: navigation*/

/*so: banner*/
 .banner a, div#main-content ul li{
	color: #fff;
}

/*eo: banner*/

/*so: supplementary-content*/
#supplementary-content h3{
  color: #a2a3a3;
}

#phone-list li{
  	color: #a2a3a3 !important;
	background: url("../images/arrow-phone.gif") no-repeat 0 1px;
	padding-left: 25px;
}

div.driver{
	border-top: dotted 1px;
}

div.first{
	border-left: none !important;
	border-top: none !important;
}

/*home styles*/
body#home .driver, body#products.index .driver{
	border-left: dotted 1px;
	border-top: none;
}


.driver blockquote{
	background: url("../images/blockquote-bg.gif") no-repeat 0 10px;
}

/*eo: supplementary-content*/

/*so: supporting-content*/

ul.sub-nav {
	border-top: dotted 1px;
}

ul.sub-nav.first{
	border-top: none;
}

div.supporting-area{
	background: url("../images/supporting-area-bg.gif") no-repeat center center;
}

dl#news-list dt{
	border-top: dotted 1px;
	background: url("../images/arrow.gif") no-repeat 0px 15px;
}


dl#news-list dt.first{
	border: none;
	background-position: 0 4px;
}

ul.sub-nav li a{
	text-decoration: none;
}

/*eo: supporting-content*/

/*so: footer*/

.footer-content{
	border-top: dotted 1px;
	border-bottom: dotted 1px;
	
}
ul#footer-nav a{
	color: #454748;
	text-decoration: none;
}

ul#footer-nav a:hover{
	color: #a2a3a3;
}

ul#footer-nav li{
	list-style-type: none;
	color: #a2a3a3;
}

/*eo: footer*/

/*so: Text*/

h1.location{
	border-bottom: 1px dotted;
}

#main-content h1{
	background: url("../images/header-bg.gif") no-repeat;
}

.orange, .normal-orange{
	color: #febd14;
}

.dark{
	color: #454748;
}

a{
	text-decoration: underline;
	color: #454748;
}
a:hover{
	text-decoration: none;
}

a.read-more{
	color: #fff;
	background-color: #febd14;
	text-decoration: none;
}

a.read-more:hover{
	text-decoration: none;
	background-color: #a2a3a3;
}

#main-content ul{
	background-image: url("../images/list-bottom.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #febd14;
}

#main-content .driver ul{
	background: none !important;
}

#main-content ul li {
}

#main-content ul li.first{
	background-image: url("../images/list-top.gif");
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #febd14;
}

/*eo: Text*/

/*so: products*/
div.product-area{
	background: transparent;
}

div.product-area:hover {
	background: url("../images/product-bg.gif") no-repeat center top;
}

div.product-area.hover{
	background: url("../images/product-bg.gif") no-repeat center top;
}


div.product-options ul{
	background: url("../images/buttons/products-options-end-right.png") !important;
	background-repeat: no-repeat !important;
	background-position: 160px 0px !important;
}

div.product-options{
	background: url("../images/buttons/products-options-end-left.png") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
}

div.product-title{
	background: url("../images/product-title-bg.gif") no-repeat left top;	
}

body#products.index div#supplementary-content{
	border-top: dotted 1px;
}
/*en: products*/


/* BIR */
a.option-try,
a.option-buy,
a.option-pricing,
a.option-compare,
a#intro-tab,
a#skills-tab,
a#metrics-tab,
a#price-tab,
a#who-tab,
a.products-button,
a.try-button,
a.buy-button,
a#rss-icon,
a#products-nav,
a#productsNew-nav,
a#testimonials-nav,
a#about-nav,
a#news-nav,
a#contact-nav,
h1 a#logo,
a#customer-login
 {
	text-indent: -1000em;
	overflow: hidden;
	text-align: left;
	display: block;
}

/*product options*/
a.option-try,
a.option-buy,
a.option-pricing,
a.option-compare{
	background: url("../images/buttons/product-options-buttons.png") no-repeat 0 4px;
	height: 28px;
}

a.option-try { width: 41px; background-position: 0 0; }
a.option-buy { width: 47px; background-position: -41px 0;}
a.option-pricing { width: 72px; background-position: -88px 0;}
a.option-compare { width: 75px; background-position: -160px 0;}

a.option-try:hover {background-position: 0 -27px; }
a.option-buy:hover { background-position: -41px -27px;}
a.option-pricing:hover { background-position: -88px -27px;}
a.option-compare:hover { background-position: -160px -27px;}



/* Sub Nav*/

ul.sub-nav li a{
	background: url("../images/buttons/sub-nav-button-bg.gif") no-repeat 0 20px;
}

ul.sub-nav li a:hover {
	background-position: 0 0;
	text-decoration: underline;
}



body#products.cs-premier a#cs-premier,
body#products.cs-xpress a#cs-xpress,
body#products.cs-for-revit a#cs-for-revit,
body#products.cs-for-goverment a#cs-for-goverment,
body#products.cs-for-education a#cs-for-education,
body#products.cs-for-small-firms a#cs-for-small-firms,
body#products.try-cadsmart a#try-cadsmart,
body#products.buy-cadsmart a#buy-cadsmart,
body#products.pricing a#pricing,
body#products.compare a#compare { background-position: 0 -20px; color: #fff;}


/*Banner Tabs*/
a#intro-tab,
a#skills-tab,
a#metrics-tab,
a#price-tab,
a#who-tab { background: url("../images/banner-nav.gif") no-repeat; width:192px; height: 60px; }

a#intro-tab{ background-position: 0px 0px; }
a#skills-tab{ background-position: -192px 0px; }
a#metrics-tab{ background-position: -384px 0px; }
a#price-tab{ background-position: -576px 0px; }
a#who-tab { background-position: -768px 0px; }

a#intro-tab:hover{ background-position: 0px -60px; }
a#skills-tab:hover{ background-position: -192px -60px; }
a#metrics-tab:hover{ background-position: -384px -60px; }
a#price-tab:hover{ background-position: -576px -60px; }
a#who-tab:hover { background-position: -768px -60px; }

a#intro-tab.selected{ background-position: 0px -120px; }
a#skills-tab.selected{ background-position: -192px -120px; }
a#metrics-tab.selected{ background-position: -384px -120px; }
a#price-tab.selected{ background-position: -576px -120px; }
a#who-tab.selected { background-position: -768px -120px; }


h1 a#logo {
	background-image: url('../images/logo.gif');
	width: 287px;
	height: 67px;
}

a#rss-icon{
	background: url("../images/rss.gif") no-repeat;
	width: 16px;
	height: 16px;
}

/*Customer login tab*/
a#customer-login{ width: 200px; height: 19px; display: block; }
a#customer-login.arrow-down{ background: url("../images/customer-login-across.gif") no-repeat; }
a#customer-login.arrow-up{ background: url("../images/customer-login-across.gif") no-repeat; }


/*banner buttons*/
a.products-button, a.try-button, a.buy-button { width: 130px; height: 20px; }
a.products-button{ background: url("../images/buttons/products-button.png") no-repeat;}
a.try-button{ background: url("../images/buttons/try-button.png") no-repeat;}
a.buy-button{ background: url("../images/buttons/buy-button.png") no-repeat;}
a.products-button:hover{ background-position: 0 -20px; }
a.try-button:hover{ background-position: 0 -20px;}
a.buy-button:hover{ background-position: 0 -20px;}


/*Main Nav*/
a#products-nav, a#productsNew-nav, a#testimonials-nav, a#about-nav, a#news-nav, a#contact-nav { background: url("../images/main-nav.gif") no-repeat; height: 35px; }

li.headlink:hover a#products-nav{ background-position: 0 -70px; }
li.headlink.hover a#products-nav {background-position: 0 -70px !important; }




a#products-nav{ background-position: 0 0; width: 96px; }
a#products-nav:hover{ background-position: 0 -70px; }

a#productsNew-nav{ background-position: 0 0; width: 96px; }
a#productsNew-nav:hover{ background-position: 0 -35px; }

a#testimonials-nav{ background-position: -95px 0; width: 126px;}
a#testimonials-nav:hover{ background-position: -95px -35px; }

a#about-nav{ background-position: -221px 0; width: 96px; }
a#about-nav:hover{ background-position: -221px -35px; }

a#news-nav{ background-position: -317px 0; width: 67px;	}
a#news-nav:hover{ background-position: -317px -35px; }

a#contact-nav{ background-position: -384px 0; width: 106px; }
a#contact-nav:hover{ background-position: -384px -35px; }

body#products a#products-nav{ background-position: 0 -35px;}
body#products a#productsNew-nav{ background-position: 0 -35px;}
body#testimonials a#testimonials-nav{ background-position: -95px -35px; }
body#about a#about-nav{ background-position: -221px -35px; }
body#news a#news-nav{ background-position: -321px -35px; }
body#contact a#contact-nav{  background-position: -384px -35px; }