/* CSS Document */

table,body,div,span,tr,td,img
{
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/*----------------------------- Layout-----------------------------*/

/*---Template--- Do Not Change*/

div#container {margin:auto ;width:800px;height:auto;}


/*Header*/

div#header{width:800px;height:100px; background-image:url(images/Logo-bg.gif); position:relative; border:1px solid #cccccc;}


div#logo{
	position:absolute;
	top:0px;
	left:0px;
	height:93px;
	width:270px;
	line-height:1.15 em;
}

div#phone{
	position:absolute;
	top:4px;
	left:283px;
	width:auto;
	line-height:1.25em;
}

div#form{position:absolute; top:0px; right:0px; height:93px;width:320px; border-left:#cccccc 1px dotted; }

.header-free-estimate{display:block; height:82px; width:135px; background-image:url(images/estimate-box.gif); background-repeat:no-repeat; border:2px solid #2ba0f1;} 

div#clear{clear:both}

/*Menu Bar*/

div#menu{width:800px;height:49px;background-color:#3b4e70; position:relative; z-index:10000}


/*Sub Menu*/

div#submenu {width:790px; height:auto;background-color:#F2F1D4; padding:5px}


/*Banner*/
div#banner{width:800px; height:auto; position:relative }


div#doorsbanner{width:800px; height:400px; background-image:url(images/hurricane-impact-doors1.jpg);  position:relative }

div#windowsbanner{width:800px; height:400px; background-image:url(images/impact-windows-1.jpg);  position:relative }

div#kitchenbanner{width:800px; height:400px; background-image:url(images/kitchen-refacing1.jpg);  position:relative }

div#paintsbanner{width:800px; height:400px; background-image:url(images/text-coating-1.jpg);  position:relative }

div#contactbanner{width:800px; height:400px; background-image:url(images/contact.jpg);  position:relative }

div#financingbanner{width:800px; height:400px; background-image:url(images/financing.jpg);  position:relative }


/*Menu*/

.home{display:block; 
height:49px; 
width:82px;  
background-image:url(images/menu-images/home.jpg); 
background-repeat:no-repeat;
cursor:pointer; position:absolute; left:0px; z-index:2;background-position:left; 

}
.home:hover{ background-position:right;   background-repeat:no-repeat;}




.windows{display:block; 
height:49px; 
width:147px;  
background-image:url(images/menu-images/impact-windows.jpg); 
background-repeat:no-repeat;
cursor:pointer; position:absolute; left:82px;z-index:2;background-position:left; 

}
.windows:hover{ background-position:right;  background-repeat:no-repeat;}


.doors{display:block; 
height:49px; 
width:96px; 
background-image:url(images/menu-images/impact-doors.jpg); 
background-repeat:no-repeat;
cursor:pointer; z-index:1000; background-position:left; 

}
.doors:hover{ background-position:right; background-repeat:no-repeat;}



.ac{display:block; 
height:49px; 
width:143px;  
background-image:url(images/menu-images/air-conditioning.jpg); 
background-repeat:no-repeat;
cursor:pointer;  position:absolute; left:325px;z-index:2;background-position:left; 
}
.ac:hover{ background-position:right;   background-repeat:no-repeat;}

.attic
{display:block; 
height:49px; 
width:143px;  
background-image:url(images/menu-images/attic-insulation-menu.jpg); 
background-repeat:no-repeat; background-position:left; 
cursor:pointer;  position:absolute; left:325px;z-index:2;
}
.attic:hover{ background-position:right;  background-repeat:no-repeat; }




.cabinets{display:block; 
height:49px; 
width:196px;  
background-image:url(images/menu-images/cabinet-refacing.jpg); 
background-repeat:no-repeat;
cursor:pointer;  position:absolute; left:468px;background-position:left; 

}
.cabinets:hover{ background-position:right;   background-repeat:no-repeat;}





.coating{display:block; 
height:49px; 
width:136px;  
background-image:url(images/menu-images/texture-coating.jpg); 
background-repeat:no-repeat;
cursor:pointer; position:absolute; left:664px;background-position:left; 
}
.coating:hover{ background-position:right;  background-repeat:no-repeat;}






/*Buttons*/

.button{display:block; 
height:26px; 
width:106px;  
background-image:url(images/button.jpg); 
background-repeat:no-repeat;
cursor:pointer; background-position:left; 
}

.button:hover{background-position:right;   background-repeat:no-repeat;}








/**/

div#transparent{width:800px; height:50px; background-color:#000000;  bottom:0px; left:0px;

 filter:alpha(opacity=60);   /* Internet Explorer       */
   -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
   opacity: 0.6;               /* newer Mozilla and CSS-3 */

position:absolute}


