body{
	padding:0;
	margin:0;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
/* links */
a, a:visited {
	color: #5A93C9;
	text-decoration: none;
}
a:hover {
	color: #A02216;
	text-decoration: underline;
}
/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
}
h1 {
	font-size: 160%;
	font-weight: normal;
}
h2 { font-size: 140%;}
h3 { font-size: 120%; }
h4 { font-size: 90%; }
#clear { clear:both; }

#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:849px;
}
#header {
	background-image: url(../images/bg-top-right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 173px;
}
#logo {
	width:179px;
	height:131px;
	float: left;
}
#header-image {
	top:0px;
	width:487px;
	height:131px;
	position: absolute;
	left: 179px;
	background-repeat: no-repeat;	
}
.header-image-home{
	background-image: url(../images/header-image-home.jpg);
}
.header-image-commercial{
	background-image: url(../images/header-image-commercial.jpg);
}
.header-image-residential{
	background-image: url(../images/header-image-residential.jpg);
}
.header-image-steelframe{
	background-image: url(../images/header-image-steelframe.jpg);
}
.header-image-contact{
	background-image: url(../images/header-image-contact.jpg);
}
.header-image-links{
	background-image: url(../images/header-image-links.jpg);
}
.header-image-news{
	background-image: url(../images/header-image-news.jpg);
}
.header-image-downloads{
	background-image: url(../images/header-image-downloads.jpg);
}
.header-image-performance{
	background-image: url(../images/header-image-performance.jpg);
}
.header-image-cases{
	background-image: url(../images/header-image-cases.jpg);
}



#header-top-right {
	position:absolute;
	left:670px;
	top:40px;
	width:160px;
	color: #FFF;
}
#side-left-heading {
	width:179px;
	height:42px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #AAAEAF;
}
#side-right-heading {
	width:183px;
	height:42px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	z-index: 99;
	background-color: #A02216;
}
#main-section {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size:12px;
}
#table-footer{
	background-image:url(../images/left-bottom.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom left;
}
#table-left {
	background-color: #AAAEAF;
	background-image: url(../images/left-bottom-side.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
}
#table-main {
	background-image: url(../images/left-bottom-main.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
}

#side-left {
	width: 179px;
	background-color: #AAAEAF;
	float: left;
	margin-bottom: 100px;
}
#newsbar { padding: 10px; }
#newsbar h2{ padding-bottom:8px; margin:0; }
#newsbar a{ color:#a02216; }


#main-content {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 50px;
}

#side-right {
	width: 183px;
	float: right;
}
#case-studies {
	background-color: #A02216;
	padding-top: 15px;
}
#case-studies .case-study-img {
	height: 150px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFF;
	margin-bottom: 15px;
}
#case-studies .case-study-details {
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
#case-studies .case-study-details h3 {
	margin-bottom: 5px;
	font-size: 14px;
}
#related-logos {
	width:183px;
	height:115px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer {
	height:55px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	color: #b6b6b6;
	font-weight: bold;
	padding-top: 20px;
}
#footer-left { float: left; }
#footer-right { float: right; }

#menu-section {
	height: 44px;
	position: absolute;
	top: 131px;
	left: 0px;
	width: 100%;
}
/* ---------------------End Of What You Need--------------------- */

/* Menu */

#main-menu {
	width:500px;
	height:23px;
	background-color: #AAAEAF;
	color: #FFF;
	margin-left: 179px;
}
#main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main-menu li {display: inline;}

#main-menu a {
	float: left;
	padding: 3px 19px 3px 19px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	white-space:nowrap;
}

#main-menu a:hover, #main-menu .active { background-color: #A02216; }
#main-menu .active2 { background-color: #A02216; border-right:solid 2px #A02216; }

#main-menu-right a{ border-right:solid 2px #AAAEAF; }
#main-menu-right a:hover{border-right:solid 2px #A02216;}

/* sub Menu */

#sub-menu {
	width:500px;
	height:22px;
	background-color: #A02216;
	color: #FFF;
	margin-left: 179px;
}
#sub-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#sub-menu li {display: inline;}

#sub-menu a {
	display:inline-block;
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	color: #fff;
	white-space:nowrap;
	font-size:10px;
	font-weight:bold;
}

#sub-menu a:hover, #sub-menu .active { 
	background-color: #AAAEAF; 
	color:#A02216;
}

/* performance Menu */
#perform-menu {
	width:100%;
	background-color: #AAAEAF;
	color: #FFF;
	text-align:center;
}

