/* CSS Document */
* {margin:0; padding:0; border:0;}
body {background-image:  url(../images/shingles_bg.gif); border:0; behavior: url("css/csshover3.htc")}
p {font-family:Georgia, "Times New Roman", Times, serif; color:#565958; font-size:14px; line-height:24px;}
h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:25px;}


#container {margin-left:auto; margin-right:auto; width:960px; overflow:hidden; background-color:#FFF;}

#header {position:relative; top:0; left:0; width:960px; height:175px;}

#logo {background-color:#FFF; position:relative; float:left; top:0; left:0; width:320px; height:175px;}

#service_nav {background-color:#000; position:relative; top:0; float:left; width:195px; height:175px;}
.service_nav_links {float:left; /*clear:right;*/ clear:both; height:20px; width:162px; margin-left:15px; margin-top:8px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:11px; line-height:16px; text-transform:uppercase;}
.service_nav_links a:link, .service_nav_links a:visited {border-bottom-width:1px; border-bottom-color:#a5a7aa; border-bottom-style:solid; text-decoration:none; color:#d1d2d3; display:block;}
.service_nav_links a:hover, .service_nav_links a:active {border-bottom-width:1px; border-bottom-color:#b40c01; border-bottom-style:solid; border-left-width:4px; border-left-color:#b40c01; border-left-style:solid; text-decoration:none; color:#d1d2d3;  display:block; text-indent:6px;}

#header_image {position:relative; float:right; width:445px; height:175px; background-image: url(../images/header_bg.jpg); background-repeat:no-repeat; }

#tagline {position:relative; left:20px; top:90px; height:85px; width:415px; color:#9eafc0; text-transform:uppercase; font-size:21px; line-height:23px;}

#top_nav {position:relative; float:left; height:33px; /*width:960px; */ width:920px; background-image:url(../images/top_nav_bg.jpg); overflow:hidden; padding-top:17px; padding-left:40px;}
#top_nav ul {list-style:none;}
#top_nav li {display:inline; padding-right:35px;}
#top_nav a:link, #top_nav a:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none; letter-spacing:1px;}
#top_nav a:hover, #top_nav a:active {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold; color:#b40c01; text-transform:uppercase; border-bottom:4px solid #b40c01; padding-bottom:3px;}

#left_content_container {position:relative; float:left; width:660px; background-color:#ebe3cc; overflow:hidden; /* added: */ padding:40px;}
#service_portal_container {position:relative; float:left; width:660px; height:306px; /* added: */ overflow:hidden; margin-bottom:40px; /* removed: margin-top:40px; margin-left:40px;*/}
#service_portals_left {position:relative; float:left; width:172px; height:306px;}
#service_portals_right {position:relative; float:left; width:168px; height:306px;}
#service_portal_photos {position:relative; float:left; width:310px; height:306px; margin-right:3px;}
.service_portal {position:relative; float:left; width:154px; height:85px; background-image:url(../images/service_portal_off.gif); background-repeat:no-repeat; overflow:hidden; margin-bottom:3px; padding-top:15px; padding-left:15px;}
.service_portal h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:15px; color:#FFFFFF; margin-bottom:3px;}
.service_portal p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#000;}
/*This is to handle the homepage service photos*/
div.service_portal:hover {background-image:url(../images/service_portal_on.gif); background-repeat:no-repeat;}
div.service_portal:hover p {color:#fff;}
a.service_portals {text-decoration:none;}


#left_content {clear:both; position:relative; float:left; width:660px; /* removed: margin-top:40px;*/}
#left_content h1 {font-size:25px; line-height:33px; color:#000000; font-weight:normal;}
#left_content p {font-size:16px; line-height:27px; margin-top:15px;}
#left_content_internal {position:relative; float:left; width:660px; }
#left_content_internal h1 {font-size:25px; line-height:33px; color:#000000; font-weight:normal; margin-bottom:15px;}
#left_content_internal h2 {margin-top:15px;}
#left_content_internal p {margin-top:10px;}
#left_content_internal p.customer {color:#000000; margin-bottom:15px; margin-top:5px; font-size:11px;}
#left_content_internal p.testimonials {font-style:italic;}
#left_content_internal ul {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:25px; color:#565958; list-style-image:url(../images/bullet_red.gif); margin-left:15px; margin-bottom:15px; margin-top:10px;}
#left_content_internal a:link, #left_content_internal a:visited {color:#565958; text-decoration:underline;}
#left_content_internal a:hover, #left_content_internal a:active {color:#b41c01; text-decoration:underline;}
.bottom_line {font-style:italic; color:#000000;}
.back_to_top {font-style:italic; color:#000000; font-size:10px;}

#indoor_gallery {position:relative; float:left; width:300px; height:265px; margin-bottom:30px; margin-top:40px; margin-right:20px;}
#outdoor_gallery {position:relative; float:left; width:300px; height:265px; margin-bottom:30px; margin-top:40px; margin-right:20px;}

#before_after_gallery {position:relative; float:left; width:660px; height:310px; clear:both; margin-bottom:30px; margin-top:20px;}

#testimonials {position:relative; float:left; width:260px; margin-bottom:40px; margin-top:25px; margin-right:70px; padding-left:15px; border-left-width:2px; border-left-color:#b40c01; border-left-style:solid;}
#testimonials h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:21px; color:#000000; font-style:italic; margin-top:-5px;}
#testimonials p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#565958; margin-top:2px;}
#testimonials p.name {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-style:italic; text-align:right; margin-top:2px; margin-bottom:-5px;}

#call_today_container {position:relative; float:left; width:204px; height:83px; background-image:url(../images/call_today_bg.gif); background-repeat:no-repeat; overflow:hidden; margin-top:30px; margin-bottom:185px;}
#call_today {position:relative; float:left; width:174px; height:53px; border-left-style:solid; border-left-width:2px; border-left-color:#FFFFFF; margin:15px; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#FFFFFF; text-transform:uppercase;}
.call_today_number {font-size:17px; line-height:30px;}

#right_sidebar {position:relative; float:left; padding-left:20px; width:200px; background-color:#FFF;}

#phone_numbers {position:relative; float:left; margin-top:40px; width:180px;}
#phone_numbers h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#b40c01; text-transform:uppercase; font-size:13px; line-height:14px;}
#phone_numbers p {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; margin-top:8px;}

#special_offer {position:relative; float:left; margin-top:30px; width:161px; height:152px; background-image:url(../images/special_offer_bg.gif); background-repeat:no-repeat; padding:10px;}
#special_offer h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#565958; font-style:italic; font-weight:normal; border-bottom:3px solid #b40c00; padding-bottom:2px; margin-bottom:5px;}
#slider {position:relative; float:left; width:161px; height:90px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000;}
#slider ul, #slider li {margin-bottom:0; padding:0; list-style:none;}
#slider a:link, #slider a:visited {font-weight:bold; color:#000;}
#slider a:hover, #slider a:active {font-weight:bold; color:#b40c00;}

#new_roofing_top {position:relative; float:left; margin-top:30px; width:171px; height:24px; background-image:url(../images/new_roofing_top.gif); background-repeat:no-repeat; padding-top:12px; padding-left:10px;}
#new_roofing_top h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:13px; line-height:20px; text-transform:uppercase;}
#new_roofing_bottom {position:relative; float:left; width:181px; height:9px; background-image:url(../images/new_roofing_bottom.gif); background-repeat:no-repeat;}
#new_roofing {position:relative; float:left; top:0; width:171px; background-image:url(../images/new_roofing_bg.gif); background-repeat:repeat-y; padding-top:12px; padding-left:10px;}
#new_roofing p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#000;}
#new_roofing ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000; list-style-image:url(../images/bullet.gif); margin-left:15px; margin-top:5px;}
#new_roofing a:link, #new_roofing a:visited {color:#000; text-decoration:none;}
#new_roofing a:hover, #new_roofing a:active {color:#FFF; text-decoration:none; }

#bbb {position:relative; float:left; margin-top:30px; width:180px;}
#bbb p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; margin-top:5px;}
#bbb a:link, #bbb a:visited {color:#565958}
#bbb a:hover, #bbb a:active {color:#b40c01}


#ntrca {position:relative; float:left; margin-top:20px; width:180px;}
#ntrca p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; margin-top:5px;}
#ntrca a:link, #ntrca a:visited {color:#565958}
#ntrca a:hover, #ntrca a:active {color:#b40c01}

#products {position:relative; float:left; margin-top:20px; width:165px; border-top-width:1px; border-top-style:solid; border-top-color:#565958;}
#products p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; margin-top:5px; margin-bottom:7px;}

#footer {position:relative; float:left; width:920px; background-color:#03325e; padding-top:20px; padding-left:40px;}

#areas_served {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#FFF;}

#bottom_nav {position:relative; clear:both; float:left; margin-top:20px; color:#FFF; padding-bottom:10px;}
#bottom_nav a:link, #bottom_nav a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none;}
#bottom_nav a:hover, #bottom_nav a:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:underline;}

#bottom_address {position:relative; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:10px; color:#FFFFFF; padding-bottom:20px;}

.form_lables {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#03325e;}

.textboxstyle {
	border: thin solid #03325e;
	background-color: #FFFFFF;
}

.commentbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #03325e;
	border: thin solid #03325e;
}
.submitbutton {
	border: thin inset #C9D4DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #C9D4DD;}

/*--pop up--*/

#hideshow {position:absolute; width: 100%; height: 100%; top: 0; left: 0;}

#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
   background-image: url(../images/background_popup.gif);
   background-position: 0;
   background-repeat: no-repeat;	
   padding: 20px 20px;
	float: left;
	width: 657px;
	height: 500px;
	position: fixed;
	top: 20%;
	left: 45%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 587px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: -20px;
	padding: 10px 0;
}
.popup h2 {
	margin-top:10px;
}
.popup h3 {
	
}
.popup p {
	color:#000000;
	font-size:10px;
	line-height:18px;
	margin-top:5px;
}
.popup ul {
	color:#000000;
	font-size:10px;
	line-height:18px;
	margin-left:10px;
}
.popup img.cntrl {
	position: absolute;
	right: 75px;
	top: 40px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }

/*--end pop up--*/