@charset "utf-8";
/* CSS Document */

@import url("reset.css");

/*	= SITE COLORS
------------------------------------------------------------------*/
/*
	Main Blue:						#1e427b
	Accent Blue (hover):			#426499	
	Main Red: 						#c2212d	

*/

/*	= GLOBAL STYLES
------------------------------------------------------------------*/
a {text-decoration:none; color: #1e427b; }
a:hover{ text-decoration:none; color: #c2212d; }
.hidden{ display:none; }
.clear{	clear:both; }
.left{ float:left; }
.right{	float: right; }
strong{ font-weight: bold; }
em{	font-style:italic; }
ul.flat-list{  display: inline-block; }
	ul.flat-list li{ float: left; border-left: 1px solid #000; margin: 3px; padding-left: 6px;	}
	ul.flat-list li.first{ border-left: 0px;}


img.centered { display: block; margin-left: auto; margin-right: auto; border: 0;}
img.alignright { margin: 4px; margin: 0 0 2px 7px; display: inline; border: 0;}
img.alignleft { margin: 4px; margin: 0 7px 2px 0; display: inline; border: 0;}
.alignright { float: right; }
.alignleft { float: left }
a img.centered, a img.alignright, a img.alignleft, a img.alignnone { border: 3px solid #1e427b; }
a:hover img.centered, a:hover img.alignright, a:hover img.alignleft, a:hover img.alignnone{ border: 3px solid #C2212D; }
.no-border, .noborder { border: none !important; }

/*   Basic formatting styles
------------------------------------------------------------------*/

#col_main a {text-decoration:none; color: #c2212d; }
#col_main a:hover{ text-decoration:none; color: #1e427b; }

h1, h2, h3, h4, h5, h6 { color: #1e427b; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#col_main h1 a, #col_main h2 a, #col_main h3 a, #col_main h4 a, #col_main h5 a, #col_main h6 a { color: #1e427b; }
#col_main h1 a:hover, #col_main h2 a:hover, #col_main h3 a:hover, #col_main h4 a:hover, #col_main h5 a:hover, #col_main h6 a:hover { color: #c2212d; }


.icon-estimate, .icon-testimonials { display:block; background: url(../images/icon_add.gif) no-repeat left center; padding: 5px 1px 5px 20px; }
.icon-testimonials { background-image: url(../images/icon_customer.gif); }
.icon-star { display:block; background: url(../images/icon_star.gif) no-repeat left center; padding: 5px 0px 5px 41px; margin-top: 5px; font-size: 1.2em;}


/* Contain floated children elements */
#middle:after, #nav_main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;	}

.col-half { float: left; margin-left: 3%; width: 46%; }
	.col-half h2{ margin-top: 0px; font-size: 1.9em;}

.box-emphasis { padding: 10px; background: #f3f3f4; color: #787878; margin-bottom: 1em; margin-top: 1em; line-height: 1.6em;}
	.box-emphasis em{ color: #1e427b; display:block; text-align: right; font-weight: bold;}
#col_side .box-emphasis{ background: none; font-size: 0.9em;}
	
.list-notes{ }
	.list-notes li{ padding-bottom: 3px; background: url(../images/grey_divider.gif) no-repeat center bottom;}
		.list-notes li a{ padding: 10px 20px 10px 34px; background: url(../images/icon_note.gif) no-repeat  3px 50%; color: #416197; font-size: 1.1em; display: block;}
		.list-notes li a:hover{ color: #c2212d; }
		
body .button-one { background: url(../images/button_bg.gif) no-repeat center top; color: #fff !important; width: 91px; font-size: 0.9em; padding: 0px 3px; text-align: center; display: block; height: 23px;}
body .button-one:hover { color: #fff !important; background-position: center bottom;}

.page-index { float: right; width: 310px; margin: 10px; background:#F3F3F4;}
	.page-index h3 { padding: 5px 13px 3px 13px; background: #1E427B; margin:0px; color: #fff;}
	.page-index .content { padding: 14px; }
	.page-index .content p{ font-size: 0.8em; color:#999999; margin-bottom: 0px;}
	.page-index ul{ margin: 0px; padding-left: 18px;}
	.page-index ul li{ list-style: disc outside;}
	
#col_main h2.page-header{ font-size: 1.9em; font-weight: bold; margin-top: 9px;}


/*	= PAGE LAYOUT
------------------------------------------------------------------*/

/* Define page width */
#wrapper, #footer_inner { width: 980px; margin: 0px auto;}

html { background: #f9efd8; }
body { background: #f9efd8 url(../images/middle_container_bg.jpg) repeat-y center top; }
#wrapper_container{ background:url(../images/wrapper_container_bg.jpg) no-repeat center top; }
	#wrapper_container_inner{ background:url(../images/wrapper_container_inner_bg.jpg) no-repeat center bottom; }
		#wrapper{ background:url(../images/wrapper_bg.gif) repeat-y center top; position: relative;} 
			#scrolltop{ position: absolute; top: 420px; left: -25px; width: 20px; height: 20px; text-indent: -1000em; background:#999999; }
			#wrapper_inner
				{ background:url(../images/house3_bg.jpg) no-repeat left top; } /* Main header image */
			body.home #wrapper_inner, 
			body.payment-options #wrapper_inner
				{ background:url(../images/house2_bg.jpg) no-repeat left top; } /* Main header image */
			body.about #wrapper_inner, 
			body.testimonials #wrapper_inner
				{ background:url(../images/house5_bg.jpg) no-repeat left top; } /* Main header image */
			body.products-and-services #wrapper_inner, 
			body.help-with-insurance
				{ background:url(../images/house4_bg.jpg) no-repeat left top; } /* Main header image */

#header_container{}
	#header{ height: 375px; position: relative;}
	
		#nav_top{ width: 300px; height: 81px; background: url(../images/nav_top_bg.gif) no-repeat left top; font-size: 0.85em; position: absolute; top: 0px; right: 36px; z-index: 10;}
			#nav_top li{ float: left; padding: 4px 0px 4px 10px; background-position: 7px 50%; background-repeat: no-repeat; margin-left: 5px;}
			#nav_top li.player{ padding: 4px 0px 4px 22px; background-image: url(../images/icon_add_small.gif);}
			#nav_top li.contact{ padding: 4px 0px 4px 22px; background-image: url(../images/icon_phone.gif);}
			#nav_top li a{ color: #fff;}
			#nav_top li a:hover{ color: #CCC;}
			
		#video_player{ position: absolute; width: 261px; background: url(../images/video_player_bg.png) no-repeat center bottom; height: 300px; right: 57px; top: 0px; display: none;}
			#video_player_container{ position: absolute; bottom: 50px; left: 43px;}
			#video_player .icon-close{ padding: 2px 2px 2px 20px; background: url(../images/cross.png) no-repeat 0px 50%; color: #fff; position: absolute; bottom: 3px; right: 3px;}
			#video_player .icon-close:hover{ color: #ccc; }
		
		#logo{ float: left; margin: 106px 0px 0px 0px; width: 412px; height: 175px; display: inline; }
			#logo a{ background: url(../images/logo_main.png) no-repeat; width: 412px; height: 175px; display:block; text-indent:-9000em; font-size: 0px; overflow: hidden;}
				#logo a span{ background: url(../images/logo_main.png) no-repeat; padding: 127px 0px 0px 120px; width: 292px; height: 48px; display:block; text-indent:0em; visibility:hidden;font-size: 16px; overflow: hidden;}
				#logo a:hover span{visibility:visible; }
			
		#tagline { float: left; margin: 20px 0px 0px 45px; font-size: 2.3em;  width: 197px; height: 54px; background: url(../images/tagline.gif) no-repeat; text-indent: -9000em; overflow: hidden; clear: left; display: inline;}

		
#middle_container{  }
	#middle{ padding-bottom: 223px; background: url(../images/middle_bg.jpg) no-repeat center bottom; margin-top: -12px; overflow: auto;}
	
	#col_main_container{ width: 688px; padding-right: 14px; background: url(../images/col_main_container_bg.png) no-repeat right top; float: left; margin-bottom: -37px;}
		#col_main{  }
		
			#nav_main{  width: 688px;}
				#nav_main li{ float: left;}
				#nav_main li a{display: block; text-indent: -9000em; width: 61px; height: 52px; overflow: hidden; background: url(../images/nav_main_buttons.gif) no-repeat 0px 8px;}
				
				#nav_main li.one a{ background-position:0px 8px; width: 61px;}
				body.home #nav_main li.one a, #nav_main li.one a:hover{ background-position: 0px -44px;}
				#nav_main li.two a{ background-position: -61px 8px; width: 92px;}
				body.about #nav_main li.two a, #nav_main li.two a:hover{ background-position: -61px -44px;}
				#nav_main li.three a{ background-position: -153px 8px; width: 86px;}
				body.products-and-services #nav_main li.three a, #nav_main li.three a:hover{ background-position: -153px -44px;}
				#nav_main li.four a{ background-position: -239px 8px; width: 75px;}
				body.contact #nav_main li.four a, #nav_main li.four a:hover{ background-position: -239px -44px;}
				#nav_main li.five a{ background-position: -314px 8px; width: 118px;}
				body.payment-options #nav_main li.five a, #nav_main li.five a:hover{ background-position: -314px -44px;}
				#nav_main li.six a{ background-position: -432px 8px; width: 147px;}
				body.help-with-insurance #nav_main li.six a, #nav_main li.six a:hover{ background-position: -432px -44px;}
				#nav_main li.seven a{ background-position: -579px 8px; width: 109px;}
				body.testimonials #nav_main li.seven a, #nav_main li.seven a:hover{ background-position: -579px -44px;}		
		
		
			.content-main { padding: 18px; background-color:#FFFFFF;}
			
			.banner-bottom{width: 625px; overflow: auto; clear: both; margin: 0px;}
			.banner-bottom li{ float:left;}
			.banner-bottom li a { display: block; width: 231px; height: 95px; background: url(../images/banner_1.jpg); text-indent:-9000em; overflow: hidden; }
			.banner-bottom li.second a { background-position: -231px 0px; width: 394px; }
	
	#col_side_container{ padding: 0px 19px 0px 14px; background: url(../images/col_side_container_bg.png) no-repeat left top; width: 239px; float: left; padding-top:2px;}
		#col_side{}
			#col_side h3.header { background: url(../images/side_header.gif) no-repeat left top; width: 240px; height: 57px; text-indent: -9000em; overflow: hidden;}
			#col_side .content { padding: 14px; background: #fff;}
			#side_accordion { width: 210px; margin-bottom: 7px;}
				#side_accordion li.panel{ display:inline;}
					#side_accordion h3.head {margin: 0px; display:inline;}
					#side_accordion h3.head a{ background-image: url(../images/side_accordion_buttons.gif); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -9000em; display: block; width: 210px; height: 65px; overflow: hidden;}
					
					#side_accordion li.box-free-estimate h3.head a{background-position: 0px 0px;}
					#side_accordion li.box-free-estimate h3.head.selected a, #side_accordion li.box-free-estimate h3.head a:hover{background-position: -212px 0px !important;}
					
					#side_accordion li.box-contractor h3.head a{background-position: 0px -69px;}
					#side_accordion li.box-contractor h3.head.selected a, #side_accordion li.box-contractor h3.head a:hover{ background-position: -212px -69px !important; }
					
					#side_accordion li.box-repair-replace h3.head a{background-position: 0px -215px;}
					#side_accordion li.box-repair-replace h3.head.selected a, #side_accordion li.box-repair-replace h3.head a:hover{ background-position: -212px -215px !important; }
					
					#side_accordion li.box-health-check h3.head a{background-position: 0px -288px;}
					#side_accordion li.box-health-check h3.head.selected a, #side_accordion li.box-health-check h3.head a:hover{ background-position: -212px -288px !important; }
					
					#side_accordion li.box-going-green h3.head a{background-position: 0px -358px;}
					#side_accordion li.box-going-green h3.head.selected a, #side_accordion li.box-going-green h3.head a:hover{ background-position: -212px -358px !important; }
					
					#side_accordion li.box-contact h3.head a{background-position: 0px -143px;}
					#side_accordion li.box-contact h3.head.selected a, #side_accordion li.box-contact h3.head a:hover{ background-position: -212px -142px !important; }
					
					.ui-accordion-right { display: none; }
					
					#side_accordion div.content {/*display: none;*/ padding: 7px; background: #e6e5e5;}
					
					#side_accordion h1, #side_accordion h2, #side_accordion h3, #side_accordion h4 { font-family: Arial, Helvetica, sans-serif; }
					#side_accordion h3 {font-size: 1.4em; font-weight: bold; }

#footer_container{ background: #f9efd8; padding-bottom: 20px; }
	#footer{ background: url(../images/footer_bg.jpg) repeat-y center top;}
		#footer_inner { color: #a49b86; padding: 30px 0px; margin-bottom: 0px; overflow: auto; background: url(../images/footer_flag.gif) no-repeat 100% 25%;}
		
		#footer a{ color: #a49b86; }
		#footer a:hover{ color: #1e427b; }
		#footer ul li{ border: none; }
	
	#bottom_seals{ width: 980px; margin: 20px auto 0px auto; text-indent: -9000em;  overflow: hidden;}
	.tech-seal{ display: block; background: url(../images/bottom_seals.jpg) no-repeat 0px 0px; width: 168px; height: 80px; text-indent: -1000pt; float: left;}
	.better-business-bureau{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -180px 0px; width: 55px; height: 80px; text-indent: -1000pt; float: left;} 
	.recommended-roofer{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -240px 0px; width: 170px; height: 80px; text-indent: -1000pt; float: left;}
	.ntrca{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -411px 0px; width: 82px; height: 80px; text-indent: -1000pt; float: left;}
	.genflex{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -497px 0px; width: 116px; height: 80px; text-indent: -1000pt; float: left;}
	.certainteed{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -616px 0px; width: 135px; height: 80px; text-indent: -1000pt; float: left;}
	.gafelk{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -755px 0px; width: 78px; height: 80px; text-indent: -1000pt; float: left;}
	.haag{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -832px 0px; width: 93px; height: 80px; text-indent: -1000pt; float: left;}
	.rsi{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -928px 0px; width: 80px; height: 80px; text-indent: -1000pt; float: left;}
	.nrca{ display: block; background: url(../images/bottom_seals.jpg) no-repeat 0px -80px; width: 110px; height: 80px; text-indent: -1000pt; float: left;}
	.hrpro{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -112px -80px; width: 145px; height: 80px; text-indent: -1000pt; float: left;}
	.owens{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -260px -80px; width: 70px; height: 80px; text-indent: -1000pt; float: left;}
	.firestone{ display: block; background: url(../images/bottom_seals.jpg) no-repeat -320px -80px; width: 175px; height: 80px; text-indent: -1000pt; float: left;}

/*	= PAGE SPECIFIC STYLES
------------------------------------------------------------------*/

body.home .page-header { display: none; }

/* Hide cForms link */
.linklove { display: none; }
body .cform textarea, body .cform input { width:174px; }
body ol.cf-ol { padding: 0px !important; }
body .cform { width: auto; }
body #col_main .cform { width: 200px; float: left; margin-left: 10px; }

body.about .content-main p { font-size: 0.88em; line-height: 1.5em;}
body.about table .content-main img { margin: 10px; border: 2px solid #1e427b; }

body.testimonials .section-testimonials { display: none; }

/* Lightbox 
------------------------------------------------------------------*/
#lightbox-infoBox { background: #000 !important; }
#lightbox-caption { display: none !important; }
#lightbox-infoBox a{ color: #fff; }
#lightbox-overlay-text-about { display: none; }

/* Popup
------------------------------------------------------------------*/
.opt_in_popup { display: none; }