@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:visited {
	color: #386b3d; /* Green */
}

a:hover {
	color: #3a2f23;
}

.clearer {
	width: 100%;
	clear:both;
}

h2 {
	margin-bottom: 18px;
}
/*************************************
			LAYOUT
*************************************/

#wrap {
	width: 960px;
	margin: 0 auto;
	color: #4f3618;
	position: relative;
}

#phone {
	width: 550px;
	height: 30px;
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	position: absolute;
	top: -6px;
	right: 120px;
	text-align: right;
	color: #37733d;
}

#nav {
	background: url(../images/nav_bg.jpg) no-repeat;
	height: 110px;
	width: 960px;
	margin: 15px 0;
}

#rotator {
	position: relative;
	height: 450px;
	width: 960px;
}

#sub_banner {
	position: relative;
	height: 40px;
	width: 960px;
}

#boxes {
	height: 250px;
	width: 960px;
	margin-bottom: 30px;
}

#info {
	width: 960px;
	min-height: 260px;
}

#footer {
	background: url(../images/footer_bg.jpg) no-repeat;
	height: 50px;
	width: 960px;
	font: 12px/50px Arial, Helvetica, sans-serif;
	margin: 15px 0;
}

.col_two h4 {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #523d1d;
}
	

/*************************************
			NAVIGATION
*************************************/

#nav ul {
	width: 750px;
	height: 75px;
	margin: 18px 10px 17px 0;
	float: right;
}

#nav li {
	float: left;
}

#nav li a, #nav li a:visited {
	float: left;
	display: block;
	width: 125px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/75px Arial, Helvetica, sans-serif;
	height: 75px;
	color: #4f3618;
}

#nav li a:hover {
	color: #fff;
	background: url(../images/nav_hvr.gif) no-repeat;
	height: 75px;
}

/*************************************
			SLIDES
*************************************/

#banners {
	height: 375px;
	width: 960px;
	padding-top: 40px;
}

#slides {
	position: absolute;
	width: 2880px;
}

#slides div {
	width: 960px;
	height: 375px;
	float: left;
}

.mask {
	position:relative;
	width:960px;
	height:375px;
	overflow:hidden;
}

#info {
	margin-top: 20px;
}

#slide1 .buttonset a, #slide2 .buttonset a, #slide3 .buttonset a {
	text-decoration: none;
	height: 28px;
	display: block;
	width: 140px;
}

#slide1 {
	height: 375px;
	width: 960px;
	background: url(../images/slide1.jpg) no-repeat;	
	float: left;
	position: relative;
}

		.caption {
			width: 960px;
			height: 45px;
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: left;
			text-indent: 20px;
			color: #fff;
			font: bold 18px/45px Arial, Helvetica, sans-serif;
		}

		#slide1 .buttonset {
			position: absolute;
			top: 8px;
			left: 15px;
			width: 300px;
			height: 28px;
			color: #005500;
		}
		
		#slide1 .buttonset .btns {
			width: 140px;
			height: 28px;
			float: left;
			text-align: center;
			font: bold italic 16px/28px Arial, Helvetica, sans-serif;
		}
		
		.gallery {
			margin-right: 18px;
		}
		
		.info {
		}


#slide2 {
	height: 375px;
	width: 960px;
	background: url(../images/slide2.jpg) no-repeat;	
	float: left;
	position: relative;	
}
		
		#slide2 .caption {
			width: 960px;
			height: 45px;
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: left;
			text-indent: 20px;
			color: #fff;
			font: bold 18px/45px Arial, Helvetica, sans-serif;
		}

		#slide2 .buttonset {
			position: absolute;
			top: 8px;
			left: 15px;
			width: 300px;
			height: 28px;
			color: #005500;
		}
		
		#slide2 .buttonset .btns {
			width: 140px;
			height: 28px;
			float: left;
			text-align: center;
			font: bold italic 16px/28px Arial, Helvetica, sans-serif;
		}
		
		#slide2 .gallery {
			margin-right: 18px;
		}
		
		.info {
		}

