/* --------------------------------------------- */
/* BASIC ELEMENTS */
/* --------------------------------------------- */
body   { 
		color: #000; 
		font-size: 12px; 
		line-height: 16px; 
		font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; 
		background-color:#dadac1;
		margin:0 auto;
		text-align:center;
		}
		
table {
	font-size:12px;
	}
		
a { 
	color: #c60;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	 
a:hover { 
	color: #da0;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	 
/* --------------------------------------------- */
/* HEADERS */
/* --------------------------------------------- */
	
h1 {
	margin: 0 0 15px 0;
	padding: 20px 0 10px 15px;
	color:#039;
	font-size:190%;
	float:left;
	background: #f3f4e1 url(../images/headers/h1-left.gif) no-repeat left 8px;
	/*background: #f3f4e1 url(../images/headers/h1-right.gif) no-repeat 50% 8px;*/
	}
	
h2, h3 {
	color:#369;
	margin: 0;
	padding: 10px 0 0 0;
	}
	
h2.seo_h2 {/* This is for the SEO pages so the h2 looks like h4 */
	color:#333;
	font-size:115%;
	padding:0;
	}
	
h2 {
	font-size:140%;
	
	}
	
h3 {
	font-size:130%;
	clear:both;
	background-color:#f3f4e1;
	}

h4 {
	color:#333;
	font-size:115%;
	padding:0;
	}
	
/* --------------------------------------------- */
/* SPECIAL ELEMENTS FOR H1 TAG TREATMENT */
/* --------------------------------------------- */	
	
#brackets {
	background: #f3f4e1 url(../images/headers/h1-right.gif) no-repeat;
	width:15px;
	height:39px;
	float:left;
	margin: 8px 0 0 0;
	}

	
#h1_container {
	/*background: #f3f4e1 url(../images/headers/h1-left.gif) no-repeat .8em 8px;*/
	background-color:#f3f4e1;
	padding: 0 0 0 15px;
	width:740px;
	margin:0;
	}
	

/* --------------------------------------------- */
/* BODY CONTENT HEADERS*/
/* --------------------------------------------- */
	
#col_body_inset_text h2 a, h2 a:visited, h3 a, h3 a:visited {
	color:#369;
	text-decoration:none;
	}
	
#col_body_inset_text h2 a:hover,  h3 a:hover {
	color:#369;
	text-decoration:underline;
	}
	
#col_body_inset_home_text h2 a, h2 a:visited, h3 a, h3 a:visited {
	color:#369;
	text-decoration:none;
	}
	
#col_body_inset_home_text h2 a:hover,  h3 a:hover {
	color:#369;
	text-decoration:underline;
	}

/* --------------------------------------------- */
/* KTML STYLES */
/* --------------------------------------------- */
.subhead_1 {
	color:#369;
	margin: 0;
	padding: 10px 0 0 0;
	font-size:140%;
	font-weight:bold;
	}
.subhead_2 {
	font-size:130%;
	font-weight:bold;
	}
.subhead_3 {
	font-size:125%;
	color:#039;
	font-weight:bold;
	}
.subhead_4 {
	color:#333;
	font-size:115%;
	padding:0;
	font-weight:bold;
	}
.orange {color: #c60;}

/* --------------------------------------------- */
/* CONTAINS ALL ELEMENTS */
/* --------------------------------------------- */
#wrap {
	width: 970px;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	
/* --------------------------------------------- */
/* COLUMN STRUCTURE */
/* --------------------------------------------- */
#container {
	width:970px;
	margin:0 auto;
	padding:0;
	}

#col_left {
	width:215px;
	text-align:left;
	float:left;
	}
	
#col_body_inset {
	text-align: left;
	margin: 0;
	padding:0;
	float:left;
	width:525px;
	position:relative;
	}
	
#col_body_inset_text {/*this is only so the text has the same "padding" in IE and Firefox because of IE's box model */
	text-align: left;
	margin: 0;
	padding:0;
	float:left;
	width:440px;
	float:left;
	position:relative;
	top:0;
	left:30px;
	}
	
#col_body_inset_text img {
	margin-bottom:0 !important;
	}
	
