@charset "utf-8";
/* --------- Auburn Secondary Page CSS Styles --------- */

/*	
	1. Defaults: Html Tags
	2. Left Content
	3. Center Content
    4. Right Content
	5. Featured Projects Detail
	6. Quote Form
*/

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

	
/* --------- 2. Left Content  --------- */

p#compass{
	width: 216px; 
	height: 150px; 
 	background: url(../images/s_compass_btm.jpg) no-repeat;
	margin:0px;
	padding:0px;
	text-indent:-1000em;
	}
	
/* --------- 3. Center Content  --------- */

#secondaryPage{
	width:480px;
	float:left;
	clear:both;
	margin:0px 15px 0px 5px;
	}
	
#secondaryPage h1{ 
	font-size:1.7em;
	padding:4px 0px 0px 0px;
	margin:0px;
	color:#000;
	}
	
#secondaryPage h2{ 
	font-size:1.5em;
	padding:4px 0px 0px 0px;
	margin:0px;
	color:#000;
	}
	
#secondaryPage p, #projectDescription p{
	margin:6px 0px 12px 0px;
	line-height:140%;
	}	
	
#secondaryPage a, #projectDescription a{
	color:#039;
	}
	
#secondaryPage a:hover, #projectDescription a:hover{
	color:#9FB9DA;
	}
	
.imgClear{
	position:relative;
	top:5px;
	clear:both;
	}
	
#secondaryPage .ulServicesImgClear{
	display:block;
	padding-left:165px;
	margin:6px 0px 12px 6px;
	}
	
.imgLeft{
	float:left;
	clear:both;
	margin:6px 10px 0px 0px;
	border:#9FB9DA 1px solid;
	padding:2px;
	}
	
.imgRight{
	float:right;
	clear:left;
	margin:0px 0px 0px 10px;
	border:#9FB9DA 1px solid;
	padding:2px;
	}
	
#secondaryPage ul{
	margin:6px 0px 12px 6px;
	line-height:140%;
	list-style:none;
	}
	
#secondaryPage li{
	margin:0px 0px 0px 0px;
	background:url(../images/bullet-chk-mark.jpg) no-repeat left 5px;
	padding-left:16px;
	}
	
/* -------- Gallery Images -----------*/

#gallery{
	width:480px;
	height:220px;
	position:relative;
	}
	
.gImg1, .gImg2, .gImg3{
	border:#9FB9DA 1px solid;
	padding:2px;
	}
.gImg1{
	float:left;
	clear:both;
	margin: 14px 43px 10px 0px;
	}
	
.gImg2{
	float:left;
	margin: 14px 43px 10px 0px;
	}
	
.gImg3{
	float:left;
	margin: 14px 0px;
	}
	
.btnViewGallery{
	position: relative;
	top:4px;
	left:158px;
	float:left;
	clear:both;
	}
	
/*------- Serviecs ----------*/
	
.services{
	width:480px;
	float:left;
	clear:both;
	margin-top:10px;
	vertical-align:top;
	padding-bottom:7px;
	border-bottom: #C2CEE7 1px solid;
	}
	
.services img{
	float:left;
	clear:both;
	margin:0px 10px 4px 0px;
	border:#9FB9DA 1px solid;
	padding:2px;
	background-color:#FFF;
	}
	
#secondaryPage div.services h3  {
	margin:0px;
	padding: 0px 0px 3px 0px;
	font-size:1.1em;
	float:left;
	}
	
#secondaryPage div.services p{
	margin:0px;
	width:360px;
	display:block;
	float:left;
	} 
	
#faqs h2{
	font-size:1.1em;
	}
	
/*------- Featured Projects / Locations ----------*/
	
div#featuredProjects h2{
	font-size:1.5em;
	float:left;
	clear:both;
	width:480px;
	padding:10px 0px 0px 0px;
	color:#333;
	}
	
.projects, .locations{
	width:480px;
	float:left;
	clear:both;
	margin-top:10px;
	vertical-align:top;
	padding-bottom:7px;
	border-bottom: #C2CEE7 1px solid;
	}
	
.projects img, .locations img{
	float:left;
	clear:both;
	margin:0px 10px 4px 0px;
	border:#9FB9DA 1px solid;
	padding:2px;
	background-color:#FFF;
	}
	
#secondaryPage div.projects h3, div#locationsServed h2 {
	margin:0px;
	padding: 0px 0px 3px 0px;
	font-size:1.1em;
	float:left;
	}
	
#secondaryPage div.projects p, #secondaryPage div.locations p{
	margin:0px;
	width:335px;
	display:block;
	float:left;
	} 
	
/* --------- News  --------- */

#news h2 {
	font-size:1.2em;
	margin:0px;
	padding: 10px 0px 3px 0px;
	}
	
#news h3 {
	font-size:1.2em;
	margin:0px;
	padding: 0px;
	}
	
#news p {
	border-bottom:#9FB9DA 1px solid;
	padding-bottom:10px;
	margin-bottom:0px;
	}
	
/* ---------  Contact Us  --------- */
	
fieldset {
	border:0px;
	padding:0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
	}