#slide3 {
	height: 375px;
	width: 960px;
	background: url(../images/slide3.jpg) no-repeat;	
	float: left;
	position: relative;
}
		
		#slide3 .caption {
			width: 960px;
			height: 45px;
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: left;
			text-indent: 20px;
			color: #fff;
			font: bold 18px/45px Arial, Helvetica, sans-serif;
		}

		#slide3 .buttonset {
			position: absolute;
			top: 8px;
			left: 15px;
			width: 300px;
			height: 28px;
			color: #005500;
		}
		
		#slide3 .buttonset .btns {
			width: 140px;
			height: 28px;
			float: left;
			text-align: center;
			font: bold italic 16px/28px Arial, Helvetica, sans-serif;
		}
		
		#slide3 .gallery {
			margin-right: 18px;
		}
		
		.info {
		}

.navtabs {
	width: 318px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index:1000;
}

span.tab {
	background: #fff url(../images/tab.jpg) 0 -120px;
	height: 40px;
	width: 101px;
	margin-right: 5px;
	float: left;
	display: block;
	cursor: pointer;
	font: bold 20px/40px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #8f673b;
}

span.tab:hover {
	background: #999 url(../images/tab.jpg) 0 -80px;
	height: 40px;
	width: 101px;
	margin-right: 5px;
	float: left;
	display: block;
	cursor: pointer;
	color: #fff;
}

span.active {
	background: #999 url(../images/tab.jpg) 0 -40px;
	height: 40px;
	width: 101px;
	margin-right: 5px;
	float: left;
	display: block;
	cursor: pointer;
	color: #fff;
}	

/*************************************
			SEARCH
*************************************/

#search {
	width: 295px;
	height: 30px;
	background: url(../images/search_bg.png) no-repeat;
	position: absolute;
	top: -20px;
	right: 0;
}

#search form {
	height: 30px;
}

#search form#searchform input#searchbox {
	border: none;
	background: transparent;
	height: 30px;
	width: 194px;
	margin-left: 5px;
	font: italic 12px/20px Helvetica, Arial, sans-serif;
	color: #584531;
}
 
#search form#searchform input#searchsubmit {
	cursor: pointer;
	width: 80px;
	height: 30px;
	margin-left: 10px;
	background: transparent;
	border: none;
}

/*************************************
			CONTENT
*************************************/

#breadcrumbs {
	font: 11px/11px Arial, Helvetica, sans-serif;
	height: 11px;
	width: 960px;
	position: absolute;
	bottom: 12px;
	left: 0;
}

#breadcrumbs_gal {
	font: 11px/11px Arial, Helvetica, sans-serif;
	height: 11px;
	width: 960px;
}

#content_top {
	background: url(../images/cont_top.jpg) no-repeat;
	width: 960px;
	height: 3px;
}

#content_bottom {
	background: url(../images/cont_bottom.jpg) no-repeat;
	width: 960px;
	height: 3px;
}

#content {
	background: url(../images/cont_middle.jpg) repeat-y;
	width: 960px;
}

 
#fence_content_top {
	background: url(../images/fence_cont_top.jpg) no-repeat;
	width: 960px;
	height: 3px;
}
 
#fence_content_bottom {
	background: url(../images/fence_cont_bottom.jpg) no-repeat;
	width: 960px;
	height: 3px;
}
 
#fence_content {
	background: url(../images/fence_cont_middle.jpg) repeat-y;
	width: 960px;
}

#content h1 {
	font: bold 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #175c1f;
	margin-bottom: 15px;
}

#content p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

#left_col {
	width: 310px;
	float: left;
}

#left_col ul {
	float: left;
	background: url(../images/li_bg.png) top no-repeat;
	margin-bottom: 20px;
}

#left_col li {
	width: 310px;
	float: left;
	background: url(../images/li_bg.png) bottom no-repeat;
}

#left_col ul li a, #left_col ul li a:visited {
	float: left;
	display: block;
	width: 310px;
	text-indent: 20px;
	color: #523d1d;
	height: 48px;
	font: 14px/48px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#left_col ul li a:hover {
	color: #175c1f;
	text-indent: 32px;
	background: url(../images/arrow.gif) no-repeat;
}

