/* --------------------------------------------- */
/* BASIC ELEMENTS */
/* --------------------------------------------- */
body   { 
		color: #000; 
		font-size: 12px; 
		line-height: 16px; 
		font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; 
		background-color:#e4dcb6;
		margin:0 auto;
		text-align:center;
		}
		
table {
	color: #000; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align:left;
	}


a { 
	color: #c60;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	 
a:hover { 
	color: #da0;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }
	 
/* --------------------------------------------- */
/* CONTAINS ALL ELEMENTS */
/* --------------------------------------------- */
#wrap {
	width: 970px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background: url(/residential/images/common/wrap_bg.gif) repeat-y right top;
	}
	
/* --------------------------------------------- */
/* 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;
	}
	
#flash_container {
	text-align: left;
	margin: 0 0 15px 0;
	padding:0;
	float:left;
	width:440px;
	float:left;
	position:relative;
	top:0;
	left:25px;
	}
	
#col_body_inset_text img {
	margin-bottom:0 !important;
	}

#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;
	padding:0;
	margin:0;
	background: url(/residential/images/common/lower_col_right_bg.gif) repeat-y center -5px;
	}
	
#col_right_sidebar {
	/*width:220px;*/
	width:200px;
	float:right;
	text-align:left;
	padding: 0 10px 0 0;
	}
	
#col_right_bottom {
	width:755px;
	text-align:left;
	float:left;
	background-color:#f3f4e1;
	height: 30px;
	margin:0;
	padding:0;
	}
	
/* --------------------------------------------- */
/* HEADER */
/* --------------------------------------------- */
#header {
	width:970px;
	height:119px;
	text-align:center;
	background: url(/residential/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;float:left;}

#header #search {
	float:right;
	color:#474747;
	font-weight:bold;
	margin:0;
	padding:5px 20px 0 0;
	}
	
#header #search input{
	width:100px;
	background-color:#f3f4e1;
	border:1px solid #474747;
	color:#474747;
	padding: 2px;
	}
	
#header #search .go {
	width:30px;
	background-color:#00339e;
	color:#fff;
	margin:0 0 0 5px;
	border:inset 1px #e4dcb6;
	}
	 

/* --------------------------------------------- */
/* BODY CONTENT HEADERS*/
/* --------------------------------------------- */

h1 {
	margin: 0 0 15px 0;
	padding: 15px 0 10px 15px;
	color:#039;
	font-size:190%;
	float:left;
	line-height:100%;
	background: #f3f4e1 url(/residential/images/headers/h1-left.gif) no-repeat left 8px;
	/*background: #f3f4e1 url(../images/headers/h1-right.gif) no-repeat 50% 8px;*/
	}
	
h1.longer {
	margin: 0 0 15px 0;
	padding: 15px 0 10px 15px;
	color:#039;
	font-size:190%;
	float:left;
	line-height:100%;
	background: #f3f4e1 url(/residential/images/headers/h1_left_longer.gif) no-repeat left 8px;
	/*background: #f3f4e1 url(../images/headers/h1-right.gif) no-repeat 50% 8px;*/
	}
	
h2 {	
	color:#437bc1;
	font-size:140%;
	line-height:120%;
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
	}
	
h2 a {
	color:#437bc1 !important;
	}
	
h3 {	
	color:#437bc1;
	font-size:140%;
	line-height:120%;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	}
	
h3 a {
	color:#437bc1 !important;
	}
	
h3.highlighted {	
	color:#039;
	font-size:140%;
	line-height:120%;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-bottom:1px solid #437bc1;
	}
	
h4 {
	font-size:125%;
	color:#039;
	margin: 0 0 8px 0;
	padding: 10px 0 0 0;
	}
	
h4 a {
	color:#039 !important;
	}
	
h2 a:hover {text-decoration:underline !important; color: #da0 !important;}
h3 a:hover {text-decoration:underline !important; color: #da0 !important;}
h4 a:hover {text-decoration:underline !important; color: #da0 !important;}

	
/* --------------------------------------------- */
/* SPECIAL ELEMENTS FOR H1 TAG TREATMENT */
/* --------------------------------------------- */	
	
#brackets {
	background: #f3f4e1 url(/residential/images/headers/h1-right.gif) no-repeat;
	width:15px;
	height:39px;
	float:left;
	margin: 8px 0 0 0;
	}
	
#brackets_longer {
	background: #f3f4e1 url(/residential/images/headers/h1_right_longer.gif) no-repeat;
	width:15px;
	height:59px;
	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:auto;
	margin:0;
	clear:both;
	}
/* --------------------------------------------- */
/* KTML STYLES */
/* --------------------------------------------- */
.subhead_1 {
	/*color:#369; commercial */
	color:#437bc1;
	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;}
/* --------------------------------------------- */
/* FOOTER */
/* --------------------------------------------- */
	
#footer {
	width:970px;
	text-align:center;
	margin:0 auto;
	background: url(/residential/images/common/footer.gif) no-repeat center top;
	padding:  0;
	color:#FFFFFF;
	}
	
	
	
