* {
	margin: 0;
	padding: 0;
}

html {overflow-y: scroll;}

body {
	font: 14px/22px  'Droid Sans', Helvetica, Arial, sans-serif;
	width: 100%;
	background: #13141d url(images/background.jpg) top center no-repeat;
}

A:link {
color: #083863;
text-decoration:none;
}

A:visited {
color: #083863;
text-decoration:none;
}

A:hover {
color: green;
text-decoration:underline;
}

h1 {
font-size:24px;
}

h2 {
	font-family: 'Droid Serif', Georgia, Times, serif;
font-size:24px;
color: #006934;
margin:0 0 18px;
}


h3 {
font-family: 'Droid Serif', Georgia, Times, serif;
color: #006934;
font-size:20px;
margin:0 0 18px;
}

h4 {
font-weight:700;
font-size:18px;
line-height:1.25em;
margin:0 0 10px;
}

h5 {
font-weight:700;
font-size:16px;
line-height:1.25em;
margin:0 0 10px;
}

h6 {
font-weight:700;
font-size:14px;
line-height:1.25em;
margin:0 0 10px;
}

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}

.left {
float: left;
}

.center {
margin: auto;
}

#wrapper {
	width: 960px;
	margin: 0 auto;

}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 128px;
	background: url(images/menu-back.png) bottom center no-repeat;
	position: relative;
}

#logo {
	display: block;
	width:203px;
	height:69px;
	position: absolute;
	top: 7px;
	left: 380px;
	background: url(images/profence-logo.png) top center no-repeat;
	text-indent: -3000px;
}

#nav-box {
	width: 794px;
	height: 26px; 
	text-align:left;
	margin:0;
	padding:0;
	position: absolute;
	top: 93px;
	left: 16px;
} 


ul#menu {list-style:none;text-align:center;height:26px;overflow:hidden;padding:0;margin:0;} 
ul#menu li {float:left;display:block;overflow:hidden;}
ul#menu li a {display:block;height:57px;background:url(images/nav-sprites.png) no-repeat;cursor:pointer;text-indent: -6000px;}
ul#menu #home {width:76px;background-position:0px -26px;}
ul#menu #home.active {background-position:0px 0px;}
ul#menu #about-us {width:115px;background-position:-76px -26px;}
ul#menu #about-us.active {background-position:-76px 0px;}
ul#menu #fence-builder {width:151px;background-position:-191px -26px;}
ul#menu #fence-builder.active {background-position:-191px 0px;}
ul#menu #fencing {width:104px;background-position:-342px -26px;}
ul#menu #fencing.active {background-position:-342px 0px;}
ul#menu #gates {width:89px;background-position:-447px -26px;}
ul#menu #gates.active {background-position:-447px 0px;}
ul#menu #testimonials {width:141px;background-position:-536px -26px;}
ul#menu #testimonials.active {background-position:-536px 0px;}
ul#menu #contact-us {width:117px;background-position:-677px -26px;}
ul#menu #contact-us.active {background-position:-677px 0px;}


#splash-main{
width:960px;
height:336px;
display: block;
background: url(images/splash-main.jpg) top center no-repeat;
}

#splash-lip{
width:960px;
height:118px;
display: block;
background: url(images/splash-main-lip.jpg) top center no-repeat;
}

#sub-header{
width:960px;
height:19px;
display: block;
background: url(images/sub-header.jpg) top center no-repeat;
}


/* Middle
-----------------------------------------------------------------------------*/
#content {
padding: 20px 20px 0 20px;
overflow: hidden;
background: #fff;
}

#main-col-1 {
width: 550px;
float: left;
margin: 0 40px 0 0;
padding: 20px 0 0 0;
}

#main-col-2 {
width: 290px;
float: left;
padding: 20px;
background: #eee;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
}

.contact-addr {
width:230px;
display:block;
float:left;
}

.contact-1 {
font-weight:700;
width:80px;
display:block;
float:left;
}

.contact-2 {
display:block;
}

#contact-col-a {
width:450px;
overflow:hidden;
float:left;
margin:0 30px 0 0;
}

#contact-col-b {
overflow:hidden;
padding: 40px 0 0 0;
}

.fieldclass {
border:1px solid #c8c8c8;
font-size:12px;
color:#333;
margin-bottom:1px;
padding:2px;
width:400px;
}

.fencing-box {
width: 270px;
height: 370px;
float: left;
padding: 10px;
margin: 0 20px 20px 0;
position: relative;
background: #eee;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
}

.fencing-box img {
margin: 1px 0 10px -1px;
border: 1px solid #ccc;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
}

.last {
margin: 0px;
}

#thumbs {

}

#thumbs img {
margin: 0 10px 0 0;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}

.main {
position: absolute;
top: 20px;
right: 20px;
}

#specs-col-a {
width: 400px;
overflow: hidden;
float: left;
margin: 0 20px 0 0;
}


#specs-col-b {
width: 500px;
overflow: hidden;
float: left;
}

.specs-image {
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
overflow: hidden;
float: right;
}


.sub-image {
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
margin: 0 0 0 -1px;
}

.button-more {
	width: 65px;
	height: 23px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	cursor:pointer;
	display:block;
	background-color: transparent;
	background-image: url(images/button-more.png);
position: absolute;
bottom: 10px;
left: 10px;
text-indent: -9999px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	font-size: 12px;
	height: 90px;
	background: url(images/footer.png) top center no-repeat;
	position: relative;	
}

#footer-row-1 {
	position: absolute;
	top: 42px;
	left: 20px;
}

#footer-row-2 {
	position: absolute;
	top: 62px;
	left: 20px;
}


#bbb-logo {
	display: block;
	width:177px;
	height:44px;
	position: absolute;
	top: 40px;
	right: 15px;
	background: url(images/bbb-logo.png) top center no-repeat;
	text-indent: -3000px;
}


.testimonials-col-a {
	width:440px;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 40px 0 0;
}

.testimonials-col-b {
	width:440px;
	display: block;
	overflow: hidden;
	float: left;
}