/*-------------------------------------------------------------------------------------0.0 Reset Styles*/
* {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 0;}

li, dd {margin-left:5%;}
fieldset {padding: .5em;}
select option{ padding:0 5px; }
.hide{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.center{ text-align:center;}
.padding{padding:0 32px;}
a img{ border:none; }
a {outline:none;}
/*-------------------------------------------------------------------------------------*/
html{height:100%;}

body{
background: url(../images/bg_x.jpg) repeat-x #adadad;
margin: 0;
padding: 0;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
height:100%;
}
/*---Common call to action paragraph--------------*/
h5 {
padding:12px 0 8px 0;
margin:0 auto;
font:bold Arial, Helvetica, sans-serif;
color: #0d4d69;
width:650px;
}

#BBbg{
width:100%;
background:url(../images/BBbg.jpg) no-repeat center 153px;
text-align:center;
}

#wrap{
width:1000px;
margin:0 auto;
text-align:left;
position:relative;
}
	#head{
	height:314px;
	background:url(../images/headBG.jpg) top center no-repeat;
	}
		a#logo{
		display:block;
		width:384px;
		height:153px;
		position:relative;
		left:0px;
		}
		#rafq-wrap{
		position:absolute;
		width:530px;
		right:46px;
		top:0px;
		/*background:url(../images/house_top.jpg) repeat scroll -37px top;*/
		z-index: 999;
		}
			#rafq{
			width:530px;
			right:0px;
			top:0px;
			}
		#testimonials{
		color:#FFFFFF;
		width:175px;
		height:141px;
		overflow:hidden;
		background: url(../images/testimonials_bg.jpg) no-repeat 0px 156px;
		padding-top:20px;
		}
		#testimonials a{
		color:white;
		text-decoration:none;
		}
		#testimonials a:hover{
		text-decoration:underline;
		}
		#testimonials h2{
		font-size:16px;
		padding-bottom:5px;
		}
		a#testimonials-link{ display:block; text-align:right; font-size:.8em;}

		.testimonials {
		list-style: none;
		padding: 0;
		margin: 0;
		padding-bottom:10px;
		}
			.testimonials li{
			list-style: none;
			padding: 0;
			margin: 0;
			height:70px;
			overflow:hidden;
			}
		.houseshow{
		visibility:visible;
		}
		.househide{
		visibility:hidden;
		}
		#house{
		background:url(../images/house.jpg);
		height:237px;
		width:800px;
		position:absolute;
		right:16px;
		top:77px;			
		}
		#house-roof{
		background:url(../images/house_roof.jpg);
		height:237px;
		width:800px;
		position:absolute;
		right:16px;
		top:77px;			
		}
		#house-windows{
		background:url(../images/house_windows.jpg);
		height:237px;
		width:800px;
		position:absolute;
		right:16px;
		top:77px;	
		}
		#house-siding{
		background:url(../images/house_siding.jpg);
		height:237px;
		width:800px;
		position:absolute;
		right:16px;
		top:77px;			
		}
		#house-gutters{
		background:url(../images/house_gutters.jpg);
		height:237px;
		width:800px;
		position:absolute;
		right:16px;
		top:77px;
		}
	#nav-bar{
	width:167px;
	float:left;
	}
		#nav-bar ul {
		list-style:none;
		margin:0;
		padding:0;
		}
			#nav-bar ul li{
			list-style:none;
			margin:0;
			padding:0;
			}
			#nav-bar ul li a{
			text-indent:-999em;
			}
			
			#nav-bar ul li a#home{
			display:block;
			height:56px;
			background:url(../images/images/home.jpg) left no-repeat;
			}
			#nav-bar ul li a#home:hover{background:url(../images/images/home.jpg) center no-repeat;}
			#homepage #nav-bar ul li a#home{background:url(../images/images/home.jpg) right no-repeat;}
			
			#nav-bar ul li a#story{
			display:block;
			height:42px;
			background:url(../images/images/ourstory.jpg) left no-repeat;
			}
			#nav-bar ul li a#story:hover{background:url(../images/images/ourstory.jpg) center no-repeat;}
			#storypage #nav-bar ul li a#story{background:url(../images/images/ourstory.jpg) right no-repeat;}
			
			#nav-bar ul li a#choose{
			display:block;
			height:42px;
			background:url(../images/images/whychooseinfinity.jpg) left no-repeat;
			}
			#nav-bar ul li a#choose:hover{background:url(../images/images/whychooseinfinity.jpg) center no-repeat;}
			#choosepage #nav-bar ul li a#choose{background:url(../images/images/whychooseinfinity.jpg) right no-repeat;}
			
			#nav-bar ul li a#warranty{
			display:block;
			height:41px;
			background:url(../images/images/lifetimewarranty.jpg) left no-repeat;
			}
			#nav-bar ul li a#warranty:hover{background:url(../images/images/lifetimewarranty.jpg) center no-repeat;}
			#warrantypage #nav-bar ul li a#warranty{background:url(../images/images/lifetimewarranty.jpg) right no-repeat;}
			
			#nav-bar ul li a#awards{
			display:block;
			height:42px;
			background:url(../images/images/certsawards.jpg) left no-repeat;
			}
			#nav-bar ul li a#awards:hover{background:url(../images/images/certsawards.jpg) center no-repeat;}
			#awardspage #nav-bar ul li a#awards{background:url(../images/images/certsawards.jpg) right no-repeat;}
			
			#nav-bar ul li a#gallery{
			display:block;
			height:42px;
			background:url(../images/images/gallery.jpg) left no-repeat;
			}
			#nav-bar ul li a#gallery:hover{background:url(../images/images/gallery.jpg) center no-repeat;}
			#gallerypage #nav-bar ul li a#gallery{background:url(../images/images/gallery.jpg) right no-repeat;}
			
			#nav-bar ul li a#contact{
			display:block;
			height:72px;
			background:url(../images/images/contactus.jpg) left no-repeat;
			}
			#nav-bar ul li a#contact:hover{background:url(../images/images/contactus.jpg) center no-repeat;}
			#contactpage #nav-bar ul li a#contact{background:url(../images/images/contactus.jpg) right no-repeat;}
		#affiliations{
		padding-left:20px;
		color:white;
		font-size:11px;
		}
	#main-wrap{
	background:url(../images/main_y.jpg) repeat-y;
	width:833px;
	float:left;
	z-index: 50;
	}
		#main-content{
		background:url(../images/main_top.jpg) top no-repeat;
		width:833px;
		min-height:450px;
		}
			* html #main-content{
			height:450px;
			}
			#main-content h1{
			clear:both;
			font-size:21px;
			padding-top:25px;
			color:#b1010e;
			}
			#main-content h2{
			font-size:18px;
			padding-top:25px;
			color:#b1010e;
			}
			#main-content h3{
			font-size:16px;
			padding-top:25px;
			color:#b1010e;
			}
			#main-content h4{
			font-size:14px;
			padding-top:25px;
			color:#b1010e;
			}
			#main-content p{
			padding-top:15px;
			}
			body a{
			color:#0077b5;
			text-decoration:underline;
			}
			body a:hover{
			text-decoration:none;
			}
			#main-content form {
			margin:0 auto;
			width:70%;
			}
				#main-content form fieldset{
				margin-bottom:10px;
				}
			
		#main-bottom{
		background:url(../images/main_bottom.jpg) top no-repeat #ADADAD ;
		height:45px;
		padding-top:40px;
		padding-right:20px;
		font-size:12px;
		text-align:right;
		}
/*loading alert-----------------------------------------------------------------------------------------------------------------*/
#prepage{
display: none;
float:left;
position: fixed;
top: 0%;
left: 0%;
right:0;
bottom:0;
width: 100%;
height: 100%;
background:url(/images/loader.png);
z-index:1001;
/*-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=80);*/
}

#precontent {
position: fixed;
top: 100px;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
text-align:center;
z-index:1002;
overflow: auto;
color:#6c6c6c;
font-weight:bold;
}
			
#prebox{
width:300px;
padding-bottom:30px;
background:#fff;
border-bottom:4px solid #45a0b8;
border-left:4px solid #45a0b8;
border-right:4px solid #4dc8e9;
border-top:4px solid #4dc8e9;
margin:0 auto
}

#flashHolder{
float: right;
position:absolute;
top: 11px;
right: 101px;
z-index: 500;
}