/* RESET
------------------------------------------------- */
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li, img, caption, fieldset, form, input, select, label {
	margin: 0;
	padding: 0;
	}

body {
	background: #F8F7F5;
	}

img {
	border: none;
	}

ul, ol{
	list-style-type: none;
	}

hr {
	display: none;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* DEFAULT LINK SETTINGS
------------------------------------------------- */
a:link    {color: #6F5759; text-decoration: underline;}
a:active  {color: #6F5759; text-decoration: underline;}
a:visited {color: #6F5759; text-decoration: underline;}
a:hover   {color: #6F5759; text-decoration: none;}

/* Header 
------------------------------------------------- */

div#Header {
	margin: 0px auto 1px auto;
	width: 100%;
	min-width: 990px;
	height: 386px;
	background: url(../images/header/header_bg_new.jpg) repeat-x left top;
	border-width: 0px 0px 1px 0px;
	border-color: #EBE8E2;
	border-style: solid;
	}

div#Header_BG {
	margin: 0;
	width: 100%;
	height: 385px;
	background: url(../images/header/header_grunge_bg.png) no-repeat center 108px;
	}

div#Header_Box {
	margin: 0 auto;
	width: 990px;
	height: 385px;
	background: url(../images/header/header_bg1.png) no-repeat left 108px;
	position: relative;
	}

	div#Header_Box.header-home{
		background-image: url(../images/header/header_full_bg_new3.png);
		}
	
	div#Header_Box.header-services{
		background-image: url(../images/header/header_services.jpg);
		}
	
	div#Header_Box.header-gallery{
		background-image: url(../images/header/header_gallery.jpg);
		}
	
	div#Header_Box.header-testimonials{
		background-image: url(../images/header/header_testimonials.jpg);
		}
	
	div#Header_Box.header-links{
		background-image: url(../images/header/header_links.jpg);
		}
	
	div#Header_Box.header-contactus{
		background-image: url(../images/header/header_contactus1.jpg);
		}
	
div#Header_Box h1 {
	width: 220px;
	height: 93px;
	position: absolute;
	left: 5px;
	top: 7px;
	}

div#Header_Box h1 a {
	display: block;
	width: 220px;
	height: 93px;
	background: url(../images/header/logoRed.png) no-repeat left top;
	text-indent: -9999em;
	overflow: hidden;
	}

div#Header_Box h3 {
	margin: 0;
	width: 458px;
	height: 52px;
	background: url(../images/header/phrase2.png) no-repeat left top;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	left: 398px;
	top: 5px;
	}

div#Header_Box ul {
	margin: 0;
	width: 710px; /* 714px */
	height: 58px;
	padding: 0px 2px 0px 2px;
	background: url(../images/header/menu_bg_.png) no-repeat left top;
	position: absolute;
	left: 277px;
	top: 50px;
	}

div#Header_Box ul li {
	float: left;
	display: inline;
	width: 99px; /* 142px */
	height: 58px;
	padding: 0px 0px 0px 2px;
	background: url(../images/header/menu_divider.jpg) no-repeat left center;
	}

div#Header_Box ul li:first-child {
	width: 101px;
	padding: 0px 0px 0px 0px;
	background: none;
	}

div#Header_Box ul li a {
	display: block;
	width: 101px; /* 142px */
	height: 58px;
	text-indent: -9999em;
	overflow: hidden;
	}