/*#col_body_inset {
	text-align: left;
	margin: 0;
	padding:0 55px 0 30px;
	float:left;
	width:440px;
	}*/

#col_body_inset a, a:visited { color: #c60; text-decoration:underline;  }
#col_body_inset a:hover { color: #da0; text-decoration:underline;  }

#col_right {
	width:755px;
	text-align:left;
	float:right;
	background: url(../images/common/lower_col_right_bg.gif) repeat-y center top;
	}
	
#col_right_sidebar img {
	width:195px;
	}
#col_right_sidebar ul.list {
	margin-left:20px;
	}
	
#col_right_sidebar {
	/*width:220px;*/
	width:200px;
	float:right;
	text-align:left;
	padding: 0 10px 0 0;
	}
#col_right_sidebar h3 {
	margin-left:6px;
	}
#col_right_bottom {
	width:755px;
	text-align:left;
	float:left;
	background-color:#f3f4e1;
	height: 30px;
	}
	
#quote {
	border-top:1px solid #666;
	padding:0;
	/*margin: 20px 0 10px 2px;*/
	margin: 20px auto 10px auto;
	background-color:#e5e5c4;
	width:191px;
	}

#quote p.title {
	background-color: #039;
	color:#fff;
	font-size:120%;
	display:block;
	padding:5px;
	margin:0;
	font-weight:bold;
	text-align:center;
	}
	
#quote p{
	color:#039;
	padding:5px 10px;
	}
	
/* --------------------------------------------- */
/* LIST STYLES */
/* --------------------------------------------- */ 
ul.list {
	padding:0 5px 0 10px;
	margin: 5px 15px;
	}
	
ul.list li {
	padding-right:10px;
	}
	
ul li a:hover { 
	color: #da0;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	 
ul.bodylist li{
	padding: 0 0 5px 0;
	}

	
/* --------------------------------------------- */
/* HEADER */
/* --------------------------------------------- */
#header {
	width:970px;
	height:109px;
	text-align:center;
	background: url(../images/common/header.gif) repeat-y center top;
	position:relative;
	margin: 0 auto;
	}
	
#header p.home a {
	float:left;
	width:275px;
	height:100px;
	display:block;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	}
#header p.home {margin:0;padding:0;}

/* --------------------------------------------- */
/* FOOTER */
/* --------------------------------------------- */
	
#footer {
	width:970px;
	text-align:center;
	margin:0 auto;
	background: url(../images/common/footer.gif) no-repeat center top;
	padding: 0 0 20px 0;
	color:#FFFFFF;
	}
	
#footer_center {
	/*width: 720px;*/
	width:780px;
	text-align:center;
	margin:0 auto;
	padding:0;
	}
	
#footer table{
	color:#687889;
	font-size:100%;
	margin-top:0;/*new 12.28.2006 */
	}
	
#footer a {
	color:#687889; 
	text-decoration:none;
	}
	
#footer a:hover {
	color: #fff; 
	text-decoration:underline;
	}

	
#footer a:active {
	color: #fff; 
	text-decoration:underline;
	}
	
#footer p {padding: 18px 0 0 0;}
	
#footer_inset {
	width:auto;
	margin: 10px auto;
	color:#687889;
	font-size:100%;
	padding: 0 10px;
	}
	
div.footer_address {
	text-align:left;
	float:left;
	width:200px;
	/*margin: 0 0 10px 0;*/
	margin:  0;
	border-right: 1px solid #6984a0;
	/*padding: 0 10px;*/
	padding: 10px 10px 0 10px;
	/*height:140px;*/
	height:105px;
	font-size:90%;
	}
div.footer_address.borderbottom {
	border-bottom:1px solid #6984a0;
	height:135px;
	}
div.footer_address strong {
	font-size:105%;
	}
	
div.please_center {
	width:710px;
	margin:0 auto;
	text-align:center;
	}
	
#footer_navigation {
	text-align:left;
	clear:both;
	/*padding: 0 20px;*/
	padding: 0 20px 0 0;
	margin: 0 auto;
	width:auto;
	color:#687889;
	/*border-top:1px solid #687889;*/
	}
	
#footer_copyright {
	text-align:left;
	/*margin: 20px 0 0 0;*/
	margin:0;
	width:auto;
	/*padding: 0 10px;*/
	padding:0;
	clear:both;
	font-size:95%;
	}
	
