@import url('reset.css');

body {background:url(../images/background.jpg) repeat-x #141414; font-family: Helvetica, Arial, sans-serif; font-size:14px;}


/*------ logo and nav -----*/
#logo-nav-container {width:100%; background:url(../images/tile.jpg) repeat-x; height:76px;}
#center-this {width:960px; margin:0 auto;}
#logo {padding:23px 0 0 0; float:left;}
#nav {float:right}
#nav ul li {display:inline; margin-left:3px;}

a#nav-home {background:url(../images/nav-sprite.png) no-repeat; background-position: 0px -70px; width:56px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-home:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: 0px 0px; width:56px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-home-current {background:url(../images/nav-sprite.png) no-repeat; background-position: 0px 0px; width:56px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-home-current:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: 0px 0px; width:56px; height:59px; display:inline-block; text-indent:-10000px;}
/*------ products is now "products" in top nav -----*/
a#nav-products {background:url(../images/nav-sprite.png) no-repeat; background-position: -10px -70px; width:109px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-products:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -10px 0px; width:109px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-products-current {background:url(../images/nav-sprite.png) no-repeat; background-position: -10px 0px; width:109px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-products-current:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -10px 0px; width:109px; height:59px; display:inline-block; text-indent:-10000px;}
/*------ applications is now "projects" in top nav -----*/
a#nav-applications {background:url(../images/nav-sprite.png) no-repeat; background-position: -120px -70px; width:94px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-applications:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -120px 0px; width:94px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-applications-current {background:url(../images/nav-sprite.png) no-repeat; background-position: -120px 0px; width:94px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-applications-current:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -120px 0px; width:94px; height:59px; display:inline-block; text-indent:-10000px;}
/*------ aboutus is now "company" in top nav -----*/
a#nav-aboutus {background:url(../images/nav-sprite.png) no-repeat; background-position: -216px -70px; width:104px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-aboutus:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -216px 0px; width:104px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-aboutus-current {background:url(../images/nav-sprite.png) no-repeat; background-position: -216px 0px; width:104px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-aboutus-current:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -216px 0px; width:104px; height:59px; display:inline-block; text-indent:-10000px;}
/*------ difference is now "resources" in top nav -----*/
a#nav-difference {background:url(../images/nav-sprite.png) no-repeat; background-position: -320px -70px; width:110px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-difference:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -320px 0px; width:110px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-difference-current {background:url(../images/nav-sprite.png) no-repeat; background-position: -320px 0px; width:110px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-difference-current:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -320px 0px; width:110px; height:59px; display:inline-block; text-indent:-10000px;}
/*------ resources is now "residential" in top nav -----*/
a#nav-resources {background:url(../images/nav-sprite.png) no-repeat; background-position: -432px -70px; width:122px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-resources:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -432px 0px; width:122px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-resources-current {background:url(../images/nav-sprite.png) no-repeat; background-position: -432px 0px; width:122px; height:59px; display:inline-block; text-indent:-10000px;}
a#nav-resources-current:hover {background:url(../images/nav-sprite.png) no-repeat; background-position: -432px 0px; width:122px; height:59px; display:inline-block; text-indent:-10000px;}

/*------ search box -----*/
#search-container {width:960px; margin:0 auto; background:none; padding:10px 0 5px 0;}
#search-container #made-in-usa {float:right; margin:0 5px 2px 0;clear:right;}
#search-bg {width:185px; height:24px; background:url(../images/search-bg.png) no-repeat; float:right; clear:right;}
#search-bg input {background:none; border:none; color:#666; padding:3px 0 0 26px; font-size:12px;}
#search-bg input:focus {color:#999;}


/*------ homepage main content -----*/
#main-content-container {width:960px; margin:40px auto 0 auto;}


/*------ homepage news ticker -----*/
#news {width:960px; border-top:1px solid #242424; border-bottom:1px solid #242424; height:35px; padding-top:16px; margin:30px 0 0 0; float:left;}
#news2 {width:960px; height:15px; padding-top:16px; margin:30px 0 0 0; float:left;}
#news img {float:left;}
#pscroller2 {width: 845px; height: 20px; padding:4px 0 0 8px; color:#858585;}
#pscroller2 a {text-decoration: none; color:#858585;}
#pscroller2 a:hover {text-decoration: underline; color:#858585;}
.someclass{float:left;}


/*------ top level pages for products, applications, etc -----*/
#page-title-one-col {float:right; width:950px; clear:right; margin-bottom:8px;}
#page-title-one-col h1 {font-size:26px; font-weight:normal; color:#E68F1A; text-align:left;}

#page-title {float:right; width:707px; clear:right; margin-bottom:20px;}
#page-title2 {float:right; width:212px; /*margin-bottom:8px;*/}
#page-projects {float:right; width:300px;font-size:13px; font-weight:bold; color:#969696; line-height:26px; /*margin-bottom:8px;*/}
#text-right {float:right; padding: 80px 120px 0 0; width:260px;font-size:13px; font-weight:bold; color:#969696; line-height:26px; /*margin-bottom:8px;*/}
#text-right h1 {font-size:140%; font-weight:normal; color:#E68F1A; line-height:26px; /*margin-bottom:8px;*/}
#text-left {float:left; padding-top: 80px; width:400px;font-size:13px; font-weight:bold; color:#969696; line-height:26px; /*margin-bottom:8px;*/}
#text-left h1 {font-size:140%; font-weight:normal; color:#E68F1A; line-height:26px; /*margin-bottom:8px;*/}
#page-title3 {float:right; width:684px; clear:right; margin-bottom:25px;}
#page-title4 {float:right; width:222px; /*margin-bottom:8px;*/}
#page-title h1 {font-size:26px; font-weight:normal; color:#E68F1A; text-align:left;}
#page-title-sub-title {font-size:23px; font-weight:normal; color:#E68F1A; text-align:left;}
#address {float:left}
#sub-navigation {float:left; width:213px; height:auto; background:#343434; border:1px solid #484848; -webkit-border-radius:2px; -moz-border-radius:2px; color:#dcdcdc;}

#sub-navigation a#top {font-size:16px; padding:15px 0 15px 20px; border-bottom:1px solid #484848; display:block; text-decoration:none; color:#dcdcdc;}
#sub-navigation a#top:hover {font-size:16px; padding:15px 0 15px 20px; border-bottom:1px solid #484848; display:block; text-decoration:none; color:#dcdcdc; background:#424242;}
#sub-navigation a#top-current {font-size:16px; padding:15px 0 15px 20px; border-bottom:1px solid #996600; display:block; text-decoration:none; color:#121212; background:#68c8c6;}
#sub-navigation a#top-current:hover {font-size:16px; padding:15px 0 15px 20px; border-bottom:1px solid #996600; display:block; text-decoration:none; color:#121212; background:#68c8c6;}

#sub-navigation a#middle {font-size:16px; padding:15px 0 15px 20px; border-bottom:1px solid #484848; display:block; text-decoration:none; color:#dcdcdc;}
#sub-navigation a#middle:hover {font-size:16px; padding:15px 0 15px 20px; border-bottom:1px solid #484848; display:block; text-decoration:none; color:#dcdcdc; background:#424242;}
#sub-navigation a#middle-current {
	font-size:16px;
	padding:15px 0 15px 20px;
	border-bottom:1px solid #996600;
	display:block;
	text-decoration:none;
	color:#121212;
	background-color: #E68F1A;
}
#sub-navigation a#middle-current:hover {
	font-size:16px;
	padding:15px 0 15px 20px;
	border-bottom:1px solid #996600;
	display:block;
	text-decoration:none;
	color:#121212;
	background-color: #E68F1A;
}

