/* Site designed and built by UDIO Edge */
/* web: www.udioedge.com */

body {
	background: #fff url(../_images/sitebg.jpg) 0 0 repeat-y;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#666;
}

img, div { behavior: url("iepngfix.htc") }

a {
	text-decoration:none;
	color:#336600;
}

a:hover {
	color:#ccc;
}

.clear {
	clear:both;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

p {
	font-size:12px;
	color: #555;
	margin-bottom:10px;
	line-height:17px;
}

#logo {margin:75px auto;margin-bottom:15px;width:900px;}
#logo a {background:transparent url('../_images/fencemasters_logo.png') 0 0 no-repeat;display:block;height:42px;width:275px;float:left;}

h1 {font-size:24px;font-weight:lighter;color:#666;margin-bottom:20px;text-shadow: #fff 0 1px 0;font-family:Tahoma, Helvetica, sans-serif;}
h1 span {font-size:16px;color:#999;}

#leftarrow, #rightarrow {background-color:#000;}
#leftarrow a:hover, #rightarrow a:hover {filter:alpha(opacity=95); opacity:0.95;}
#leftarrow a:focus, #rightarrow a:focus {filter:alpha(opacity=75); opacity:0.75;}
#leftarrow a, #rightarrow a {display:block;width:43px;height:56px;}

#leftarrow a {background: url(../_images/larrow.gif) 0 0 no-repeat;}
#rightarrow a {background: url(../_images/rarrow.gif) 0 0 no-repeat;}
#leftarrow a:hover {background: url(../_images/larrowo.gif) 0 0 no-repeat;}
#rightarrow a:hover {background: url(../_images/rarrowo.gif) 0 0 no-repeat;}

#wrapper {width:904px;height:582px;margin:0 auto;background-color:#fff;}

#container {
	width:900px;
	height:573px;
	margin:0 auto;
	background-color:#153b00;
}

#shadow {
	width:893px;
	height:21px;
	margin:0 auto;
	color:#666;
	text-align:right;
	font-size:9px;
	padding-top:10px;
	background: transparent url(../_images/shadow.png) 0 0 no-repeat;
}

#shadow a {
	color: #666;
	text-decoration:underline;
}

#navigation {
	height:57px;
	background: #fff url(../_images/navbg.png) 0 0 repeat-x;
	border-bottom: 1px solid #003300;
	text-align:center;
}

#navigation li {
	float:left;
	width:150px;
	text-align:center;
	line-height:57px;
}

#navigation a.right {
	border-right: 1px solid #7cb053;
}

#navigation a.left {
	border-left:1px solid #336600;
}

#navigation li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	text-transform:capitalize;
	font-weight:lighter;
	text-shadow: #356412 0 -1px 1px;
	line-height:57px;
	-webkit-transition: all linear 10s ease-in-out 10s;
}

#navigation li a:hover, #navigation li a.current, #navigation li a:active, #navigation li a:focus {
	-webkit-transition: all linear 10s ease-in-out 10s;
	background: #fff url(../_images/navbgo.jpg) 0 0 repeat-x;
	color:#e4e4e4;
	text-shadow: #000 0 -1px 1px;
}

#productwrap, #header {
	width:896px;
}

#productwrap {
	height:56px;
	margin:3px auto;
	background-color:#153b00;
}

#products {
	overflow:hidden;
	width:896px;
}

#productscroll {
	overflow:hidden;
	height:56px;
	width:807px;
	margin:0 auto;
}

#productscroll ul {
	width:1946px;
}

#productscroll li {
	display:block;
	float:left;
	margin-right:1px;
	list-style:none;
}

#productscroll li:hover {filter:alpha(opacity=50); opacity:0.50;}

#header {
	border-top: 1px solid #fff;
	height:219px;
	background: #fff url(../_images/header.jpg) 0 0 no-repeat;
	margin:0 auto;
}

#content {
	height:377px;
	background: #153b00;
	margin:0 auto;
	padding:20px;
	position:relative;
}