div#Header_Box ul li a[title="Home"] {
	background: url(../images/header/menu_01.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Home"]:hover,div#Header_Box ul li.Active_Menu a[title="Home"] {
	background: url(../images/header/menu_01_hover.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Services"] {
	background: url(../images/header/menu_02.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Services"]:hover,div#Header_Box ul li.Active_Menu a[title="Services"] {
	background: url(../images/header/menu_02_hover.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Gallery"] {
	background: url(../images/header/menu_03.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Gallery"]:hover,div#Header_Box ul li.Active_Menu a[title="Gallery"] {
	background: url(../images/header/menu_03_hover.png) no-repeat center 25px;
	}
	
div#Header_Box ul li a[title="Testimonials"] {
	background: url(../images/header/menu_04.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Testimonials"]:hover,div#Header_Box ul li.Active_Menu a[title="Testimonials"] {
	background: url(../images/header/menu_04_hover.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Free Estimates"] {
	background: url(../images/header/menu_07.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Free Estimates"]:hover,div#Header_Box ul li.Active_Menu a[title="Free_estimates"] {
	background: url(../images/header/menu_07_hover.png) no-repeat center 25px;
	}

/*div#Header_Box ul li a[title="Location"] {
	background: url(../images/header/menu_04.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Location"]:hover,div#Header_Box ul li.Active_Menu a[title="Location"] {
	background: url(../images/header/menu_04_hover.png) no-repeat center 25px;
	}*/


div#Header_Box ul li a[title="Links"] {
	background: url(../images/header/menu_06.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Links"]:hover,div#Header_Box ul li.Active_Menu a[title="Links"] {
	background: url(../images/header/menu_06_hover.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Contact Us"] {
	background: url(../images/header/menu_05.png) no-repeat center 25px;
	}

div#Header_Box ul li a[title="Contact Us"]:hover,div#Header_Box ul li.Active_Menu a[title="Contact Us"] {
	background: url(../images/header/menu_05_hover.png) no-repeat center 25px;
	}

div#Header_Box address {
	margin: 0;
	width: 250px;
	height: 85px;
	background: url(../images/header/contact_info3.png) no-repeat left top;
	position: absolute;
	left: 9px;
	top: 108px;
	}

div#Header_Box address span {
	display: none;
	}

div#Header_Box address span.link{
	display: inline;
	}

div#Header_Box address span.link a{
	color: #473E38;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin: 50px 0 0 20px;
	text-decoration: none;
	}

div#Header_Box a[title="Click here for Custom Decks By Eckhoff"] {
	margin: 115px 0 0 0;
	width: 262px;
	height: 86px;
	background: url(../images/header/call_to_action_button2.png) no-repeat left top;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	left: 723px;
	top: 186px;
	}

/* Wrapper
------------------------------------------------- */

div#Wrapper {
	margin: 0;
	width: 100%;
	min-width: 990px;
	background: url(../images/content/content_bg.jpg) repeat left top;
	}

div#Main_Layout {
	margin: 0 auto;
	padding: 0px 0px 12px 0px;
	width: 990px;
	}
	
	ul#Services_List {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 4px;
		width: 986px; /* 990px */
		height: 208px; /* 213px */
		}
		
	ul#Services_List li {
		float: left;
		display: inline;
		margin: 0px 0px 0px 12px;
		width: 313px;
		height: 199px;
		}
		
	ul#Services_List li a {
		display: block;
		width: 305px;
		height: 191px;
		overflow: hidden;
		background: url(../images/content/content-top-bg.png) no-repeat left top;
		padding:8px 0 0 8px;
		}
		
	ul#Services_List li a img{ position:absolute;}
	
	
	ul#Services_List li a span{ position:absolute; background:url(../images/content/content-top-title-bg.png); width:267px; height:30px; display:block; margin:139px 0 0 0; font-family:"Arial Narrow", Arial, sans-serif; font-size:18px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-align:right; padding:6px 30px 0 0; text-decoration:none;}
	
		
