/*--Global Styling
=======================================*/
* {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	border: 0;
}

/*--Color Constants
	#D7DBDD : Light gray - (Inner border for Flash gallery) 
	#D6DEE5 : Mid blue A - (Bg for Lower 1/3 promo area)
	#D5DEE5 : Mid blue B - Page background (Color is integrated in faux background image only)
	#EEF1F3 : Light blue (Bg for center column on 3 column layout and r column on 2 column layout)
	#BEC8CF : xxx - H2 bottom border)
	#797C81 : Dark gray - (Page column borders, integrated in body background image)
	#1C3F95 : Bright blue - (Link text)
	#294961 : Dark blue - (Footer bg, outer border for flash gallery)
*/

h1 {
	font-size: 16px;	
	padding: 0 0 7px;
}

h2 {
	font-size: 12px;
	color: #294961;
	padding: 10px 0 3px;
	border-bottom: 2px solid #bec8cf;
}

p {
	text-indent:0;
	padding: 5px 0 5px;
}

#testimonials {
	width: 85%;
	position: relative;
	margin: 0 0 20px;
	text-align: left;
}

#testimonials_list {
	margin: 15px 0 0;
}

#testimonials_list li {
	list-style-type: none;
	text-align: left;
}

#testimonials span.quotes {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.project {
	font-size: 12px;
	border-bottom: 1px dashed;
	padding:5px 0;
	margin: 10px 0;
}

#container {
	width:794px;
	margin: 14px auto 0;
}

#page_top {
	position: static;
	display: block;
}

body {
	background-image:url(../images/bg.jpg);
}

/*--Background Wrap - Page Shadow*/
#bg_wrap { 
	width: 794px;
	background: url('../images/bg_wrap.png') repeat-y;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	position: static;
}

#page { 
	width: 782px;
	clear: both;
	float: left;
	position: relative;
	left: 6px;
	text-align: left;
	background: url('../images/faux_bg.jpg') repeat-y;
	margin: 0 auto;
}

#subpage_b {
	width: 782px;
	clear: both;
	float: left;
	position: relative;
	left: 6px;
	text-align: left;
	background: url('../images/faux_bg_subpage_b.jpg') repeat-y;
	margin: 0 auto;
}
          
#l_column, #c_column, #r_column {
	min-height: 450px;
	float:left;
}

#c_column, #r_column, #sub_b_column {
	border-left: 2px solid #797c81;

}
#l_column{
	width: 140px;
	background-color: #D6DEE5;
}

#c_column {
	width: 344px;
	background-color: #EEF1F3;
	text-align: justify;
	padding: 10px;
}

#c_column p, #c_column li {
	font-size:14px;
}

#c_column li {
	text-align: left;
	padding: 5px 0 0;
}

#c_column ul, #sub_b_column ul {
	padding: 0 20px 5px;
}

#c_column a:visited, #c_column a:link {
	text-decoration:none;
	color:#1C3F95;
}

#c_column a:hover, #c_column a:focus {
	text-decoration:underline;
	color:#1C3F95;
}

#r_column {
	width: 274px;
	background-color: #D6DEE5;
}

#sub_b_column {
	width: 575px;
	min-height: 575px;
	float: left;
	background-color: #EEF1F3;
	text-align: justify;
	padding: 10px 20px;
	
}

#sub_b_column li {
	text-align: left;
	padding: 5px 0 0;
}

table.resume_table {
	margin: 0 0 0 15px;
}

table.resume_table td {
	text-align: left;
	padding: 0 25px 0 0;
}

.resume_heading {
	text-align: center;
	border-bottom: 1px solid black;
}

#photo_border {
	width: 274px;
	height: 213px;
	float: left;
	background-color: #294961;
}

#salvage_banner {
	width: 137px;
	height:70px;
	position:relative;
	display:inline;
	top: 30px;
	border: 2px solid #797C81
}

#recycle {
	float: left;
	clear: both;
	text-align: left;
	width: 137px;
}

#recycle_banner {
	width: 40px;
	float: left;
	padding: 1px 5px 0;
}

#recycle_text {
	text-decoration: none;
	font-size: 11px;
}

#recycle a:visited, #recycle a:link {
	text-decoration:none;
	color:#1C3F95;
}

#recycle a:hover, #recycle a:focus {
	text-decoration:underline;
	color:#1C3F95;
}

#association_logos {
	position:relative;
	display:inline;
	right:-31px;
	top: 10px;
}

#service_magic_logo {
	position:relative;
	display:inline;
	right:-76px;
	top: 15px;
}

/*--Header
=======================================*/
#header { 
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	width: 782px;
	height:135px;
	margin: 0 auto;
	position: relative;
}

#logo {
	float:left;
	display:inline;
	position:relative;
	right:-10px;
	top:35px;
}

#city_header {
	float:left;
	width:300px;
	height:84px;
	display:block;
	position:relative;
	top:50px;
	right:-67px;
}

.flash_images_home {
	float:left;
	width:250px;
	height:189px;
	display:block;
	position:relative;
	right:-10px;
	top:10px;
	border: 2px solid #D7DBDD;
}

#gallery_thumb, #contact {
	position:relative;
	float:left;
	display:block;
	left:10px;
	top:10px;
	width:250px;
	height:189px;
	border: 3px solid #D7DBDD;
}

#gallery_text {
	text-align: center;
	font-weight: bold;
	position: relative;
	float: left;
	left:20px;
	top:5px;
}