#left_col ul li.active a {
	color: #175c1f;
	text-indent: 32px;
	background: url(../images/arrow.gif) no-repeat;
}

#left_col h2 {
	font: bold 24px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #175c1f;
	padding: 0 20px;
	margin-bottom: 18px;
	margin-top: 6px;
}

#left_col p {
	padding: 10px 15px;
}

.dark_green {
	color: #175c1f;
}

.dark_green_bold {
	font-weight: bold;
	color: #175c1f;
}

.dark_brown {
	color: #523d1d;
}

.dark_brown_bold {
	font-weight: bold;
	color: #523d1d;
}

img.left {
	margin: 0 10px 8px 0;
	float: left;
}

img.right {
	margin: 0 0 8px 10px;
	float: right;
}

#right_col {
	float: right;
	width: 620px;
	position: relative;
}
	
.box {
	width: 310px;
	height: 250px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.b_left {
	background: url(../images/left_box_bg.jpg) no-repeat;
}

.b_middle {
	background: url(../images/middle_box_bg.jpg) no-repeat;
	margin-left: 15px;
}

.b_right {
	background: url(../images/right_box_bg.jpg) no-repeat;
	margin-left: 15px;
}

#boxes .box h2 {
	font: 19px/39px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #e7c088;
	padding-left: 10px;
}

#info .box h2 {
	font: 25px/39px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #2c5330;
	border-bottom: 1px solid #a78f73;
}

.box p {
	font-family: CollabMed, Helvetica, Arial, sans-serif;
	padding: 40px 10px 10px;
	color: #fff;
}

.l_marg {
	margin-left: 15px;
}

.learn_more {
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 101px;
	height: 28px;
	background: url(../images/learn_more_btn.png) no-repeat;
}

.learn_more a {
	display: block;
	float: left;
	width: 101px;
	height: 28px;
	text-decoration: none;
}

#info h2 {
	margin-bottom: 0px;
}

#info .news ul li {
	border-bottom: 1px solid #a78f73;
	float: left;
}
 
#info .news li a, #info .news li a:visited {
	color: #2c5330;
	background: transparent;
	text-decoration: none;
	padding: 5px;
	display: block;
}
 
#info .news li a:hover {
	background: #fef7ee;
}
 
#info .news .news_title {
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #3a2f23;
}
 
#info .news ul li p {
	color: #70573a;
	font: 12px/19px Arial, Helvetica, sans-serif;
	padding: 0;
}

span.green {
	color: #006600;
}

.l_marg li a, .l_marg li a:visited {
	border-bottom: 1px solid #a78f73;
	float: left;
	display: block;
	width: 300px;
	height: 41px;
	font: 12px/41px Arial, Helvetica, sans-serif;
	color: #584531;
	text-decoration: none;
	text-indent: 5px;
}

.l_marg li a:hover {
	background: #fef7ee;
}	

#info p.address {
	font: 14px/26px Arial, Helvetica, sans-serif;
	color: #584531;
	padding: 10px;
}
	
.social {
	float: left;
	display: block;
	height: 60px;
	width: 60px;
	margin-right: 10px;
}

.twitter {
	background: url(../images/twitter.png) no-repeat;
}

.facebook {
	background: url(../images/facebook.png) no-repeat;
}

.left {
	float: left;
}

.right {
	float: right;
}

#footer .left, #footer .right {
	padding: 0 20px;
}

#footer ul {
	width: 450px;
}

#footer li {
	float: right;
}

#footer li a, #footer li a:visited {
	text-decoration: none;
	padding-left: 15px;
	color: #584531;
	float: left;
	display: block;
	font: 12px/50px Arial, Helvetica, sans-serif;
}

#footer a:hover {
	color: #fff;
}

ol.list {
	padding-left: 25px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 18px;
}

ol.list li {
	list-style-type: decimal;
}

div.list ul {
	padding-left: 25px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 18px;
}

div.list ul li {
	list-style-type: disc;
}