legend {
	font-size:1.1em;
	color:#F00;
	position:relative;
	margin: 0px 0px 4px 0px;
	padding:0px;
	font-weight:bold;
	}
	
#secondaryPage fieldset h2 {
	font-size:1em;
	margin:5px 0px;
	}
	
#name, #email, #subject, #comments, #phone, #type, #project, #products, #projectSize, #located, #start{
	border:#ccc 1px solid;
	padding:2px 2px 2px 4px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#name, #email, #comments, #phone, #type, #project, #products, #projectSize, #located, #start{
	width:200px;
	}
	
#subject, #type, #project, #products, #projectSize{
	width:208px;
	}
	
#start{
margin-bottom:10px;
}
	
#comments{
	width:200px;
	float:left;
	clear:both;
	margin-bottom:10px;
	font-size:1em;
	}
	
#submit{
	float:left;
	clear:both;
	}
	
.error, .thanks{
	color:#F00;
	font-weight:bold;
	}
	
/* --------- 4. Right Content  --------- */

#rightContainer{
	width:210px;
	float:left;
	margin-top:8px;
	}
	
#rightContainer img {
	vertical-align:bottom;
	}
	
#consultation{
	width:210px;
	height:110px;
	background:url(../images/r_free_consultation_bg.gif) no-repeat;
	}
	
#consultation h4{
	font-size:1em;
	color:#FF0;
	padding:10px 0px 0px 25px;
	margin:0px;
	}
	
#consultation a{
	color:#FF0;
	}
	
#consultation a:hover, #consultation ul{
	color:#FFF;
	}
	
#consultation ul{
	list-style:none;
	font-size:.9em;
	margin:4px 0px 0px 25px;
	padding:0px;
	}
	
#consultation li{
	line-height:140%;
	}
	
#commercial{
	width:210px;
	height:120px;
	background:url(../images/r_commercial_bg.gif) no-repeat;
	}  
	
#commercial h4{
	font-size:1em;
	padding:25px 0px 0px 16px;
	margin:0px;
	text-align:center;
	width:190px;
	}
	
#commercial a{
	color:#FFF;
	}
	
#commercial a:hover{
	color:#CCC;
	}


p#bluePrint{
	width: 210px; 
	height: 248px; 
 	background: url(../images/r_blue_print_btm.jpg) no-repeat;
	margin:0px;
	padding:0px;
	text-indent:-1000em;
	}
	
/* --------- 5. Featured Projects Detail  --------- */

#projectFeatures{
	width:308px;
	float:left;
	clear:both;
	margin:10px 18px 0px 2px;
	}
	
#projectImages{
	width:308px;
	border:#9FB9DA 1px solid;
	position:relative;
	vertical-align:top;
	}
	
.fMainImg{
	clear:both;
	margin: 4px;
	}
	
.fLeftImg{
	clear:both;
	margin-left:4px;
	}
	
.gImg3{
	float:left;
	margin: 14px 0px;
	}
	
#projectFeatures h3{
	margin:8px 0px;
	padding:0px;
	font-size:1.2em;
	color:#333;
	}
	
#projectFeatures ul {
	list-style:none;
	margin:5px 0px 0px 8px;
	padding:0px;
	line-height:160%;
	position:relative;
	}

#projectFeatures li {
	background: url(../images/featured_check.gif) no-repeat left 4px;
	padding-left:20px;
	}
	
#projectDescription{
	width:380px;
	float:left;
	margin:10px 0px 0px 0px;
	}
	
#projectDescription h1{
	margin:0px;
	padding:0px;
	font-size:1.7em;
	}	
	
#projectDescription h2{
	margin:4px 0px;
	padding:0px;
	font-size:1.4em;
	color:#333;
	}
	
#projectDescription ul {
	list-style:none;
	margin:10px 0px 0px 20px;
	padding:0px;
	line-height:140%;
	position:relative;
	}

#projectDescription li {
	background: url(../images/bullet.gif) no-repeat left 6px;
	padding-left:10px;
	}
	
/* --------- 6. Quote Form  --------- */

#quote-form {width:210px; height:292px; background:url(../images/s-quote-form-bg.gif) no-repeat top;}

#quote-form table {border-collapse:collapse; width:197px; height:290px; margin-left:11px; background:url(../images/s-quote-form-table-bg.gif) repeat-y top; border:1px solid #BCCCE9;}

#quote-form table th {width:197px; height:40px; background:url(../images/s-quote-form-th.jpg) no-repeat top; color:#FFF; font-size:1.2em;}

/*#quote-form table th span {display:block; padding-top:2px;}*/

#quote-form table td {padding:2px;}

#quote-form table td label {display:block; width:175px; padding-left:16px; padding-bottom:4px; font-weight:bold; color:#333;} 

#quote-form table input {width:154px; margin-left:16px; font-weight:bold; color:#333; border:1px solid #A9BADD; padding:2px;}

#quote-form table select {width:160px; margin-left:16px; font-weight:bold; color:#333; border:1px solid #A9BADD; padding:2px;}

#quote-form table input, #quote-form table select {font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

#quote-form table input#btn_submit {width:160px; height:30px;}