@charset "utf-8";
/* --------- Auburn Main Layout CSS Styles --------- */

/*	
	1. Defaults: Html Tags
	2. Header
	3. Navigation: Header Navigation / Main Navigation
	4. Content: Page / Links
	5. Footer
	6. SEO Links
*/

/* --------- 1. Defaults  --------- */

body {
	background:#9FB9DA  url(../images/background.gif) repeat-x;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}

a {
	text-decoration:none;
	}

img {
border:0px;
	}
	
form{
	margin:0px;
	padding:0px;
	}
	
.clear{
	clear:both;
	font-size:0px;
	}
	
/* --------- Page Structure  --------- */
#wrapper {
	width:940px;
	margin: 0px auto;
	background:url(../images/c_content_bg.gif) repeat-y;
	}
	
#leftContainer {
	width:216px;
	float:left;
	clear:both;
	}
	
#mainContainer {
	width:724px;
	float:left;
	}
	
/*#page{
	width:800px;
	position:relative;
	margin: 30px auto 0px auto;
	min-height:475px;
	height:475px;
	height:auto !important;
	}*/
	
/* --------- 2. Header  --------- */	
#header {
	width:724px;
	height:89px;
	position:relative;
	background:url(../images/h_bg.gif) repeat-x top;
	}
	
#hFreeConsultation{
	width:150px;
	height:38px;
	background:url(../images/h_consultation_bg.gif) no-repeat top;
	position:relative;
	left:574px;
	}
	
#hFreeConsultation a{
	color:#333;
	font-weight:bold;
	position:relative;
	left:37px;
	top:7px;
	width:140px;
	}
	
#hFreeConsultation a:hover{
	color:#999;
	}
	
.hContactUs{
	position:relative;
	left:480px;
	top:-30px;
	width:90px;
	}
	
a.hContactUs {
	color:#FFF;
	font-weight:bold;
	background:url(../images/icon_contact_h.gif) no-repeat left;
	padding-left:25px;
	}
	
a:hover.hContactUs {
	color:#333;
	}
	
/*Main Navigation */
#mNavBar{
	width:416px;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	position:absolute;
	left:0px;
	top:51px;
	list-style:none;
	}
			
#mNavBar li {
	float:left;
	margin:0px;
	padding:0px;
	position: relative;
	}

#mNavBar .active, #mNavBar a:hover {
	background-position: bottom;
	position:relative;
	color:#FFF;
	}

#mNavBar .inactive{
	background-position: top;
	position:relative;
	}
	
#mNavBar a{
	color:#039;
	background-position: top;
	position:relative;
	display:block;
	float:left;
	font-size:1.1em;
	text-align:center;
	}
	
#aHome, #aWindows, #aFeatured{
	padding:15px 0px 7px 0px;
	position:relative;
	}
	
/* Main Button Link Images */
	
#aHome{
	background-image: url(../images/btn_home.jpg);
	width: 90px;
	}
	
#aWindows{
	background-image:url(../images/btn_windows.jpg);
	width: 169px;
	}

#aFeatured{
	background-image:url(../images/btn_doors.jpg);
	width: 157px;
	}
	
#sNavBar{
	width:300px;
	height:31px;
	margin:0px;
	padding:0px;
	float:left;
	position:absolute;
	right:5px;
	top:64px;
	display:inline;
	list-style:none;
	background:url(../images/s_navBar_bdrR.jpg) no-repeat 293px 15px;
	}
				
#sNavBar li {
	float:left;
	margin:2px 7px 2px 2px;
	padding:0px;
	position: relative;
	}
	
#sNavBar a{
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	}
	
#sNavBar a:hover, #sNavBar .active{
	color:#333;
	}
	
	
/*----------3 Left Colum -----------*/	

.logo{
	vertical-align:bottom;
}
		
/*Left Colum Navigation */

.leftNavTopBg{
	background:url(../images/ln_top_bg.gif) no-repeat top;
	}

#navContainer {
	width:216px;
	background:url(../images/ln_nav_bg.gif) repeat-y;
	}
		
#navContainer ul{
	position:relative;
	top:-0px;
	margin:0px;
	padding:0px 0px 0px 22px;
	line-height:200%;
	list-style:none;
	}
	
#navContainer h4{
	background:url(../images/ln_title_bg.gif) no-repeat;
	height:25px;
/*	float:left;*/
	}
	
#leftContainer h4{
	font-size:1.3em;
	padding:3px 0px 0px 20px;
	margin:5px 0px 3px 0px;
	color:#000;
	}
	
#navContainer a{
	color:#039;
	}
	
#navContainer a:hover{
	color:#999;
	}	
	
#navContainer p.h4{
	color:#333;
	}
	
/* Page Container*/
#breadCrumb {
	width:724px;
	height:56px;
	background:url(../images/c_top_bg.gif) no-repeat;
	vertical-align:middle;
	position:relative;
	}
	
#breadCrumb p{
	position:absolute;
	top:18px;
	left:4px;
	font-size:.9em;
	font-weight:normal;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	}
		
#breadCrumb a, #footer a, #page a {
	color:#039;
	}
	
#breadCrumb a:hover, #footer a:hover, #page a:hover {
	color: #999;
	}
	
#breadCrumb p.bcPhone {
	color:#039;
	font-size:2.2em;
	background:url(../images/icon_phone.gif) no-repeat left;
	padding-left:20px;
	float:left;
	position:absolute;
	left:530px;
	top:10px;
	}

#breadCrumb p{
	margin:0px;
	}
		
/* --------- 5. Footer --------- */		
#footer {
	width:940px;
	background:url(../images/c_footer_bg.gif) no-repeat center top;
	height:104px;
	font-weight:bold;
	}

#footer ul {
	margin:0px;
	padding:0px;
	position:relative;
	top:60px;
	text-align:center;
	}
	
#footer li {
	display:inline;
	margin:0px 15px; 
	padding:0px;
	}	

.fContactUs {
	background:url(../images/icon_contact_f.gif) no-repeat left;
	padding-left:25px;
	}

#copyright{
	height:80px;
	margin:0px auto;
	text-align:center;
	color:#FFF;
	}
	
#copyright p{
	margin:6px;
	}
	
#copyright a {
	color:#039;
}

#copyright a:hover {
	color:#333;
}

#copyright a.spectrum{
	color:#FFF;
	}

.imageBorder {
	border: 1px solid #CCCCCC;
}
table.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	background-color: #F5F5F5;
}
td.border {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.h2 {font-size:14px;padding:0px;margin:0px;color:#000}
.h4 {padding:10px 0px 0px 20px;	margin:0px; font-size: 16px}