#footer_center {
	/*width: 720px;*/
	width:780px;
	text-align:center;
	margin:0 auto;
	padding:0;
	background-color:#e4dcb6;
	}
	
#footer table{
	color:#474747;
	background-color:#e4dcb6;
	font-size:100%;
	margin-top:0;/*new 12.28.2006 */
	}
	
#footer a {
	color:#557711; 
	text-decoration:none;
	}
	
#footer a:hover {
	color: #c60;
	text-decoration:underline;
	}

	
#footer a:active {
	color: #c60;
	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;
	background-color:#fff;
	}
	
div.footer_address {
	text-align:left;
	float:left;
	width:200px;
	/*margin: 0 0 10px 0;*/
	margin: 0;
	border-right: 1px solid #acc27a;
	/*padding: 0 10px;*/
	padding: 10px 10px 0 10px;
	/*height:140px;*/
	height:105px;
	font-size:90%;
	}
div.footer_address.borderbottom {
	border-bottom:1px solid #acc27a;
	height:135px;
	}
div.footer_address strong {
	font-size:105%;
	}
	
div.please_center {
	width:710px;
	margin:0 auto;
	text-align:center;
	background-color:#e4dcb6;
	}
	
#footer_navigation {
	text-align:left;
	clear:both;
	/*padding: 0 20px;*/
	padding: 0 20px 20px 0;
	margin: 0 auto;
	width:auto;
	color:#474747;
	/*border-top:1px solid #acc27a;*/
	background-color:#e4dcb6;
	}

#footer_copyright {
	text-align:left;
	/*margin: 20px 0 0 0;*/
	margin:0;
	width:auto;
	/*padding: 0 10px;*/
	padding:0;
	clear:both;
	font-size:95%;
	background-color:#e4dcb6;
	}
	
#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(/residential/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: 119px;
	text-align:center;
	margin: 0 5px 0 0;
	}
	
h6.customer_service {
	background: url(/residential/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;*/
	margin:0;
	padding:0 5px 0 0;
	border-right:1px solid #acc27a;
	}

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


/* --------------------------------------------- */
/* NAVIGATION */
/* --------------------------------------------- */
	
#navigation { 
	width:215px;
	padding: 5px 0 0 0;
	color:#FFF;
	background: url(/residential/images/common/navigation_brackets.gif) no-repeat center top;
	margin: 25px 0 0 0;
	text-align:center;
	font-weight:bold;
	}
	
#navigation_middle, #navigation_middle2, #navigation_middle3 { 
	width:215px;
	padding:  0;
	color:#FFF;
	margin: 0;
	text-align:center;
	font-weight:bold;
	}
	
#navigation_bottom {
	width:215px;
	padding:0 0 2px 0;
	color:#FFF;
	background: url(/residential/images/common/navigation_brackets_bottom.gif) no-repeat center bottom;
	margin: 0;
	text-align:center;
	font-weight:bold;
	}

div.nav {
	width:180px;
	background-color:#8ead4e;
	margin:0 auto 10px auto;
	padding: 0 0 5px 0;
	}

#navigation div.nav p, #navigation_bottom div.nav p, #navigation_middle div.nav p, #navigation_middle2 div.nav p, #navigation_middle3 div.nav p, #resources div.nav p {
	padding: 0;
	margin:0;
	/*height:18px;*/
	text-align:left;
	}
	
#navigation div.nav p.divider, #navigation_bottom div.nav p.divider, #navigation_middle div.nav p.divider, #navigation_middle2 div.nav p.divider, #navigation_middle3 div.nav p.divider, #resources div.nav p.divider {	
	/*background: #fff url(../images/common/navigation_divider.gif) no-repeat center;*/
	text-align:center;
	padding: 0;
	margin:2px 0;
	}
	
.nav a {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #8ead4e url(/residential/images/common/carrot.gif) no-repeat 15px .3em;
	display:block;
	}
	
.nav a:visited {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #8ead4e url(/residential/images/common/carrot.gif) no-repeat 15px .3em;
	display:block;
	}
	
.nav a:hover {
	text-decoration:none;
	color:#000;
	padding: 0 0 0 30px;
	margin:0;
	background: #dde7ca url(/residential/images/common/carrot_hover.gif) no-repeat 15px .3em;
	display:block;
	}
	
div.nav h5 {
	width: 180px;
	color:#fff;
	background-color:#039 !important;
	background: #039 url() ;
	font-weight:bold;
	padding:3px 0;
	margin:0 0 5px 0;
	font-size:100%;
	text-indent: 10px;
	text-align:left;
	}
	
div.nav h5 a.link {
	color:#fff;
	background-color:#039 !important;
	background-image:none !important;
	font-weight:bold;
	padding:3px 0 !important;
	font-size:100%;
	text-align:left !important; 
	margin:0 !important;
	}
	