/*	ul#Services_List li[title="Decks"] a{
		background: url(../images/content/content_top_img_01.png) no-repeat left top;
		}
		
	ul#Services_List li[title="Fences"] a{
		background: url(../images/content/content_top_img_02.png) no-repeat left top;
		}
		
	ul#Services_List li[title="Remodelling"] a{
		background: url(../images/content/content_top_img_03.png) no-repeat left top;
		}/*
	
	/* Main Content
	------------------------------------------------- */

	div#Main_Content {
		float: left;
		width: 640px; /* 642px */
		margin: 0px 0px 0px 14px;
		padding: 15px 2px 0px 0px;
		background: url(../images/content/content_divider.jpg) repeat-y right top;
		min-height: 470px;
		}

	div#Main_Content h1 {
		padding: 0px 0px 10px 3px;
		font: bold 24px Tahoma,Arial,Helvetica,sans-serif;
		color: #574A43;
		line-height: 1.0;
		}

	div#Main_Content h2 {
		margin: -10px 0px 0px 0px;
		padding: 10px 0px 14px 3px;
		font: normal 14px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		}

	div#Main_Content h3 {
		margin: -10px 0px 0px 0px;
		padding: 10px 0px 14px 3px;
		font: normal 15px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		}

	div#Main_Content h3.BreadCrumb {
		font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		}

	div#Main_Content h3.BreadCrumb a {
		margin: -10px 0px 0px 0px;
		padding: 10px 0px 14px 3px;
		font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		}

	div#Main_Content p {
		margin: 0;
		padding: 10px 15px 10px 0px;
		font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #333;
		line-height: 1.4;
		}
	
	div#Main_Content p.divider{
		border-bottom: #999999 1px dashed;
		}
	
	div#Main_Content ul{
		font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
		list-style: inside;
		color: #333;
		line-height: 1.4;
		}
	
	div#Main_Content ul li ul{
		list-style: inside;
		padding-left: 20px;
		}
	
	div#Main_Content #ulImgCategory li{
		float: left;
		padding: 5px 10px;
		}
	
	div#Main_Content a.Read_More {
		display: block;
		margin: 9px 15px 0px auto;
		width: 110px;
		height: 22px;
		background: url(../images/content/read_more_button.jpg) no-repeat right top;
		text-indent: -9999em;
		overflow: hidden;
		}
	
	div#Main_Content div#B-Agallery{
		clear: both;
		margin: 0 auto;
		padding: 30px 0;
		width: 384px;
		}
	
	div#Main_Content div#B-Agallery ul{
		list-style: none;
		width: 384px;
		}
	
	
	div#Main_Content div#B-Agallery ul li{
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		float: left;
		padding: 5px;
		margin: 5px 15px;
		}
	
	/* Sidebar
	------------------------------------------------- */

	div#Sidebar {
		float: right;
		margin: 0;
		width: 318px; /* 318px */
		padding: 15px 0px 0px 0px;
		}

	div#Sidebar h1 {
		padding: 0px 0px 0px 3px;
		font: bold 24px Tahoma,Arial,Helvetica,sans-serif;
		color: #574A43;
		line-height: 1.0;
		}

	div#Sidebar h3 {
		padding: 0px 0px 10px 3px;
		font: normal 15px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		}

	div#Sidebar img {
		float: left;
		margin: 0;
		}

	div#Sidebar img.First_Image {
		margin: 0px 7px 0px 0px;
		}

		
	div#Sidebar ul {
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 20px 20px;
		font: normal 14px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		list-style-type: disc;
		}
	
	div#Sidebar ul li {
		margin: 0;
		padding: 0px 0px 4px 0px;
		}
	
	div#Sidebar a {
		text-decoration: none;
		font-weight: bold;
		font: bold 14px Tahoma,Arial,Helvetica,sans-serif;
		}
	
	div#Sidebar a:hover {
		color: #87742D;
		}
	
	.No_Result {
		text-align: center !important;
		padding: 10px 0px 10px 0px;
		font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #87742D;
		}
	
	/* linksbar
	------------------------------------------------- */

	div#Linksbar {
		float: right;
		margin: 0;
		width: 318px; /* 318px */
		padding: 15px 0px 0px 0px;
		}

	div#Linksbar h1 {
		padding: 0px 0px 0px 3px;
		font: bold 24px Tahoma,Arial,Helvetica,sans-serif;
		color: #574A43;
		line-height: 1.0;
		}
		
	div#Linksbar #ulLinks{
		padding: 10px 0px 0px 10px;
		}
	
	div#Linksbar #ulLinks li{
		color: #6F5759;
		float: left;
		font: 12px Tahoma, Arial, Helvetica, sans-serif;
		padding: 2px 0;
		width: 150px;
		}
		
	div#Linksbar ul li ul{
		list-style: inside;
		}
	
	div#Linksbar a {
		clear: both;
		float: none;
		margin: 34px 0px 0px auto;
		}

	div#Linksbar a.bs {
		font-weight:bold; 
		text-decoration:none; font-family:Arial; font-size:14px; color:#574A43; margin-left:10px;
		}

	div#Linksbar a.bs:hover {
		text-decoration:underline;
		}
	
/* Footer 
------------------------------------------------- */

div#Footer {
	margin: 1px auto 0px auto;
	width: 100%;
	min-width: 990px;
	background: url(../images/footer/footer_bg.jpg) repeat-x left bottom;
	border-width: 1px 0px 0px 0px;
	border-color: #EBE8E2;
	border-style: solid;
	}

