body {font: 12px Verdana, Arial, Tahoma, sans-serif;
	 background: #fff url(/images/bg.jpg) repeat-x top; margin:0; text-align:center; /*For IE6 */}
.inner	{font: 12px Verdana, Arial, Tahoma, sans-serif;
	 background: #fff url(/images/bg_ip.jpg) repeat-x top; margin:0; text-align:center;}
h2		{font: 16px Verdana, Arial, Tahoma, sans-serif; line-height:15px; margin:0; padding:0; color:#cd3746; font-weight:bold; }
h6		{font: 16px Verdana, Arial, Tahoma, sans-serif; font-weight:bold; line-height:1px; padding:0 0 0 45px; margin:0; color:#900;}

.fr		{float:right;}
.fl 	{float:left;}
img		{border:none;} 

a		{color:#990000;} 
	 
ol		{margin-left:35px;}
	 
#container 	{width:900px; margin: 0 auto; background-color:#999;}

#branding	{width:900px; height:128px; background: url(/images/bg_branding.jpg) no-repeat center top;}

#logo		{padding:3px 0 0 10px; float:left;}

#contact 		{font-family: Verdana, Arial, Sans Serif; font-weight:bold; float:right; padding:30px 0 0 0;  }
#contact h4 	{font-family: Verdana, Arial, Sans Serif; font-weight:bold; float:right; font-size: 34px; color:#333; margin:0; padding:0;}
#contact img	{float:right; clear:right;}

#nav 		{width: 900px; height: 50px; background: url(/images/nav.jpg); margin: 0 auto; padding: 0; position: relative; float:left;}
#nav li 	{ margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav li, #nav a { height: 50px; display: block;}

#button1 	{left: 0; width: 136px;}
#button2 	{left: 136px; width: 155px;}
#button3 	{left: 291px; width: 166px;}
#button4 	{left: 457px; width: 182px;}
#button5 	{left: 639px; width: 133px;}
#button6 	{left: 772px; width: 128px;}

#button1 a:hover {background: transparent url(/images/nav.jpg) 0 -50px no-repeat;}
#button2 a:hover {background: transparent url(/images/nav.jpg) -136px -50px no-repeat;}
#button3 a:hover {background: transparent url(/images/nav.jpg) -291px -50px no-repeat;}
#button4 a:hover {background: transparent url(/images/nav.jpg) -457px -50px no-repeat;}
#button5 a:hover {background: transparent url(/images/nav.jpg) -639px -50px no-repeat;}
#button6 a:hover {background: transparent url(/images/nav.jpg) -772px -50px no-repeat;}

#main-banner	{background:url(/images/main_banner.jpg) no-repeat top center; width:900px; height: 373px;}

#main-body		{width:900px; background-color:#999; height:350px;}
#main-body-inner		{width:900px; background-color:#999; height:100%;}

#services		{width:244px; float:left; height:350px; background: #fff url(/images/bg_services.jpg) no-repeat bottom left;}
.box 			{text-align:left; padding:10px 9px 0 15px; }
.box a			{color:#666; text-decoration:none;}
.box a:hover	{color:#333; text-decoration:underline;}
.box img		{float:left; padding-right:10px;}
.view			{padding:30px 0 0 0;}

#products		{width:294px; float:left; height:350px; background: #fff url(/images/bg_products.jpg) no-repeat bottom left; text-align:left;}

#products h4	{font: 16px Verdana, Arial, Tahoma, sans-serif; font-weight:bold; line-height:5px; text-align:left; padding:12px; margin: 10px 0 0 45px; color:#fff; background-color:#cd3746; width:135px; }
h4 .header {margin-top:20px;}
#products p	{line-height:14px; padding:0 10px 0 50px; margin:3px 0 6px 0; width:220px;}


#side-bar			{width:359px; float:left; margin:0; height:350px; background: #999;}
#side-bar .top		{margin:10px 0 0 0;}	
.teaser1		{background:#999 url(/images/side_inspections.gif) no-repeat top left; width:345px; height:108px; margin:10px 0 0 8px; text-align:left;}
.teaser2		{background:#999 url(/images/side_warranty.gif) no-repeat top left; width:345px; height:108px; margin:2px 0 0 8px; text-align:left;}
.teaser3		{background:#999 url(/images/side_testimonials.gif) no-repeat top left; width:345px; height:108px; margin:2px 0 0 8px; text-align:left;}
.teaser1	 h3		{font: 16px Verdana, Arial, Tahoma, sans-serif; line-height:15px; margin:0; color:#cd3746; font-weight:bold; padding:15px 0 0 15px;}
.teaser1	 p		{font: 11px Verdana, Arial, Tahoma, sans-serif; line-height:12px; margin:0; color:#111;  padding:9px 0 0 15px;}
.teaser2	 h3		{font: 16px Verdana, Arial, Tahoma, sans-serif; line-height:15px; margin:0; color:#cd3746; font-weight:bold;  padding:15px 0 0 140px;}
.teaser2	 p		{font: 11px Verdana, Arial, Tahoma, sans-serif; line-height:12px; margin:0; color:#111;  padding:9px 0 0 140px;}
.teaser3	 h3		{font: 16px Verdana, Arial, Tahoma, sans-serif; line-height:15px; margin:0; color:#cd3746; font-weight:bold;  padding:15px 0 0 140px;}
.teaser3	 p		{font: 11px Verdana, Arial, Tahoma, sans-serif; line-height:12px; margin:0; color:#111;  padding:9px 0 0 140px;}

.transparent		{position:absolute; width:340px; height:105px; margin:0px;}

#side-bar-inner			{width:359px; float:left; margin:0; height:100%; background: #999;}
#side-bar-inner .top	{margin:10px 0 0 0;}	


#footer-nav			{width:900px; height:118px; background: #666 url(/images/bg_footer_nav.jpg) no-repeat left top; text-align:left; color:#fff;}
#footer-nav	a		{color:#fff; padding:25px 0 13px 0;  font: 10px Verdana, Arial, Tahoma, sans-serif;}

#footer-nav	 .roof	{padding-left:110px; margin-left:11px; background: url(/images/roofers_association.gif) no-repeat 5px 15px;;}
#footer-nav img		{padding: 20px 25px 0 0;}
#footer-nav	.phone	{font: 18px Verdana, Arial, Tahoma, sans-serif;  font-weight:bold; padding:0 0 0 15px; margin-top:20px;}
#footer-nav	.address{font: 12px Verdana, Arial, Tahoma, sans-serif;  font-weight:bold; padding-left:20px; margin-top:20px;}

#footer			{width:900px; height:79px; background: #666 url(/images/bg_footer.jpg) repeat-x left top; text-align:left; color: white; }
.copyright		{color: white; font-size:10px; padding: 10px 0 0 10px; margin: 10px 0 0 10px;}
.infogenix		{color: white; font-size:10px; float:right; padding: 0 20px 0 0;}

/* Inner Pages */

#inner-page		{width:535px; background: #fff url(/images/bg_inner_main.jpg) no-repeat bottom left; text-align:left; height:auto; float:left;}
#inner-page h5	{padding-left:45px; font: 12px Verdana, Arial, Tahoma, sans-serif; line-height:10px; margin:0; color:#333;}
.margin-nav		{padding-left:45px; margin-top:18px;}
#inner-page a 	{color:#990000; text-decoration:none; margin:15px 0 0 0; } 
#inner-page a:hover 	{color:#333; text-decoration:underline; margin: 15px 0 0 0; } 
.bottom-link	{padding-left:45px; margin-bottom:5px;}

#main-banner-inner	{background:url(/images/main_banner_inner.jpg) no-repeat top center; width:900px; height: 199px;}
#inner-page h2	{font: 16px Verdana, Arial, Tahoma, sans-serif; line-height:15px; margin:0; padding:15px 15px 5px 45px; color:#cd3746; font-weight:bold; }
#inner-page p	{font: 12px Verdana, Arial, Tahoma, sans-serif; line-height:16px; margin:0; padding:20px 30px 0 45px; color:#333; }
.inner-image 	{padding: 20px 25px 5px 5px; float:right;}
.gallery-image 	{float:left;  margin: 20px 0 20px 40px; border: 1px solid #ccc;}

.testimonial	{font: 14px Verdana, Arial, Tahoma, sans-serif; line-height:15px; margin:0; padding:0; color:#cd3746; font-weight:bold; }
.breakline		{line-height:16px;}
.names			{padding:0 0 0 50px; color:#900;}
/* Contact Form*/

#contact-area {width: 450px; margin: 15px 10px 0 50px; text-align:left;}
#contact-area input, #contact-area textarea {padding: 5px; width: 300px; font-size: 12px; margin: 0px 0px 10px 0px; border: 1px solid #ccc;}
#contact-area textarea {height: 50px;}
#contact-area textarea:focus, #contact-area input:focus {border: 2px solid #900;}
#contact-area input.submit-button {width: 50px; text-align:left; display:inline;}
label {float: left; text-align: left; display:inline; margin-bottom: 5px; margin-right: 5px; width: 350px; padding-top: 5px; font-size: 12px;}

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }