/* CSS Document */

body {background: url(../img/texture2.jpg) repeat top center;margin: 0px 0 0 1px;padding:0;color:#4f4f4f;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
html>body {margin:0 0 0 -1px;}
p {font-weight:normal;font-size:12px;line-height:20px;color:#4f4f4f;}
h1 {color:#18397b;margin-bottom:24px;font-size:24px;}
h2 {color:#e8c825;font-size:18px;font-weight:normal;}
h3 {color:#18397b;margin-bottom:-8px;font-size:18px;}
h4 {color:#18397b;font-size:13px;width:270px;border-bottom:1px solid#18397b;text-transform:uppercase;letter-spacing:2px;}
h5 {color:#18397b;margin:0 0 -8px 0;font-size:22px;}
h6 {color:#18397b;font-size:14px;font-weight:normal;display:inline;font-family:Arial, Helvetica, sans-serif;}
h6.orange {color:#e8c825;font-size:16px;font-weight:bold;display:inline;font-family:Arial, Helvetica, sans-serif;margin:0;}
a {color:#18397b;}
.times {font-family:"Times New Roman", Times, serif;font-size:22px;font-weight:normal!important;margin-top:8px;color:#FFFFFF;}
#left ul li {font-weight:normal;margin-top:10px;}
#links a {color:#FFFFFF;margin:0 4px;}
div.justify p {text-align:justify;}

.SubButton {color:#4f4f4f;font-size:8px;}
#header {background: url(../img/headerBkgd.jpg) repeat-x top center;width:100%;height:228px;}
	#headerElements {width:880px;margin:0 auto 0 auto;height:191px;}
	#links {height:15px;float:right;font-size:11px;margin-top:6px;font-weight:normal;}
	#logo {width:187px;height:133px;margin-top:8px;float:left;}
	#title {width:644px;height:63px;margin-top:39px;float:right;}
	#navHolder {width:880px;height:37px;margin:0 auto 0 auto;}
	#nav {height:37px;width:830px;float:right;clear:both;margin-top:7px;}
		#nav ul {margin:0;padding:0;width:830px;}
		#nav ul li {margin:0;padding:0;display:block;float:left;list-style:none;}
		#nav ul li a.roofing:link,#nav ul li a.roofing:visited  {background:url(../img/navRoofing.gif);display:block;width:140px;height:37px;text-indent:-9999px;}
		#nav ul li a.siding:link,#nav ul li a.siding:visited  {background:url(../img/navSiding.gif);display:block;width:137px;height:37px;text-indent:-9999px;}
		#nav ul li a.custom:link,#nav ul li a.custom:visited  {background:url(../img/navCustom.gif);display:block;width:137px;height:37px;text-indent:-9999px;}
		#nav ul li a.steel:link,#nav ul li a.steel:visited  {background:url(../img/navSteel.gif);display:block;width:138px;height:37px;text-indent:-9999px;}
		#nav ul li a.building:link,#nav ul li a.building:visited  {background:url(../img/navBuilding.gif);display:block;width:136px;height:37px;text-indent:-9999px;}
		#nav ul li a.store:link, #nav ul li a.store:visited {background:url(../img/navStore.gif);display:block;width:139px;height:37px;text-indent:-9999px;}
		#nav ul li a.roofing:hover  {background:url(../img/navRoofingOv.gif);display:block;width:140px;height:37px;text-indent:-9999px;}
		#nav ul li a.siding:hover {background:url(../img/navSidingOv.gif);display:block;width:137px;height:37px;text-indent:-9999px;}
		#nav ul li a.custom:hover {background:url(../img/navCustomOv.gif);display:block;width:137px;height:37px;text-indent:-9999px;}
		#nav ul li a.steel:hover {background:url(../img/navSteelOv.gif);display:block;width:138px;height:37px;text-indent:-9999px;}
		#nav ul li a.building:hover {background:url(../img/navBuildingOv.gif);display:block;width:136px;height:37px;text-indent:-9999px;}
		#nav ul li a.store:hover {background:url(../img/navStoreOv.gif);display:block;width:139px;height:37px;text-indent:-9999px;}
#main {background:url(../img/mainBkgd.jpg) top center repeat-y;width:100%;height:400px;height:auto!important;min-height:400px;margin-top:100px;padding-top:48px;}
#mainHome {width:100%;height:400px;height:auto!important;min-height:400px;margin-top:227px;padding-top:60px;}
#image {background-color:#FFFFFF;width:890px;height:180px;border:6px solid #FFFFFF;position:absolute;top:185px;left:50%;margin-left:-451px;}
#flash {background-color:#FFFFFF;width:890px;height:307px;border:6px solid #FFFFFF;position:absolute;top:185px;left:50%;margin-left:-451px;}
#center {background:url(../img/mainFade.jpg) top center no-repeat;width:902px;margin:0 auto 0 auto;}
#centerHome {width:880px;margin:0 auto 0 auto;}
#left {width:576px;float:left;margin-bottom:20px;margin-left:38px;display:inline;}
	#breadcrumbs {background:url(../img/borderLine.gif) bottom left repeat-x;height:40px;font-size:11px;padding-top:20px;color:#4f4f4f;margin-bottom:4px;font-weight:bold;}
	#breadcrumbs a {text-decoration:none;} #breadcrumbs a:hover {text-decoration:underline;}
#right {width:249px;float:right;margin-bottom:20px;margin-right:22px;display:inline;}
div.clear {clear:both;}
#footer {width:100%;background:url(../img/footerBkgd.jpg) repeat-x;padding:6px 0 6px 0;height:100px;}
#footerText {width:830px;margin:0 auto 0 auto;font-size:11px;line-height:20px;font-weight:normal;color:#FFFFFF;}
	#footerText ul {margin:0;padding:0;}
	#footerText ul li {display:inline;list-style:none;padding:0 10px 0 10px;border-right:1px solid #FFFFFF;}
	#footerText ul li.first {padding-left:0px!important;}
	#footerText ul li.last {border-right:none!important;}
.floatLeft {float:left;}
.floatRight {float:right;}
.padLeft {padding-left:10px;}
.padBottom {padding-bottom:10px;}
.imgLeft {float:left;margin-right:10px;margin-bottom:10px;}
.imgRight {float:right;margin-left:10px;margin-bottom:10px;}
#links a, #footerText ul li a {text-decoration:none;color:#FFFFFF;}
#links a:hover, #footerText ul li a:hover {text-decoration:underline;}

body.collapse #rightNav ul#residential,body.collapse #rightNav ul#commercial,body.collapse #rightNav ul#custom,body.residential #rightNav ul#commercial,body.residential #rightNav ul#custom,body.commercial #rightNav ul#custom,body.commercial #rightNav ul#residential,body.custom #rightNav ul#commercial,body.custom #rightNav ul#residential {display:none;}

ul#rightNav {margin:15px;padding:0;color:#b3960b;}
ul#rightNav a {text-decoration:none;color:#b3960b;} 
ul#rightNav a:hover {text-decoration:underline;}
ul#rightNav li {list-style:none;padding:6px 0;border-bottom:1px solid #4f4f4f;font-weight:bold;}
ul#rightNav li.last {border-bottom:none;}
ul#rightNav ul  {margin:4px 0;padding:0;}
ul#rightNav li ul li ul li{background:url(/img/arrowBlue.gif) no-repeat left center;padding:4px 10px;font-size:11px;margin-left:4px;border-bottom:none;font-weight:normal;}
ul#rightNav li ul li ul li a {color:#4f4f4f;}
ul#rightNav li ul li  {padding:4px 10px;font-size:11px;margin-left:4px;color:#4f4f4f;background:none;border-bottom:none;font-weight:bold;}
ul#rightNav li ul li a {color:#4f4f4f;}

td.accessories img {margin:0 6px 6px 0;}

ul.idTabs {margin:0;padding:0;width:550px;height:31px;border-bottom:1px solid #18397b;}
ul.idTabs li {list-style:none;display:block;float:left;;margin-right:2px;height:20px;}
ul.idTabs li a {text-decoration:none;background:#18397b;color:#FFFFFF;height:18px;display:block;font-size:12px;padding:0 10px;padding-top:2px;border-bottom:1px solid #18397b;}
ul.idTabs li a.selected {border-top:1px solid #18397b;border-left:1px solid #18397b;border-right:1px solid #18397b;border-bottom:1px solid #FFFFFF;background:#FFFFFF;color:#18397b;}

#jstabs {}
div.clear2 {clear:both;}
#overview, #metals, #colors, #standard, #custom, #warranties, #press, #av, #affiliations {clear:both;padding-top:30px;}

#standard img {float:left;border:1px solid #18397b ;margin:0 15px 15px 0;}
div.gallery img {float:left;margin:0 15px 15px 0;border:1px solid #999;padding:1px;}
#standard h4 {clear:both;border-bottom:none;}