div#Footer_Box {
	margin: 0 auto;
	width: 990px;
	}

div#Footer_Box span {
	display: block;
	height: 58px;
	background: url(../images/footer/copyright.png) no-repeat center center;
	text-indent: -9999em;
	overflow: hidden;
	}

	/* Additional Contents 
	------------------------------------------------- */

	div#Additional_Contents {
		padding: 14px 0px 0px 0px;
		width: 990px;
		}

	div#Additional_Contents ul {
		float: left;
		}

	div#Additional_Contents ul li {
		float: left;
		display: inline;
		margin: 0px 0px 0px 14px;
		padding: 0px 0px 15px 0px;
		width: 310px;
		}

	div#Additional_Contents ul li img {
		float: left;
		margin: 0px 0px 8px 0px;
		}

	div#Additional_Contents ul li h4 {
		margin: 0px 0px 9px 0px;
		padding: 0px 0px 0px 2px;
		font: bold 14px Tahoma,Arial,Helvetica,sans-serif;
		color: #574A43;
		}

	div#Additional_Contents ul li p {
		margin: 0;
		padding: 0px 0px 10px 2px;
		font: normal 12px Arial,Helvetica,sans-serif;
		color: #333;
		line-height: 1.2;
		}

	div#Additional_Contents ul li a.Read_Button {
		margin: 7px 0px 0px auto;
		display: block;
		width: 110px;
		height: 22px;
		background: url(../images/footer/read_more.jpg) no-repeat left top;
		text-indent: -9999em;
		overflow: hidden;
		}

	div#Additional_Contents div#Contact_Info {
		float: right;
		margin: 0px 0px 0px 0px;
		width: 320px;
		background: url(../images/footer/contact_info_mid_bg.jpg) repeat-y left top;
		}

	div#Additional_Contents div#Contact_Info h4 {
		height: 39px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(../images/footer/contact_info_title.png) no-repeat 23px bottom;
		}

	div#Additional_Contents div#Contact_Info h4 em {
		display: none;
		}

	div#Additional_Contents div#Contact_Info h4 strong {
		display: block;
		height: 5px;
		margin: 0;
		background: url(../images/footer/contact_info_border.jpg) no-repeat left top;
		}

	div#Additional_Contents div#Contact_Info address {
		padding: 10px 0px 10px 0px;
		width: 275px;
		margin: 0 auto;
		border-width: 0px 0px 1px 0px;
		border-color: #B0A58C;
		border-style: dotted;
		font: normal 14px Tahoma,Arial,Helvetica,sans-serif;
		color: #E6E6E6;
		line-height: 1.2;
		}

	div#Additional_Contents div#Contact_Info address strong {
		font: bold 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #D9BD92;
		}

	div#Additional_Contents div#Contact_Info address strong.Address_Info {
		display: block;
		padding: 0px 0px 3px 0px;
		}

	div#Additional_Contents div#Contact_Info address a.email {
		color: #FFFFFF; 
		}
	
	div#Additional_Contents div#Contact_Info p {
		margin: 0;
		padding: 15px 0px 16px 0px;
		background: url(../images/footer/contact_info_border.jpg) no-repeat left bottom;
		}
	
	/*div#Additional_Contents div#Contact_Info p strong {
		display: block;
		height: 48px;
		background: url(../images/footer/cards.png) no-repeat 28px top;
		text-indent: -9999em;
		overflow: hidden;
		}*/

/* Contact Box and Form
------------------------------------------------- */

#Contact_Box {
	margin: 0 auto 20px auto;
	border: 3px #D9D5CA double;
	background-color: #F2F1ED;
	font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
	}

#Contact_Box div {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	}

#Contact_Box div#Address_Box {
	background: url('../images/contact/home_icon.gif') no-repeat left top;
	}

#Contact_Box div#Phone_Box {
	background: url('../images/contact/phone_icon.gif') no-repeat left top;
	}

#Contact_Box div#Email_Box {
	background: url('../images/contact/email_icon.gif') no-repeat left top;
	}

#Contact_Box div#Email_Box a {
	unicode-bidi: bidi-override;
	direction: rtl;
	}

#Contact_Box div strong {
	margin: 0;
	display: block;
	padding: 3px 0px 3px 0px;
	}

