body
	{
	background:url(../images/layout/bg.JPG) top center no-repeat;
	background-color:#81bce6;
	color:#333333;
	font:14px Arial, Helvetica, sans-serif;
	line-height:23px;
	}

div.main_wrapper
	{
	padding-top:28px;
	margin:auto;
	width:990px;
	}
	
/*-------------------------------- header content css start ----------------------------*/	

div.header_wrapper
	{
	background:url(../images/layout/header_bg.jpg) repeat-x;
	height:100px;
	position:relative;
	width:990px;
	}

div.header_image_wrapper	
	{
/*	background:url(../images/layout/header_image.jpg) no-repeat;*/
	height:292px;
	position:relative;	
	width:990px;
	}

div.roof_wrapper
	{
	background:url(../images/layout/roof.png) no-repeat;
	height:23px;
	position:absolute;
	right:5px;
	top:-23px;
	width:424px;
	}

div.subpage_header_image_wrapper_locations
	{
	background:url(../images/layout/subpage_header_bg_locations.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}

div.subpage_header_image_wrapper_contact
	{
	background:url(../images/layout/subpage_header_bg_contact.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}

div.subpage_header_image_wrapper_qoute
	{
	background:url(../images/layout/subpage_header_bg_qoute.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}

div.subpage_header_image_wrapper_qoute
	{
	background:url(../images/layout/subpage_header_bg_qoute.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}

div.subpage_header_image_wrapper_specialoffers
	{
	background:url(../images/layout/subpage_header_bg_specialoffers.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}
div.subpage_header_image_wrapper_services
	{
	background:url(../images/layout/subpage_header_bg_services.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}

div.subpage_header_image_wrapper_testimonials
	{
	background:url(../images/layout/subpage_header_bg_testimonials.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}

div.subpage_header_image_wrapper
	{
	background:url(../images/layout/subpage_header_bg.jpg) no-repeat;
	height:304px;
	position:relative;
	width:990px;
	}


div.subpage_header_holder
	{
	background:url(../images/layout/subpage_image1.png) no-repeat;
	height:315px;
	left:33px;
	position:absolute;
	top:-21px;
	width:394px;
	}

div.testimonials_header_holder
	{
	background:url(../images/layout/subpage_image2.png) no-repeat;
	height:295px;
	left:25px;
	position:absolute;
	top:-18px;
	width:386px;
	}

div.get_quote_header_holder
	{
	background:url(../images/layout/subpage_image3.png) no-repeat;
	height:288px;
	left:25px;
	position:absolute;
	top:-10px;
	width:376px;
	}

div.special_offers_header_holder
	{
	background:url(../images/layout/subpage_image4.png) no-repeat;
	height:304px;
	left:25px;
	position:absolute;
	top:-10px;
	width:380px;
	}	
	
div.locations_header_holder
	{
	background:url(../images/layout/subpage_image5.png) no-repeat;
	height:305px;
	left:25px;
	position:absolute;
	top:-10px;
	width:392px;
	}	
	
div.contact_header_holder
	{
	background:url(../images/layout/subpage_image6.png) no-repeat;
	height:307px;
	left:25px;
	position:absolute;
	top:-10px;
	width:372px;
	}
	
div.design_products_header_holder
	{
	background:url(../images/layout/subpage_image7.png) no-repeat;
	height:300px;
	left:25px;
	position:absolute;
	top:-10px;
	width:378px;
	}							

/*-------------------------------- header content css end ----------------------------*/		
	
div.logo_wrapper
	{
	height:113px;
	left:24px;
	position:absolute;
	z-index:22px;
	top:0px;
	width:268px;
	}
	
div.menu_wrapper
	{
	background:url(../images/layout/menu.jpg) no-repeat;
	height:42px;
	position:absolute;
	right:24px;
	top:29px;
	width:621px;
	}

div.main_menu_conent_wapper
	{
	height:42px;
	margin:auto;
	width:597px;
	}

#main_menu li
	{
	list-style-type:none;
	float:left;
	}

#main_menu li a 
	{
	background:url(../images/layout/menu.jpg) no-repeat;
	display:block;
	cursor:pointer;
	}
	
#main_menu li a.home{background-position:-12px 0px; width:49px; height:42px; padding-right:3px;}
#main_menu li a:hover.home{background-position:-12px -42px; width:49px; height:42px; padding-right:3px;}

#main_menu li a.services{background-position:-64px 0px; width:68px; height:42px; padding-right:3px;}
#main_menu li a:hover.services{background-position:-64px -42px; width:68px; height:42px; padding-right:3px;}

#main_menu li a.testimonials{background-position:-135px 0px; width:97px; height:42px; padding-right:3px;}
#main_menu li a:hover.testimonials{background-position:-135px -42px; width:97px; height:42px; padding-right:3px;}

#main_menu li a.get_quote{background-position:-235px 0px; width:91px; height:42px; padding-right:3px;}
#main_menu li a:hover.get_quote{background-position:-235px -42px; width:91px; height:42px; padding-right:3px;}	

#main_menu li a.special_offers{background-position:-329px 0px; width:112px; height:42px; padding-right:3px;}
#main_menu li a:hover.special_offers{background-position:-329px -42px; width:112px; height:42px; padding-right:3px;}

#main_menu li a.locations{background-position:-444px 0px; width:77px; height:42px; padding-right:3px;}	
#main_menu li a:hover.locations{background-position:-444px -42px; width:77px; height:42px; padding-right:3px;}

#main_menu li a.contact{background-position:-524px 0px; width:85px; height:42px;}	
#main_menu li a:hover.contact{background-position:-524px -42px; width:85px; height:42px;}	

/*-------------------------------- main conetnt css start ----------------------------*/	

div.body_content_wrapper
	{
	background-color:#FFFFFF;
	width:990px;
	}

div.main_content_wrapper
	{
	margin:auto;
	padding:37px 0 23px 0;
	width:942px;
	}

div.welcome_header_wrapper
	{
	background:url(../images/layout/welcome_header.jpg) no-repeat;
	height:22px;
	width:543px;
	}
	

div.mission_header_wrapper
	{
	background:url(../images/layout/mission_header.jpg) no-repeat;
	height:22px;
	margin-top:21px;
	width:225px;
	}	

div.logos_wrapper
	{
	height:102px;
	margin-top:21px;
	position:relative;
	width:942px;
	}

div.logos_wrapper2
	{
	height:64px;
	margin-top:21px;
	position:relative;
	width:942px;
	}

div.partner_certainteed_wrapper
	{
	float:left;
	height:64px;
	width:150px;
	}

div.partner_firestone_wrapper
	{
	float:left;
	height:64px;
	margin-left:10px;
	width:142px;
	}
	
div.partner_tamko_wrapper
	{
	float:left;
	height:64px;
	margin-left:10px;
	width:113px;
	}
	
div.partner_owens_wrapper
	{
	float:left;
	height:64px;
	margin-left:10px;
	width:55px;
	}

div.partner_andersen_wrapper
	{
	float:left;
	height:64px;
	margin-left:10px;
	width:55px;
	}						
	
div.logo_financing_wrapper
	{
	height:102px;
	left:0px;
	position:absolute;
	top:0px;
	width:102px;
	}

div.logo_mastercard
	{
	height:29px;
	left:108px;
	position:absolute;
	top:28px;
	width:88px;
	}

div.logo_bbb
	{
	height:86px;
	position:absolute;
	top:0px;
	right:0px;
	width:53px;
	}

div.logo_certified
	{
	height:81px;
	position:absolute;
	top:8px;
	right:59px;
	width:187px;
	}						
	
/*-------------------------------- main conetnt css end ----------------------------*/


/*-------------------------------- subpage conetnt css start ----------------------------*/

div.subpage_main_content_wrapper
	{
	margin:auto;
	padding:0 0 23px 0;
	width:942px;
	}

div.subpage_header_wrapper
	{
	background-color:#202020;
	height:40px;
	width:942px;
	}

div.roofing_window_replacements_wrapper
	{
	height:330px;
	margin-top:21px;
	width:942px;
	}

div.roofing_wrapper
	{
	width:942px;
	}

div.roofing_content
	{
	float:right;
	width:739px;
	}

div.roofing_header_wrapper
	{
	background:url(../images/layout/roofing_header.jpg) no-repeat;
	height:31px;
	width:242px;
	}		
	
div.roofing_image_wrapper
	{
	background-color:#d4e6f4;
	float:left;
	height:159px;
	width:184px;
	}
	

div.roofing_window_replacement_image_holder
	{
	height:149px;
	padding:5px;
	width:174px;
	}		

div.window_replacements_wrapper
	{
	padding-top:12px;
	width:942px;
	}

div.window_replacements_content
	{
	float:left;
	width:739px;
	}

div.window_replacements_header_wrapper
	{
	background:url(../images/layout/window_replacement_header.jpg) no-repeat;
	height:31px;
	float:right;
	width:242px;
	}

div.window_replacement_image_wrapper
	{
	background-color:#d4e6f4;
	float:right;
	height:159px;
	width:184px;
	}				

				

/*-------------------------------- subpage conetnt css end ----------------------------*/	
		

div.contact_number_wrapper
	{
	background:url(../images/layout/body_header_bg.jpg) repeat-x;
	height:29px;
	position:relative;
	width:990px;
	}

div.contact_number_image_wrapper
	{
	background:url(../images/layout/toll_free.jpg) no-repeat;
	height:29px;
	position:absolute;
	top:0px;
	right:45px;
	width:237px;
	}
	
/*-------------------------------- footer css start ----------------------------*/	
	
div.footer_wrapper
	{
	background:url(../images/layout/footer_bg.jpg) repeat-x;
	height:143px;
	margin-bottom:10px;
	width:990px;
	}	
	div.footer_menu_wrapper a{ color:#666;}
div.footer_menu_wrapper
	{
	margin:auto;
	padding-top:26px;
	width:550px;
	text-align:center;
	}
	
div.footer_menu_wrapper #footer_menu
	{
	list-style-type:none;	
	margin:0;
	}

div.footer_menu_wrapper #footer_menu li
	{
	color: #9f9f9f;
	display:inline;
	padding:0 5px 0 5px;
	}
	
a.footer_menu_list
	{
	color: #9f9f9f!important;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

a:hover.footer_menu_list
	{
	color:#b2a08b;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}	

/*-------------------------------- footer css end ----------------------------*/


/*-------------------------------- get quote css start ----------------------------*/

div.form_wrapper
	{
	float:left;
	padding-top:21px;
	width:492px;
	}

div.txtbox_wrapper
	{
	width:479px;

	}
	
.txtbox
	{
	background-color:#e6e3cb;
	border: 1px solid #c9c7b6;
	color:#525040;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin: 3px 0px 10px 0px;
	padding: 5px;	
	width: 479px;
	}

div.txtarea_wrapper
	{
	height:180px;
	width:479px;
	padding-bottom:10px;
	}	

.textarea
	{
	background-color:#e6e3cb;
	border: 1px solid #c9c7b6;
	color:#525040;
	font:12px Arial, Helvetica, sans-serif;
	height:180px;
	letter-spacing:1px;
	margin: 3px 0px 10px 0px;
	padding: 5px;	
	width: 479px;
	}

textarea:focus,  input:focus, input:hover, textarea:hover {
	border: 1px solid #aeab90;
	}
	
.submit_btn
	{
	background-color:#1a1a1a;
	border:1px solid #000000;
	height:26px;
	margin-top:15px;
	float:right;
	top:330px;
	color:#FFFFFF;
	width:90px;
	}

div.note_wrapper
	{
	float:right;
	padding-top:55px;
	width:420px;
	}			
	
/*-------------------------------- get quote css end ----------------------------*/	


div.testimonial_divider_wrapper
	{
	background:url(../images/layout/footer_dotted_line.jpg) repeat-x;
	height:1px;
	margin-top:25px;
	width:942px;	
	}

div#myPanel
	{
	color:#ffffff;
	background-color:#ab6667;
	height:24px;
	position:ralative;
	margin-left:65px;
	width:210px;
	z-index:100;
	top:-10px;	
	}