#perform-menu a {
	display:inline-block;
	font-size:10px;
	text-decoration: none;
	font-weight: bold;
	color: #A02216;
	white-space:nowrap;
	padding: 4px 15px 4px 15px;
}
#perform-menu a:hover, #perform-menu .active { background-color: #fff; }




.downloadimg{
	float:right;
	width:80px;
	height:80px;
}

.contactform {
	width:330px;
	margin-right: auto;
	margin-left: auto;
}
.contactform .forminput {
	margin-top: 3px;
	clear: both;
}

.contactform fieldset {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.contactform fieldset legend {
	color:#505050;
	font-weight:bold;
	font-size:110%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
}
.contactform .forminput .left{
	float:left;
	width:100px;
}
.contactform label {
	font-size:90%;
	font-weight:bold;
	margin: 3px;
}
.contactform select.combo {width:175px; padding:2px; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:90%;}
.contactform input.field {
	width:200px;
	padding:2px;
	border:1px solid #666666;
	font-family:verdana,arial,sans-serif;
	font-size:90%;
	float: right;
}
.contactform textarea {
	width:200px;
	padding:2px;
	border:1px solid #666666;
	font-family:verdana,arial,sans-serif;
	font-size:90%;
	float: right;
}
.contactform input.button {
	width:9em;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	background:#E6E6E6;
	border:solid 1px #969696;
	text-align:center;
	font-family:verdana,arial,sans-serif;
	color:#969696;
	font-size:110%;
	margin-top: 20px;
	float: right;
}
.contactform input.button:hover {cursor: pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/******************/
/*   PAGINATION   */
/******************/

.pagination{
	font-size:11px;
	text-align:right;
	margin-bottom: 15px;
	float: right;
	padding: 4px;
}
.pagination a,.pagination span{
	color:#000000;
	margin-right:1px;
	border:1px solid #fff;
	background-color:#fff;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	line-height: 22px;
}
.pagination span.current{
	border:1px solid #628DC8;
	font-weight:bold;
	background-color:#89AAD6;
	color:#FFFFFF;
}
.pagination a{
	color:#0BA2D1;
	border:1px solid #628DC8;
	text-decoration:none;
}
.pagination a:hover{
	color:#628DC8;
	font-weight:bold;
	border-color:#628DC8;
	background-color:#EAEBEE;
}
.pagination a.nextprev{
	font-weight:bold;
}
.pagination span.nextprev{ color:#666; 
}
.pagination span.nextprev{
	border:1px solid #ddd;
	color:#999;
}

.success {
	background-color: #CDE855;
	border: 1px solid #A7C520;
	padding:3px;
}
.error {
	background-color: #FEB19A;
	border: 1px solid #A62409;
	padding:3px;
}
.success li, .error li { list-style:none; }
.messages{
	padding:4px;	
}
.displayitems {
	position:relative;
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding:4px;
	width: 450px;
	margin-bottom: 10px;
}
.displaydownloads {
	position:relative;
	background-color: #F9F9F9;
	padding:4px;
	width: 450px;
	margin-bottom: 20px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C0C8B1;
	border-bottom-color: #C0C8B1;
}
.editbuttons {
	float:right;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.editbuttons a:hover { background-color: #CCCCCC; }
.editbuttons img {
	margin:0;
	padding:0;
}






.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: black url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #591f20;
}

.ddcolortabs a:hover span{
background-color: #591f20;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #591f20;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
	position:absolute;
	border: 1px solid black; /*THEME CHANGE HERE*/
	border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
	background-color: #A02216;
	color: white;
}





/* Content Scroll*/
 
div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width:177px;
	overflow: hidden;
	margin: 0;
}
div.scroller div.section {
	overflow:hidden;
	float:left;
	width: 177px;
}
div.scroller div.content {
	width: 10000px;
}
div#section2 {
	color:#ffffff;
}
#scrollButtons {
	width:150px;
	height:35px;
	cursor: pointer;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}

.scrollleft span {
	background: url(../images/scroll_left.png) no-repeat;
	width:80px;
	height:33px;
	float: left;
}

.scrollright span {
	background: url(../images/scroll_right.png) no-repeat;
	width:25px;
	height:33px;
	float: right; 
}
.sliderText {
	float: left;
	margin: 4px 5px 0px 10px;
	color: #FFF;
	padding: 0px 0px 5px 3px;
	line-height: 1.2em;
}
.sliderImage {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.sliderImage img {
	border: 1px solid #000;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}