#footer_temporary_links {
	padding-top: 5px;  /*This is only for Phase I to align the links in the footer with the 'Services' graphical treatment. It can be deleted once the full list of links are visible in Phase II*/
	}
	
h6.footer_section {
	background: url(../images/common/footer_section_bg.gif) no-repeat left center;
	font-size:110%;
	float:left;
	font-weight:bold;
	padding:5px 0;
	/*color:#fff;*/
	color:#dde2ee;
	/*width: 93px;*/
	width: 119px;
	text-align:center;
	margin: 0 5px 0 0;
	}
	
/*New Footer Styles 12.13.2006 */
h6.customer_service {
	background: url(../images/common/customer_service_bg.gif) no-repeat left center;
	font-size:110%;
	float:left;
	font-weight:bold;
	padding:5px 0;
	/*color:#fff;*/
	color:#dde2ee;
	width: 132px;
	text-align:center;
	margin: 0 5px 0 0;
	}
	
table.new_footer {
	line-height:16px;
	margin:0 20px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #687889;
	}

div.sections {margin: 10px 0;clear:both;line-height:16px;}


/* --------------------------------------------- */
/* COMMERCIAL HOME PAGE STYLES */
/* --------------------------------------------- */
#col_right_home {
	width:755px;
	text-align:left;
	float:right;
	background: url(../images/sidebar/home_col_right_bg.gif) repeat-y center top;
	}
	
#col_home_sidebar {
	width:240px;
	float:right;
	text-align:left;
	padding: 0 10px 0 0;
	}
	
#col_body_inset_home {
	text-align: left;
	margin: 0;
	padding:0;
	float:left;
	width:505px;
	clear:both;
	position:relative;
	top:0;
	left:30px;
	}
	
#col_body_inset_home_text {/*this is only so the text has the same "padding" in IE and Firefox because of IE's box model */
	text-align: left;
	margin: 0;
	padding:0;
	float:left;
	width:425px;
	float:left;
	}
	
/*#col_body_inset_home {
	text-align: left;
	margin: 0;
	padding:0 50px 0 30px;
	float:left;
	width:425px;
	clear:both;
	}*/
	
#col_body_inset_home a, a:visited { color: #c60; text-decoration:underline; }
#col_body_inset_home a:hover { color: #da0; text-decoration:underline;  }


	
/* --------------------------------------------- */
/* NAVIGATION */
/* --------------------------------------------- */
/*#navigation {
	width:215px;
	padding: 5px 0 0 0;
	color:#FFF;
	background: url(../images/common/navigation_brackets.gif) no-repeat center top;
	margin: 25px 0 0 0;
	text-align:center;
	font-weight:bold;
	}*/
	
#navigation { /*CHANGE IT BACK TO THIS STYLE DURING PHASE II!!!*/
	width:215px;
	padding: 5px 0;
	color:#FFF;
	background: url(../images/common/navigation_brackets.gif) no-repeat center top;
	margin: 25px 0 0 0;
	text-align:center;
	font-weight:bold;
	}
	
#navigation_bottom {
	width:215px;
	padding:0 0 2px 0;
	color:#FFF;
	background: url(../images/common/navigation_brackets_bottom.gif) no-repeat center bottom;
	margin: 0;
	text-align:center;
	font-weight:bold;
	}
	
/*#navigation_bottom a {DELETE THIS DURING PHASE II! 
	padding-bottom:5px;
	}*/
	
/*#navigation div.nav, #navigation_bottom div.nav {
	width:180px;
	background-color:#7c93ac;
	margin:0 auto;
	padding: 0;
	font-weight:bold;
	}*/
	
div.nav { /*CHANGE IT BACK TO THIS STYLE DURING PHASE II!!!*/
	width:180px;
	background-color:#7c93ac;
	margin:0 auto 10px auto;
	padding: 0 0 5px 0;
	}

#navigation div.nav p, #navigation_bottom div.nav p {
	padding: 0;
	margin:0;
	/*height:18px;*/
	text-align:left;
	}
	