div.list ul ul ul li {
	font: 10px/16px Arial, Helvetica, sans-serif;
}

.half_right {
	width: 268px;
	padding: 15px;
	background: #fcf8f1;
	border: 1px solid #6c532c;
	float: right;
	line-height: 20px;
}

.half_left {
	width: 268px;
	padding: 15px;
	background: #fcf8f1;
	border: 1px solid #6c532c;
	float: left;
	line-height: 20px;
}

	

/****************************
	SEARCH
****************************/

#search form {
	height: 30px;
}
 
#search input#ajaxSearch_input {
	border: none;
	background: transparent;
	height: 30px;
	width: 188px;
	margin: 0 0 0 5px;
	font: italic 12px/20px Helvetica, Arial, sans-serif;
	color: #175c1f;
}
 
#search input#ajaxSearch_submit {
	cursor: pointer;
	width: 75px;
	height: 30px;
	line-height: 30px;
	margin-left: 17px;
	background: transparent;
	border: none;
}
 
#ajaxSearch_intro {
	margin: 10px 0 15px 0;
}
 
#ajaxSearch_output {
	position: absolute;
	top: 20px;
	right: 0px;
  	font-size: 12px;
	background: #d0baa2;
	color: #3b261a;
  	width: 320px;
	z-index: 1200;
	padding: 10px;
	margin: 15px 0;
	line-height: 16px;
	zoom: 1;
}
 
.ajaxSearch_paging {
	display: block;
	margin: 5px 0 10px;
}
 
.AS_ajax_result {
  color: #5d493e;
  margin: 6px 0;
  padding: 4px 10px;
  background: #e2d2c0;
  border: 1px solid #756248;
}
 
.AS_ajax_resultLink {
  text-decoration: underline;
  color: #035d2e;
  font-weight: bold;
}
 
.AS_ajax_resultDescription, .ajaxSearch_resultDescription{
  color: #555;
  padding: 0 2px 2px 2px;
}
 
.AS_ajax_resultsIntroFailure{
  padding: 3px;
}

.ajaxSearch_highlight1, ajaxSearch_highlight1 {
	color: #fff;
}
 
.AS_intro { display: none;}
 
#ajaxSearch_form fieldset {
	border: none;
	height: 45px;
	position: relative;
}
 
#searchClose {
	position: absolute;
	top: 5px;
	left: 180px;
	z-index: 1202;
}
 
#indicator {
	position: absolute;
	top: 5px;
	left: 160px;
	z-index: 1203;
}

	
/* FORMS */

div.form-container { margin: 10px; padding: 5px; background-color: #fff;}
 
p.legend { margin-bottom: 10px; }
p.legend em { color: #C00; font-style: normal; }
 
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
 
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #337432; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #dfb881 1px solid; }
div.form-container form legend { font-weight: bold; color: #337432; }
div.form-container form fieldset div { padding: 3px 0; }
div.form-container label, 
div.form-container span.label { color: #63431d; font-size: 12px; margin-right: 10px; padding-right: 10px; width: 85px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

#estimate {
	width: 100px;
	height: 24px;
	position: absolute;
	top: -6px;
	right: 0px;
}

#estimate a, #estimate a:visited {
	background: url(../images/estimate.jpg) 0 0;
	width: 100px;
	height: 24px;
	display: block;
	float: left;
}

#estimate a:hover {
	background: url(../images/estimate.jpg) 0 -24px;
}
	
/***************************
		FENCE PAGES
***************************/

ul.fence_list {
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

ul.fence_list li {
	list-style-type: disc;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

#right_col h1.fence_title {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 620px;
	height: 40px;
	background: #61ad67;
	color: #fff;
	line-height: 40px;
	font: bold 26px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-indent: 10px;
}

.fence_cont {
	padding: 305px 10px 10px;
	position: relative;
	border-bottom: 17px solid #61ad67;
}

.fence_pic {
	position: absolute;
	top: 40px;
	left: 0;
}

.fence_desc {
	font: 12px/18px Arial, Helvetica, sans-serif;
	padding-bottom: 18px;
}

.fence_gallery {
	position: absolute;
	top: 265px;
	right: 25px;
	width: 100px;
	height: 24px;
}

.fence_gallery a, .fence_gallery a:visited {
	width: 100px;
	height: 24px;
	float: left;
	display: block;
}

ul.comp_list {
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}

ul.comp_list li {
	list-style-type: disc;
	font: 12px/16px Arial, Helvetica, sans-serif;
}

ul.list {
	padding-left: 25px;
}
	
ul.list li {
	list-style-type: disc;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

ul.list li ul li {
	padding-left: 15px;
}

ul.list li ul li {
	list-style-type: circle;
	
}

a.gototop {
	position: absolute;
	right: 0;
	top: 0;
	font: 11px/11px Arial, Helvetica, sans-serif;
	color: #060;
	text-decoration: none;
}

#container {
	width: 960px;
	position: relative;
}

#inner_container {
	width: 960px;
}

#fence_comps {
}

