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

body, html {margin: 0; padding: 0;}

body {
background: #254b2f url(images/body_bg_top.jpg) top repeat-x;
	font-family: arial, verdana,  sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	}

p {}
a {color: #FFC20F;}
a:hover {color: #FFF47F}

h1, h2, h3 {
	font-weight: normal;
	}

h1 {
	margin: 12px 0px 0px 0px;
	font-size: 2.4em;
	padding-bottom: 2px;
color: #FFC20F;
	}
h2 {
	font-size: 1.3em;
	margin-bottom: 2px;
	margin-top: 15px;

	}
h3 {
	font-size: 1.3em;
	margin-bottom: 0px;
	margin-top: 15px;
	color: #FFC20F;
	}
h4 {}
h5 {}

hr {
	border: 0;
	border-bottom: 1px dotted #d2c2ae;
	background: transparent;
	}

.clear {clear: both;}
.center {text-align: center; margin: 15px;}
.thumb {margin-right: 8px;
border: 2px solid #476259;
}
.thumb.end {margin-right: 0px; }

/* -----------------
SECTIONS
--------------------*/

.outer {
background: url(images/body_bg_bottom.jpg) top repeat-x;
height: 150px;
clear: both;
margin-top: 30px;
}

#container {
	width: 775px;
	margin: 0px auto;

	}

#header img {border: 0px;}

.topimg img {
	border: 4px #486650 solid;
}

#main {
	clear: both;
	}

#content {
clear: both;
padding-top: 30px;
color:#FFF;
	}

.col {
float: left;
}

.imgcol {
	width:250px;
	float:left;
}

.galcol {
    width:245px;
    float:right;
}

.col.thin {
width: 250px;
min-height: 389px;
background: url(images/starburst_left.jpg) 197px 193px no-repeat;
color:#FFF;
}

p.thin {
width: 180px;
color:#FFF;
}

.col.wide {
width: 490px;
padding-right: 20px;
color:#FFF;
}

.col.fencetxt {
	width:770px;
	color:#FFF;
}

.col.full {
width: 100%;
}

.col.thumb {
	margin-right:15px;
	margin-bottom:15px;
}

.col thumb img {
margin-top: 20px;
border:2px;
border-color:#486650;
}

.col.smlimage img {
	border: 2px #486650 solid;
	margin-bottom:15px;
}

.col.contacttxt {
	width:480px;
	color:#FFF;
}

.col.fencestyletxt {
	width:480px;
	color:#FFF;
}

.gallerypics img {
margin-top: 10px;
margin-right:10px;
border: 2px #486650 solid;

}

#colours {
	float:left;
	padding-left:25px;
}

#colours img {
	padding:5px;
}

.commercialpics {
	margin-left:22px;
}

.commercialpics img {
	margin-right:10px;
}

.bigimage {
margin-top: 0px;
}

#footer {
margin: 0px auto;
padding: 14px 20px;
color: #a4e5aa;
font-size: 11px;
clear: both;
background: url(images/footer_bg.jpg) bottom center no-repeat;
text-align: center;
}

#footer strong {
color: #efdf7a;
}

#thumbnails {margin-top: 10px;}

	
/* -----------------
MENU
--------------------


#menu a, #menu h2 {
	display: block;
	margin: 0;
	}
	
	

#menu {
padding-left: 26px;
width: 770px;
}

#menu ul {
list-style-type: none; 
margin: 0px;
padding: 0px;

}

#menu li {
display: block;
float: left;
position: relative;
background: url(images/menu_border.jpg) top left no-repeat;
padding-left: 1px;

_display: inline;
}

#menu li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
height: 42px;
display: block;
padding: 72px 9px 0px 9px;

_width: 100px;
}

#menu li a:hover, #menu li a.active  {
background:  url(images/menu_bg_hover.jpg);
}

#menu li:hover {

}

#menu li ul {
	position: absolute;
	left: 0px;
	top: 113px;
	display: none;
background: #3a5d43;
width: 150px;	
text-transform: uppercase;
font-size: 10px;
color: #fff;
z-index: 100;
border-right: 1px solid #3a5d43;
}

#menu li ul li {
float: none;
border: 0px;
}


#menu ul ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 10px 5px 10px;
height: auto;
border:0;	
border-bottom: 1px solid #264b2f;
background-position: center !important;
	}



ul ul li a:hover {
xbackground: #173f20;
}



#menu li li:hover {border: 0px;}

#menu li:hover ul, #menu li.over ul { 
	display: block; }*/


input, textarea, select, option {
background: #43614a;
border: 0px solid #627f69;
color: #fff;
margin: 1px 0px;
font-family: arial, verdana,  sans-serif;
font-size: 12px;
width: 200px;
}

.smlfield {width: auto; margin: 0px 5px; background: none;}
.lgfield {width: 320px;}
.button {width: auto; background: #486650;
font-size: 14px;
padding: 5px;
margin-top: 10px;
}



.imageblock{
	float:left;
	text-align:center;
	font-size:9px;
	text-transform:uppercase;
	}

/*MENU*/

#menua{
	width:770px;
	padding-left: 26px;
}

#nav a, #nav h2 {
	display: block;
	margin: 0;
	}
	
#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
	margin-left:0px;
	padding-left:0px;	
	}


#nav a {
	display: block;
	}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	display: block;
	position: relative;
	background: url(images/menu_border.jpg) top left no-repeat;
	padding-left: 1px;
	margin-left:0px;
	padding-left:0px;
	_display: inline;
}

#nav li a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	height: 42px;
	display: block;
	padding: 72px 9px 0px 9px;

	_width: 100px;
}

#nav li a:hover, #nav li a.active  {
background:  url(images/menu_bg_hover.jpg);
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #3a5d43;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	z-index: 100;
	border-right: 1px solid #3a5d43;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.2em 0 0 13em;
	width:150px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

#nav ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 0px 5px 10px;
	margin:0;
	height: auto;
	border:0;	
	border-bottom: 1px solid #264b2f;
	background-position: center !important;
	width:140px;
	}

#video{
	width:150px;
	text-align:center;
	float:right;
	padding-right:10px;
	}
#video img{border:0px;
}
#lowerpanel{float:right;
width:520px;
}