#navigation div.nav p.divider, #navigation_bottom div.nav p.divider {	
	/*background: #fff url(../images/common/navigation_divider.gif) no-repeat center;*/
	text-align:center;
	padding: 0;
	margin:2px 0;
	}
	
/***********************************************/
/*THIS IS SO THE NAVIGATION PADDING LOOKS OKAY IN IE 6 */

 /*html>body #navigation div.nav p, html>body #navigation_bottom div.nav p {
	padding:0;
	margin:0;
	text-align:left;
	}
/***********************************************/
	

	
div.nav h5 {
	width: 180px;
	color:#fff;
	background-color:#039;
	font-weight:bold;
	padding:3px 0;
	margin:0 0 5px 0;
	font-size:100%;
	}

/*.nav a, a:visited {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #7c93ac url(../images/common/carrot.gif) no-repeat 15px 5px;
	display:block;
	}
	
.nav a:hover {
	text-decoration:none;
	color:#000;
	padding: 0 0 0 30px;
	margin:0;
	background: #dee4ea url(../images/common/carrot_hover.gif) no-repeat 15px 5px;
	display:block;
	}*/
	
.nav a {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #7c93ac url(../images/common/carrot.gif) no-repeat 15px 5px;
	display:block;
	}
	
.nav a:visited {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #7c93ac url(../images/common/carrot.gif) no-repeat 15px 5px;
	display:block;
	}
	
.nav a:hover {
	text-decoration:none;
	color:#000;
	padding: 0 0 0 30px;
	margin:0;
	background: #dee4ea url(../images/common/carrot_hover.gif) no-repeat 15px 5px;
	display:block;
	}
	
#utility {
	color:#669;
	position:absolute;
	left:775px;
	top: 5px;
	}
	
#utility a{
	text-decoration:none;
	color:#669;
	}
	
#utility a:hover{
	text-decoration:none;
	color:#FFF;
	}
	
/* --------------------------------------------- */
/* BREADCRUMBS */
/* --------------------------------------------- */
#breadcrumbs {padding:5px 15px;color:#369;background-color:#f3f4e1;margin:0;}
#breadcrumbs a {color:#369;text-decoration:underline;}
#breadcrumbs a:hover {color:#369;text-decoration:none;}


/* --------------------------------------------- */
/* QUICK CONTACT */
/* --------------------------------------------- */
#quick_contact {
	width:210px;
	padding: 0;
	color:#FFF;
	margin: 20px 0 0 0;
	text-align:left;
	float:right;
	background-color:#f3f4e1;
	}
	
#quick_contact table {
	font-size:100%;
	padding: 0 0 5px 5px;
	}
	
#quick_contact p{
	border:none;
	}
	
#quick_contact form p {
	margin: 3px;
	padding: 0;
	color:#000;
	border:none;
	}

#quick_contact input {
	margin: 2px 0;
	padding: 2px 0;
	border: inset 1px #036;
	color: #000;
	float:right;
	}
	
#quick_contact textarea {
	margin: 0;
	border: inset 1px #036;
	color: #000;
	}

#quick_contact p.head {
	color:#fff;
	background-color:#039;
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:120%;
	padding: 6px;
	}
	
#quick_contact .button {
	background-color: #039;
	border:1px outset #000;
	color: #fff;
	font-weight: bold;
	margin:0 5px;
	padding: 1px;
	float:none;
	}
#quick_contact .button_faded {
	background-color: #ccc;
	border:1px outset #000;
	color: #000;
	margin:0;
	padding: 1px;
	margin:0;
	float:none;
	}
.contact_link{
	background-color:#dadac1;
	color:#666;
	margin:0;
	padding:6px;
	}
	
.contact_link a { 
	color: #c60;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	 
.contact_link a:hover { 
	color: #da0;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	
/* --------------------------------------------- */
/* MAP SIDEBAR CALLOUT */
/* --------------------------------------------- */ 
#map {		
	width:195px;
	/*height:157px;*/
	height:150px;
	padding:0;
	/*margin: 0 0 20px 0;*/
	margin: 0 auto 20px auto;
	}

#map p {
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:2px 0 0 0;
	margin:0;
	}