.fence_comps_row {
	border-bottom: 1px solid #37733d;
	background: url(../images/tbody_bg.jpg) repeat-y;
}

.fence_comps_row_alt {
	border-bottom: 1px solid #37733d;
	background: url(../images/tbody_alt_bg.jpg) repeat-y;
}

#fc_header {
	background: url(../images/thead_bg.jpg) no-repeat;
	height: 30px;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
}

.header {
	color: #fff;
	text-align: center;
	float: left;
}

#fence_comps a, #fence_comps a:visited {
	font: 12px/16px Arial, Helvetica, sans-serif;
}

#fence_comps a:hover {
	color: #3c2c15;
	text-decoration: none;
}

#fence_comps #tfoot {
	width: 620px;
	background: #fff url(../images/tfoot_bg.jpg);
	height: 8px;
	padding: 0;
}

.col_one, .col_two, .col_three {
	float: left;
}

.padding_8 {	
	padding: 8px;
}

.col_one {
	width: 140px;
	text-align: center;
}

.col_two {
	width: 212px;
}

.col_three {
	width: 268px;
}

#content #left_col .quotes p {
	font: italic 12px/18px Arial, Helvetica, sans-serif;
}

.tri_col {
	width: 200px;
	float: left;
	margin-right: 10px;
}

.tri_col img {
	width: 200px;
}

#content .tri_col h2 {
	font: bold 16px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px 0 0 0;
}

.tri_col p {
	padding: 0 5px;
}

.no_marg {
	margin: 0;
}

.tri_col a.trex {
	width: 200px;
	height: 145px;
	background: url(../images/trex-seclusions-composite-fence-enter.jpg) 0 0;
	border:none;
	display: block;
}

.tri_col a.trex:hover {
	background: url(../images/trex-seclusions-composite-fence-enter.jpg) 0 -145px;
}

.tri_col a.cedar {
	width: 200px;
	height: 145px;
	background: url(../images/canyon-winds-cedar-fence-enter.jpg) 0 0;
	border:none;
	display: block;
}

.tri_col a.cedar:hover {
	background: url(../images/canyon-winds-cedar-fence-enter.jpg) 0 -145px;
}

.tri_col a.iron {
	width: 200px;
	height: 145px;
	background: url(../images/ornamental-iron-fence-enter.jpg) 0 0;
	border:none;
	display: block;
}

.tri_col a.iron:hover {
	background: url(../images/ornamental-iron-fence-enter.jpg) 0 -145px;
}

#galleryInstructions {
	padding: 10px 100px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	position: relative;
}

#galleryInstructions h2 {
	font: 18px/28px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 8px 0;
}

#galleryMenu {
	background: url(../images/footer_bg.jpg) no-repeat;
	height: 50px;
	line-height: 50px;
}

#galleryMenu a, #galleryMenu a:visited {
	font: bold 12px/50px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 0 15px;
	float: left;
	display: block;
	color: #fff;
}

#galleryMenu a:hover {
	color: #4F3618;
}

.gallery_active {
	font: bold 14px/24px Arial, Helvetica, sans-serif;
}