#Contact_Form {
	margin: 0 auto;
	}

#Contact_Form label {
	padding: 0px 0px 0px 10px;
	cursor: pointer;
	font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
	}

#Contact_Form input[type="text"],#Contact_Form textarea {
	width: 380px;
	font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
	}

#Contact_Form input.ZIP,#Contact_Form select {
	width: 160px !important;
	font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
	}

/* Other Links
------------------------------------------------- */
div#Other_Links{
	clear: both;
	border-top: #CCCCCC 1px dashed;
	float: left;
	padding: 20px 0 0 20px;
	width: 980px;
	}

div#Other_Links ul li{
	float: left;
	width: 100px;
	}

/* Gallery
------------------------------------------------- */

	ul.Gallery_List,ul.Gallery_Lists {
		clear: both;
		margin: 10px 0px 10px 0px;
		}
		
	ul.Gallery_List li {
		float: left;
		display: inline;
		width: 156px; /* 200px */
		/*height: 150px;*/
		margin: 0px 5px 10px 5px;
		padding: 20px 22px 20px 22px;
		background: #EFEFEF ;
		border: 1px #CCc solid;
		}
		
	.No_Heading {
		padding: 20px 22px 10px 22px !important;
		}
		
	ul.Gallery_List li img,ul.Gallery_Lists li img {
		margin: 0px 0px 10px 0px;
		border: 3px #D9D5CA double;
		width: 150px;
		height: 113px;
		}
	
	ul.Gallery_List li a {
		margin: 0;
		font: bold 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #6F5759;
		}
	
	.BeforeAfterHeading {
		margin: 0 !important;
		padding: 3px 0px 3px 0px !important;
		font: bold 14px Verdana,Arial,Helvetica,sans-serif !important;
		color: #6F5759;
		text-align: center;
		}
		
	ul.Gallery_Lists li {
		float: left;
		display: inline;
		width: 156px; /* 200px */
		/*height: 150px;*/
		margin: 0px 5px 10px 5px;
		padding: 20px 22px 20px 22px;
		text-align: center !important;
		}
		
	ul.Gallery_Lists li a {
		margin: 0;
		font: bold 12px Tahoma,Arial,Helvetica,sans-serif;
		color: #6F5759;
		}

	div#Pagination {
		margin: 5px 45px;
		}
		
	.Boxed {
		margin: 0px 2px 0px 2px;
		display: block;
		/*width: 50px;*/
		padding: 3px 5px;
		float: left;
		border: 1px #666 solid;
		color: #666;
		background: #EFEFEF;
		font: bold 13px Arial,Helvetica,sans-serif;
		text-decoration: none !important;
		}
		
	a.Boxed:hover {
		border: 1px #000 solid;
		background: #FFF;
		}
		
	a.Boxed_Link {
		margin: 0px 2px 0px 2px;
		display: block;
		/*width: 10px;*/
		padding: 3px 5px;
		float: left;
		border: 1px #666 solid;
		background: #EFEFEF;
		font: normal 13px Arial,Helvetica,sans-serif;
		color: #666;
		text-decoration: none;
		}
		
	a.Boxed_Link:hover {
		margin: 0px 2px 0px 2px;
		display: block;
		/*width: 10px;*/
		padding: 5px;
		padding: 3px 5px;
		border: 1px #000 solid;
		background: #FFF;
		color: #000;
		}
		
	strong.Boxed_Link_Active {
		margin: 0px 2px 0px 2px;
		/*width: 10px;*/
		display: block;
		padding: 3px 5px;
		float: left;
		border: 1px #CCC solid;
		font: normal 13px Arial,Helvetica,sans-serif;
		color: #777;
		}
		
/* Additional Classes
------------------------------------------------- */

.floatLeft {
	float: left;
	margin: 0px 13px 0px 0px;
	}

.floatRight {
	float: left;
	margin: 0px 0px 0px 13px;
	}

.center {
	text-align: center;
	}

.centeredElement {
	margin: 0 auto;
	}

font {
	font: normal 12px Tahoma,Arial,Helvetica,sans-serif;
	}

.highlight{
	font-weight: bold;
	}
	
	
	
.Warning_Text{ color:#F00;!important}
.Warning_Textt{ 
	color:#F00!important;
	padding:10px;
}