/* --------------------------------------------- */
/* PHOTO TREATMENTS */
/* --------------------------------------------- */
.photo_container_narrow {
	padding:0;
	margin:5px 10px 5px 0;
	float:left;
	width: 218px;
	border: 1px solid #abbdd0;
	}
	
.photo_container {
	padding:0;
	margin:5px 10px 5px 0;
	float:left;
	width: 438px;
	border: 1px solid #abbdd0;
	}
	
div.photo_caption {
	background-color:#abbdd0;
	padding:0;
	margin:0 0 20px 0 !important;
	}
	
div.photo_caption_short {
	/*background-color:#abbdd0;*/
	background-color:#bfd0e2;
	padding:0;
	margin:0 0 20px 0 !important;
	width:240px;
	}
	
div.photo_caption p, div.photo_caption_short p, div.photo_caption_sidebar p {
	padding:5px;
	margin:0;
	}
	
div.photo_caption_sidebar {
	/*background-color:#abbdd0;*/
	background-color:#bfd0e2;
	padding:0;
	margin:0 0 20px 0 !important;
	width:220px;
	}
	
div.photo_caption_sidebar img {
	width:220px;
	}

	
/* --------------------------------------------- */
/* GENERIC STYLES */
/* --------------------------------------------- */
.bold {font-weight:bold;}
.bolder {font-weight:bold;font-size:130%;}
.clear {clear:both;}
p.line {border-bottom: 1px solid #6984a0;padding:0 !important;margin:5px 0;}
.hidden {display:none;}
.orange {color: #c60;}
.right {float:right;}
.right_photo {float:right; margin: 5px 0 0 0;}
.left_photo {float:left; margin: 5px 10px 0 0;}
.formerror { color: #990000; font-weight: bold; }
.required {
	color:#AE2333;
	font-size: 100%;
	font-weight:bold;
	margin: 0px 0px 0px -6px;
	position:absolute;
	}

/*********************************************/
/* SEO PAGES ONLY      */
/*********************************************/

div.seo_link {
	width:198px;
	height:22px;
	text-align:left;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	color:#fff;
	margin:0 0 2px 0;
	padding:3px 0 0 20px;
	}
	
div.seo_link a, div.seo_link a:visited{
	width:198px;
	height:22px;
	color:#fff !important;
	margin:0;
	font-weight:bold;
	}
	
div.seo_link a:hover {
	color:#fff;
	text-decoration:none !important;
	}
	
#seo_residential {
	background: url(../../images/seo/link_residential.gif) no-repeat left top;
	}
#seo_commercial {
	background: url(../../images/seo/link_commercial.gif) no-repeat left top;
	}
#seo_main {
	background: url(../../images/seo/link_main.gif) no-repeat left top;
	}

/* --------------------------------------------- */
/* GO TO COMMERCIAL SITE CTA */
/* --------------------------------------------- */

#go_residential {
	height:75px;
	width:195px;
	/*margin:0 0 15px 0;*/ /*NEW 1.24.2008*/
	margin:0 auto 15px auto;
	padding:0;
	/* background: url(../images/sidebar/goResidential.gif) no-repeat center top; */
	}
	
#go_residential a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0 auto;
	display:block;
	padding:5px 5px 0 0px;
	font-size: 16px;		
	}
	
#go_residential a:hover {
	color: #fff;
	text-decoration:none;
	}
/*** FOR COMMERCIAL INDEX PAGE ONLY ***/
#col_home_sidebar #go_residential {
	margin:0 0 15px 0;
	}	
	
	
/*** SIDEBAR CENTERED ***/
div.centered {
	width:180px;
	margin:0 auto;
	}
/*** PHOTO SITE CTA ***/
#photos_cta {
	background: url(/photo-site/images/photos_cta_bg.gif) no-repeat 0 0;
	width:176px;
	height:69px;
	padding:0;
	margin:15px auto;
	}
	#photos_cta a {
		display:block;
		color: #c60;
		font-size:140%;
		text-decoration:none;
		padding:17px 0 10px 85px;
		font-weight:bold;
		}
	#photos_cta a:hover {
		text-decoration:underline;
		color:#da0;
		}
/*** FOR COMMERCIAL INDEX PAGE ONLY ***/
#col_home_sidebar #photos_cta {
	margin:15px 0;
	}