#sub-navigation a#bottom {font-size:16px; padding:15px 0 15px 20px; border-bottom:none; display:block; text-decoration:none; color:#dcdcdc;}
#sub-navigation a#bottom:hover {font-size:16px; padding:15px 0 15px 20px; border-bottom:none; display:block; text-decoration:none; color:#dcdcdc; background:#424242;}
#sub-navigation a#bottom-current {font-size:16px; padding:15px 0 15px 20px; display:block; text-decoration:none; color:#121212; background:#68c8c6;}
#sub-navigation a#bottom-current:hover {font-size:16px; padding:15px 0 15px 20px; display:block; text-decoration:none; color:#121212; background:#68c8c6;}


#sub-sub-nav {padding:10px 10px 10px 40px; background:#3d3d3d; font-size:12px;}
#sub-sub-nav li {margin-bottom:10px; list-style-type:circle;}
#sub-sub-nav li a {color:#c1c1c1; text-decoration:none;}
#sub-sub-nav li a:hover {
	color:#E68F1A;
	text-decoration:underline;
}
#sub-sub-nav li a#current {color:#68c8c6; text-decoration:underline;}
#sub-sub-nav li a#current:hover {color:#68c8c6; text-decoration:underline;}


#wide-content {font-size:12px; color:#969696; line-height:26px; width:700px; float:right; margin:20px 0 0 0;}
#wide-content-projects {font-size:12px; color:#969696; line-height:26px; width:800px; float:left; margin:20px 0 0 0;}
#wide-content_b {font-size:12px; color:#969696; line-height:23px; width:700px; float:right; margin:20px 0 0 0;}
#wide-content2 {font-size:12px; color:#969696; line-height:26px; /*width:150px;*/ float:left; margin:20px 0 0 0;}
#wide-content3 {font-size:12px; color:#969696; line-height:23px; width:700px; float:right; margin:20px 0 0 0;}
/*#wide-content p a {color:#c3c3c3; text-decoration:underline; padding:2px 5px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#wide-content p a:hover {color:#121212; text-decoration:none; padding:2px 5px; background:#c3c3c3; -webkit-border-radius:2px; -moz-border-radius:2px;}*/
#wide-content p a {color:#cccccc; text-decoration:none;}
#wide-content p a:hover {color:#E68F1A; text-decoration:underline;}
#wide-content-buttons {text-align:left; margin:28px 0 0 0; float:left; clear:both;}
#wide-content-buttons a {padding:7px 16px; color:#c3c3c3; background:#424242; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px;}
#wide-content-buttons a:hover {
	padding:7px 16px;
	color:#121212;
	text-decoration:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background-color: #E68F1A;
}