.home_sat_line1 {
float: left;
padding-top: 10px;
display: block;
text-align: center;
width: 274px;
color: #1C3F95;
font-weight: bold;
font-size: 18px;"	
}

.home_sat_line2 {
font-size: 14px;
text-align: center;
display: block;
float: left;
clear: both;
width: 274px;
}

/*--Promo Body - Lower Area
=======================================*/

#promo_body {
	margin: 0 auto;
	width:782px;
	background: #D6DEE5;
	min-height:245px;
	border-top: 2px solid #797c81;
	position: relative;
	clear: both;
	text-align:center;
}

.promo {
	width:189px;
}

.promo_items {  
    width:   567px; 
    margin:  0 auto auto auto;
    padding: 20px;
    position: static;
} 

.promo_items li {
	float: left;
	list-style: none;
}

.promo_items img {  
    display: block;
    border: 2px solid #294961;
    background-color: #eee;  
    width:  140px; 
    height: 122px;
    margin: 0 auto auto;
    clear: both;
    text-align: center;
}

.promo_items p {
	padding: 7px 0;
	text-align: center;
}

#powder_color_chart {
	text-align: center;
}

img.chart_color {
	height: 50px;
	width: 120px;
	border: none;
	padding: 5px;
}


/*--Footer
=======================================*/

#footer {
	margin:0 auto;
	clear: both;
	width:782px;
	background: #294961;
	min-height:127px;
	position: relative;
}

#footer_text p {
	max-width: 550px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	color:white;
	font-weight:normal;
	text-align: center;
	padding: 10px;
}	

/*--Navigation
========================================*/

	/*--Left Nav
	====================================*/
	#left_nav {
		width:28px;
		height:260px;
		float:left;
		position:relative;
	}
	
	#left_nav_box {
		width:28px;
		height:40px;
		float:left;
	}
	
	/*--Top Nav
	====================================*/
	#topnav {
		width: 782px;
		background: url('../images/topnav_bg.jpg') repeat-x;
		min-height: 34px;
		margin: 0 auto;
		position: static;	
		clear:both;
		font-weight: bold;
	}

	#topnav a:visited, #topnav a:link {
		display:block; 
		text-decoration:none;
		color:black;
	}
	
	#topnav a:hover, #topnav a:active, #topnav a:focus {
		display:block; 
		text-decoration:underline;
		color:white;
	}
	
	#topnav_home {
		float:left;
		position:relative;
		padding: 0 0 0 35px;
		top: 9px;
	}
	
	#topnav_quote {
		float:left;
		position:relative;
		padding:0 0 0 105px;
		top: 9px;
	}
	
	#topnav_resources {
		float:left;
		position:relative;
		padding:0 0 0 115px;
		top: 9px;
	}
	
	#topnav_resume {
		float:left;
		position:relative;
		padding:0 0 0 35px;
		top: 9px;
	}
		
	#topnav_testimonials {
		float:left;
		position:relative;
		padding:0 0 0 35px;
		top: 9px;
	}
	
	#topnav_contact {
		float:left;
		position:relative;
		padding:0 0 0 35px;
		top: 9px;
	}
	
/*--Contact Form
=======================================*/

#contact_form {
	display:block;
	margin: 15px 5px 5px;
	position: relative;
}

#contact_form fieldset {
	border: 1px solid #797c81;
	padding: 10px;
}

#contact_your_name, #contact_business_name, #contact_email, #contact_phone {
	border:1px solid black;
	display:block;
	margin: 2px 0 7px;
	width:200px;
	padding:2px;
}

#contact_message {
	width:300px;
	margin:2px;
	display:block;
	padding:2px;
}

#contact_vericode_image {
	display: block;
	width: 148px;
}

#contact_vericode_box {
	display: block;
	width:148px;
}

#contact_submit_button {
	display: block;
	width:148px;
}

/*--QuoteForm
=======================================*/

label {
	display:block;
	width:200px;
}

#quoteform span.left {
	position: relative;
	display: block;
	clear: left;
	float: left;
}

#quoteform span.right {
	position: relative;
	display: inline;
	clear: none;
	float: left;
	margin: 0 0 0 55px;
}

#quoteform fieldset {
	border: 1px solid #797c81;
	padding: 10px 10px 10px 30px;
	margin: 10px;
	background: #D5DEE5;
	text-align: left;
}


#quoteform fieldset.optional{
	background: #CCCCCC;
	border:1px solid #797c81;
	min-height: 50px;
}

#quoteform fieldset.center{
	background: #D5DEE5;
	padding: 10px 0 10px;
}

#quote_center_text {
	text-align: center;
}

#vericode_image {
	padding: 5px;
	margin: 0 auto auto auto;
	width: 148px;
}

#vericode_box {
	width: 148px;
	margin: 0 auto auto auto;
}

#quote_contact_fields, #Phone, #Email, #quote_type_fields, #quote_name_fields, #quote_business_name_fields, #quote_pricing_preference {
	width: 200px;
}


#Email {
	display: none;
}

#quoteform input.text, #quoteform select, #quoteform textarea{
	border: 1px solid black;
	display: block;
	margin: 2px 0 7px 0;
	width: 200px;
	padding: 2px;
}

#quote_message_fields textarea, #quote_message_fields label {
	width: 375px;
}

#quote_fence_details {
	display:none;
}