#title-white { float:left;  

filter:alpha(opacity=100);  /* discarded */
   -moz-opacity:1.0;           /* discarded */
   opacity: 1.0;               /* discarded */
   
font-family: IMPACT; color:#ffffff ; font-size:36px;border-bottom:1px solid #CC9900; width:auto;
	}

/**/

/**/
div#line{background-color:#666633; height:10px}

div#line2{background-color:#003366; height:10px}


/* Body */


#body{ position:relative; height:auto; width:780px; font-family: Arial;
	font-size: 13px;
	color:#000000; margin:10px; line-height:1.5em;}
#body h1 {font-size:44px; text-transform:uppercase; }

.warranty{display:block; height:auto; width:500px; float:left; background-image:url(http://fhaproducts.com/images/warra1.jpg); background-repeat:no-repeat;  padding-left: 130px; margin:0 ;}



#bluebox{background-color:#D1E1E9; border:1px solid #cccccc;width:200px;  position:absolute; border:1px solid #cccccc; top:0px;right:0px;width:200px; height:auto;  padding:5px; line-height:1.35em;}

#yellowbox{ background-color:#F0EAB5; border:1px solid #cccccc;width:200px;  position:absolute; border:1px solid #cccccc; top:0px;right:0px;width:200px; height:auto;  padding:5px;line-height:1.25em; }


.paintboxes{height:124px; width:600px; margin:5px; vertical-align:middle; }
.paintboxes img{margin-right:5px}

/*Footer*/
div#footer{clear:both; height:auto; background-image:url(../images/footer.gif);   }


/*---End Template---*/







/*--------------------------Layout Editable------------------------ */




/*index page*/














/*------------------------End Layout Editable-----------------------*/






/*----------------------------- Fonts -----------------------------*/



h1 {font-family: Arial;color:#112d50;  line-height:50px;
	}

h2 {font-family: Arial;color:#112d50;
	}

h3 {font-family: Arial;color:#112d50;
	}

h4 {font-family: Arial;color:#112d50;
	}
	
.h1 {font-family: IMPACT; color:#ffffff ; font-size:36px; margin:0px;
	}



.h1b {font-family: IMPACT;  font-size:36px; margin:0px;color:#112d50;
	}
	
	
	
	
	

.title2{
	font-family: Arial;color:#112d50;
	font-size: 20px;line-height:1.5em;
}

.title3{
	font-family: Arial;color:#112d50;
	font-size: 16px;line-height:1.5em;
}




.content{font-family: Arial;
	font-size: 13px;
	color:#000000;
}



.content2{font-family: Arial;
	font-size: 11px;
	color:#000000;
}


.form {
	font-family: Arial;
	font-size: 13px;
}

.title{
	font-family: Arial;color:#112d50;
	font-size: 15px; line-height:1.25em;
}



.title-yellow {filter:alpha(opacity=100);  /* discarded */
   -moz-opacity:1.0;           /* discarded */
   opacity: 1.0;               /* discarded */
   
font-family: IMPACT; color:#ffffcc ; font-size:36px;border-bottom:1px solid #CC9900;
	}


.submenu{
	font-family: Arial;color:#112d50;
	font-size: 12px;
}


.footer{
	font-family: Arial;color:#fff;
	font-size: 11px;
}



.subscribe {
	font-family: Arial;
	font-size: 12px;
	color:#112d50;
}


.unsubscribe{
	font-family: Arial;color:#112d50;
	font-size: 10px;
}



.icon {font-family: Arial; font-size: 11px; font-weight:100; color:#666666; }

.title_red {
	color: #E61D29;
}
.title_red_bold {
	color: #E61D29;
	font-weight:bold;
	font-size:16px;
}

.blue {
	font-family: Arial;
	color:#112d50;
	font-weight:bold;
	font-size:16px;
	
	}
.pick_line
{
	padding-top:30px;
	padding-bottom:10px;
	position:relative;
}
.formica_pick
{
	width:160px;
	float:left;
	display:inline-block;	
	margin-right:35px;
	
}