#three-column {float:left; clear:left; margin-top:50px;}
#three-column h2 a {font-size:18px; font-weight:normal; color:#e8e8e8; text-decoration:none;}
#three-column h2 a:hover {
	font-size:18px;
	font-weight:normal;
	color:#E68F1A;
	text-decoration:underline;
}

a.projects:visited{color:#ffffff;text-decoration:none;outline:none}
a.projects:link{color:#ffffff;text-decoration:none;outline:none}
a.projects:active{color:#ffffff;text-decoration:none;outline:none}
a.projects:hover{color:#E68F1A;text-decoration:underline;outline:none}

#first-col {float:left; font-size:12px; color:#969696; line-height:26px; width:280px;}
#first-col p a {color:#cccccc; text-decoration:none;}
#first-col p a:hover {color:#E68F1A; text-decoration:underline;}


#second-col {float:left; font-size:12px; color:#969696; line-height:26px; width:280px; margin-left:60px;}
#second-col p a {color:#cccccc; text-decoration:none;}
#second-col p a:hover {color:#E68F1A; text-decoration:underline;}

#third-col {float:left; font-size:12px; color:#969696; line-height:26px; width:280px; margin-left:60px;}
#third-col p a {color:#cccccc; text-decoration:none;}
#third-col p a:hover {color:#E68F1A; text-decoration:underline;}

.push-down {margin-top:12px;}

.featureProjects {float:left; font-size:12px; color:#969696; line-height:26px; padding-left:10px; width:30%; margin-right:2%; }
.featureProjects p a {color:#cccccc; text-decoration:none;}
.featureProjects p a:hover {color:#E68F1A; text-decoration:underline;}

.featureProjects h2 a {font-size:20px; font-weight:normal; color:#E68F1A; text-decoration:none;}
.featureProjects h2 a:hover {
	font-size:20px;
	font-weight:normal;
	color:#E68F1A;
	text-decoration:underline;
}

.featureProjects h3 a {font-size:16px; font-weight:bold; color:#e8e8e8; text-decoration:none;}
.featureProjects h3 a:hover {
	font-size:16px;
	font-weight:bold;
	color:#E68F1A;
	text-decoration:underline;
}

/*------ sizes and options -----*/
#sizes-and-options {margin:22px 0 0 40px;}
#sizes-and-options span {
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-bottom:5px;
}
#sizes-and-options span#push-left {margin-left: 170px;}
#sizes-and-options #eco-calculator {width:140px; float:left; margin:0 0 0 0;}
#sizes-and-options #eco-calculator li {line-height:30px; border-bottom:1px solid #333; border-right:1px solid #333; padding-left:15px;}
#sizes-and-options #eco-calculator li#top {border-top:1px solid #333; line-height:32px}
.coda-slider-wrapper {float:left;}
#sizes-and-options #eco-calculator li a {color:#c3c3c3; text-decoration:underline;}

#sizes-and-options #options  {margin-left:50px; float:left;}
#sizes-and-options #options1 {width:140px; float:left; margin:0 0 0 0;}
#sizes-and-options #options1 li {line-height:30px; border-bottom:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; padding-left:15px;}
#sizes-and-options #options1 li#top {border-top:1px solid #333; line-height:32px}
#sizes-and-options #options1 li a {color:#c3c3c3; text-decoration:underline;}

#sizes-and-options #options2 {width:140px; float:left; margin:0 0 0 0;}
#sizes-and-options #options2 li {line-height:30px; border-bottom:1px solid #333; border-right:1px solid #333; padding-left:15px;}
#sizes-and-options #options2 li#top {border-top:1px solid #333; line-height:32px}
#sizes-and-options #options2 li a {color:#c3c3c3; text-decoration:underline;}

/*------ footer -----*/
#footer {margin:50px 0 10px 0; float:left; clear:left; width:960px; height:50px;}
#footer p {float:left; color:#424242; font-size:12px;}
#footer div {float:right; display:none;}
#footer a {color:#424242; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:underline;}




/*------ single column -----*/
#single-column {width:960px;}
#double-column-content-left {font-size:12px; color:#969696; line-height:26px; width:440px; float:left; margin:10px 50px 0 5px;}
#double-column-content-right {font-size:12px; color:#969696; line-height:26px; width:440px; float:right; margin:56px 0 0 0;}
#double-column-content-left p a, #double-column-content-right p a {color:#c3c3c3; text-decoration:underline; padding:2px 5px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#double-column-content-left p a:hover, #double-column-content-right p a:hover {color:#121212; text-decoration:none; padding:2px 5px; background:#c3c3c3; -webkit-border-radius:2px; -moz-border-radius:2px;}
h2#h2-double-column {font-size:16px; color:#68c8c6; margin:30px 0 0 5px; float:left; clear:both;}