/****************************
        MINI SLIDES
****************************/

#minibanners {
	height: 260px;
	width: 620px;
	padding-bottom: 80px;
}

/*Trex, Wood, Iron slide sizes*/

#minislides_trex {
	position: absolute;
	width: 1860px;
}

#minislides_iron {
	position: absolute;
	width: 1860px;
}

#minislides_cedar {
	position: absolute;
	width: 8060px;
}

#minislides_cedar div, #minislides_iron div, #minislides_trex div {
	width: 620px;
	height: 260px;
	float: left;
}

.minimask {
	position:relative;
	width:620px;
	height:260px;
	overflow:hidden;
}

/* SLIDES */

		.slide {
			height: 260px;
			width: 620px;
			float: left;
			position: relative;
		}
		
		/* TREX */
		
		#trex1 {
			background: url(../images/minislides/trex-seclusions-woodland-brown-composite-fence.jpg) no-repeat;
		}
		
		#trex2 {
			background: url(../images/minislides/trex-seclusions-saddle-composite-fence.jpg) no-repeat;
		}
		
		#trex3 {
			background: url(../images/minislides/trex-seclusions-grey-composite-fence.jpg) no-repeat;
		}
		
		
		/* IRON */
		
		#iron1 {
			background: url(../images/minislides/montage-majestic-iron-fence.jpg) no-repeat;
		}
		
		#iron2 {
			background: url(../images/minislides/montage-genesis-iron-fence.jpg) no-repeat;
		}
		
		#iron3 {
			background: url(../images/minislides/montage-classic-iron-fence.jpg) no-repeat;
		}
		
		
		/* WOOD */
		
		#cedar1 {
			background: url(../images/minislides/canyon-winds-cedar-wood-privacy-fence.jpg) no-repeat;
		}
		
		#cedar2 {
			background: url(../images/minislides/canyon-winds-cedar-wood-with-spindle-top.jpg) no-repeat;
		}
					
		#cedar3 {
			background: url(../images/minislides/cedar-wood-picket-fence.jpg) no-repeat;
		}
		
		#cedar4 {
			background: url(../images/minislides/custom-cedar-wood-fence.jpg) no-repeat;
		}
		
		#cedar5 {
			background: url(../images/minislides/dog-ear-cedar-wood-privacy-fence.jpg) no-repeat;
		}
					
		#cedar6 {
			background: url(../images/minislides/estates-cedar-wood-privacy-fence.jpg) no-repeat;
		}
		
		#cedar7 {
			background: url(../images/minislides/lattice-top-cedar-wood-fence.jpg) no-repeat;
		}
		
		#cedar8 {
			background: url(../images/minislides/log-pole-treated-wood-fence.jpg) no-repeat;
		}
					
		#cedar9 {
			background: url(../images/minislides/mini-estates-cedar-wood-privacy-fence.jpg) no-repeat;
		}
		
		#cedar10 {
			background: url(../images/minislides/mini-winds-cedar-wood-privacy-fence.jpg) no-repeat;
		}
		
		#cedar11 {
			background: url(../images/minislides/mini-winds-cedar-wood-with-spindle-top.jpg) no-repeat;
		}
		
		#cedar12 {
			background: url(../images/minislides/rail-cedar-wood-fence.jpg) no-repeat;
		}
		
		#cedar13 {
			background: url(../images/minislides/split-rail-cedar-wood-fence.jpg) no-repeat;
		}

.mininavtabs {
	width: 620px;
	height: 40px;
	position: absolute;
	top: 300px;
	left: 0px;
	z-index:1000;
}

span.minitab {
	background: #fff;
	height: 20px;
	padding: 0 10px;
	margin-right: 0;
	float: left;
	display: block;
	cursor: pointer;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #8f673b;
}

span.minitab:hover {
	background: #cfa86f;
	color: #523d1d;
}

.mininavtabs span.active {
	background: #523d1d;
	padding: 0 10px;
	width: auto;
	color: #fff;
}	

html>body #info {
	height: auto;
}

.highslide-credits {
	visibility: hidden;
}