#home #content {background: url(../_images/homecontentbg.jpg) 2px 0 no-repeat;}
#interior #content {background:url(../_images/interiorcontentbg.jpg) 2px 0 no-repeat;}

#home #introtext {position:absolute;left:387px;top:273px;width:447px;height:123px;color:#fff;font-size:14px;line-height:18px;}

#content-left {
	position:absolute;
	width:518px;
	height:332px;
	top:40px;
	left:336px;
	overflow:auto;
}

#content-right {
	float:right;
	width:25%;
	padding:90px 10px 10px;
	background: transparent url(../_images/map.png) 60px 10px no-repeat;
	height:57px;
	font-size:11px;
	color:#666;
	line-height:14px;
}

#content-right h3 {
	color:#333;
}

h1.contact {
	margin-top:20px;
	font-weight:lighter;
	letter-spacing:2px;
	text-align:center;
	font-size:14px;
}

#contactinfo {font-size:10px;color:#fff;position:absolute;bottom:20px;left:20px;}
#contactinfo a {color:#7cc22f;}


.clientbox, .gallerybox {width:152px;float:left;margin-bottom:15px;margin-left:10px;}
.clientbox:last-child, .gallerybox:margin-left {margin-left:0;}
.clientbox h3, .gallerybox h3 {font-size:16px;color:#666;margin-bottom:5px;font-family:Tahoma, Helvetica, sans-serif;font-weight:lighter;}
.clientbox li, .gallerybox li a {font-size:11px;color:#888;padding-left:7px;padding-bottom:5px;}
.clientbox li:before, .gallerybox li a:before {content: "\00BB";padding-right:5px;color:#cecece;}
.gallerybox {width:48%;}
.gallerybox li a {}
.gallerybox li a:hover {color:#333;}
.gallerybox li a {display:block;font-size:14px;border-bottom:1px solid #cecece;border-top:#fff 1px solid;padding-top:7px;padding-bottom:7px;font-weight:lighter;font-family:Tahoma, Helvetica, sans-serif;text-shadow: #fff 0 1px 0;background-color:#e4e4e4;}
.gallerybox li a:hover:before {padding-right:2px;}
.gallerybox li a:hover {background-color:#cecece;color:#333;}


#topbar {
	height:155px;
	overflow:auto;
}

#bottombar {
	border-top:1px solid #fff;
	padding:10px;
}

.bottombar_box {
	float:left;
	width:180px;
}

.bottombar_box p {
	color:#666;
	font-size:11px;
	line-height:14px;
}

.bottombar_box h1 {
	font-size:16px;
	color:#336600;
	font-weight:lighter;
}

#footer {
	height:43px;
	background: url(../_images/footbg.jpg) 0 0 repeat-x;
	font-size:9px;
	color: #5b8645;
	line-height:43px;
	padding: 0 20px;
}

#footer li {
	float:left;
	padding:0 10px;
}

#footer li a {
	color: #fff;
	text-decoration:none;
}

#footer li a:hover {
	color:#ffcc33;
	text-decoration:none;
}

#footer #estimate {
	height:34px;
	width:188px;
}

.footinfo {
	width:600px;
}

#footer #estimate a {
	display:block;
	height:34px;
	width:188px;
	margin: 4px 0 0;
	background: transparent url(../_images/estimatebutton.png) 0 0 no-repeat;
}

#footer #estimate a:hover {
	background: transparent url(../_images/estimatebutton.png) 0 -34px no-repeat;
}

.quote {
	font-style: italic;
	margin-left:20px;
	font-size: 12px;
	color:#666;
}
#share {margin-top:10px;}

#testimonials {
	color:#666;
	overflow:auto;
	font-size:10px;
	font-family:helvetica, arial, verdana, sans-serif;
	margin:0;
	height:287px;
}

#testimonials p {font-family:"Times New Roman", Times, serif;font-style:italic;font-size:14px;color:#333;margin-bottom:25px;padding-right:10px;}