div.nav h5 a.link:hover {
	color:#000 !important;
	display:block;
	background-color:#e1e9f6 !important;
	background-image:none !important;
	font-weight:bold;
	padding:3px 0 !important;
	font-size:100%;
	text-align:left !important; 
	margin:0 !important;
	}
	
/* --------------------------------------------- */
/* SUB-NAVIGATION */
/* --------------------------------------------- */
#navigation div.nav p.subnav {
	padding: 0 15px;
	margin:0;
	text-align:left;
	}
	
.nav p.subnav a {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #8ead4e url(/residential/images/common/subnav.gif) no-repeat 18px .3em;
	display:block;
	font-weight:normal;
	}
	
.nav p.subnav a:visited {
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	margin:0;
	background: #8ead4e url(/residential/images/common/subnav.gif) no-repeat 18px .3em;
	display:block;
	}
	
.nav p.subnav a:hover {
	text-decoration:none;
	color:#000;
	padding: 0 0 0 30px;
	margin:0;
	background: #dde7ca url(/residential/images/common/subnav_hover.gif) no-repeat 18px .3em;
	display:block;
	}

	
/* --------------------------------------------- */
/* BREADCRUMBS */
/* --------------------------------------------- */
#breadcrumbs {padding:10px 15px 20px 15px;color:#557711;background-color:#f3f4e1;margin:0;}
#breadcrumbs a {color:#557711;text-decoration:underline;}
#breadcrumbs a:hover {color:#e67c11;text-decoration:none;}

/*********************************************/
/* LONG FENCE UNIVERSITY PAGE ONLY      */
/*********************************************/	
#lfu {
	width:710px;
	padding:0 20px 20px 20px;
	margin:0;
	}
	
#issuecontainer {padding: 0;margin:0; }

/*********************************************/
/* NEWS AND SPECIALS PAGES ONLY      */
/*********************************************/	


.weekly_ad img{
	float:left;
	width:125px;
	border:2px solid #8ead4e;
	padding:0;
	margin:10px 20px 20px 0;
	}
	
div.weekly_text{
	float:left;
	width:275px;
	}
	
.weekly_ad p{
	color:#08399b;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:5px;
	}

p.weekly_ad_title {	
	color:#437bc1;
	font-size:140%;
	line-height:120%;
	margin: 0;
	padding: 10px 0 5px 0;
	}
	
	
/*********************************************/
/* TESTIMONIAL PAGE ONLY    */
/*********************************************/		
.residential_testimonails {
	color: #571;
	line-height: 120%;
	margin: 0 0 0 25px;
	}

/* --------------------------------------------- */
/* LIST STYLES */
/* --------------------------------------------- */ 
	
ul li {
	list-style: square;
	}
	
ul li a:hover { 
	color: #da0;
	text-decoration:underline;
	padding:0;
	margin:0;
	 }

	
/* --------------------------------------------- */
/* GENERIC STYLES */
/* --------------------------------------------- */
.bold {font-weight:bold;}
.bolder {font-weight:bold;font-size:130%;}
.clear {clear:both;}
.line {border-bottom: 1px solid #acc27a;padding:0 !important;margin:5px 0;}
.hidden {display:none;}
.orange {color: #e67c11;}
.blue {color: #00339e;}
.right {float:right;}
.right_photo {float:right; margin: 5px 0 0 0;}
.left_photo {float:left; margin: 5px 10px 0 0;}
.smaller {font-size:80%;}
.bigger {font-size:120%;}
.formerror { color: #990000; font-weight: bold; }

/* --------------------------------------------- */
/* KTML STYLES */
/* --------------------------------------------- */
.light_blue_header {	
	color:#437bc1;
	font-size:140%;
	line-height:120%;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	}
	
.dark_blue_header {
	font-size:125%;
	color:#039;
	margin: 0 0 8px 0;
	padding: 10px 0 0 0;
	}
	
.light_blue_header a {
	color:#437bc1 !important;
	}
	
.dark_blue_header a{
	color:#039 !important;
	}
	
.light_blue_header a:hover {text-decoration:underline !important; color: #da0 !important;}
.dark_blue_header a:hover {text-decoration:underline !important; color: #da0 !important;}

/* --------------------------------------------- */
/*  INDEX PAGE AND SEO PAGE STYLES ONLY */
/* --------------------------------------------- */
#col_right_home {
	width:755px;
	text-align:left;
	float:right;
	background: url(/residential/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 a, a:visited { color: #c60; text-decoration:underline; }
#col_body_inset_home a:hover { color: #da0; text-decoration:underline;  }
	
/*********************************************/
/* 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;
	}
	
/*** PHOTO SITE CTA ***/
#photos_cta {
	background: url(/photo-site/images/photos_cta_bg.gif) no-repeat top center;
	width:179px;
	height:69px;
	padding:0;
	margin:0 0 15px 0;
	}
	#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;
		}