html{
	font-size: 100.1%;
}

body{
	background: #fff;
	margin: 0;
	font: 12px "Trebuchet MS", sans-serif;
	background:url(../images/main.gif) repeat-x;
}
form {
	padding: 0;
	margin: 0;
	display: inline;	
}
img{
	border: none;
	display: block;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
p, h1, h2{
	margin: 0;
	padding: 0;
}

h1 {
	

}

table {
	width:100%;
	margin-top:20px;

}

th{
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding:0 10px;

}

td {
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding:0 5px 20px 5px;
}


td span{
	font-size:16px;
	font-weight:bold;
}

a{
	text-decoration: none;
}
a:active, a:focus{
	outline:none;
}

#main{
	width: 805px;
	margin: 0 auto;
}

#header{
	height: 185px;
	width: 802px;
	background: url(../images/header.gif) no-repeat;
	position: relative;
	z-index: 1000;
}

#header .logo{
	text-indent: -9999px;
	display: block;
	width: 251px;
	height: 148px;
	background: url(../images/logo.gif);
	position: absolute;
	top: 68px;
	left: 28px;
}

#header .top-nav{
	padding: 11px 0 0 344px;
	overflow: hidden;
}

#header .top-nav li{
	padding-right: 3px;
	float: left;
}

#header .top-nav a{
	height: 27px;
	width: 107px;
	display: block;
	text-indent: -9999px;
}

.top-nav .nav-home a{
	background: url(../images/nav-home.gif) no-repeat;
}

.top-nav .nav-about a{
	background: url(../images/nav-about.gif) no-repeat;
}

.top-nav .nav-contact a{
	background: url(../images/nav-contact.gif) no-repeat;
}

.top-nav .nav-design a{
	background: url(../images/nav-design.gif) no-repeat;
}

#header .top-nav a:hover{
	background-position: 0 100%;
}

.top-nav a.active{
	background-position: 0 100%;
}


#navigation-menu{
	padding: 28px 0 0 308px;
}

#navigation-menu li{
	float: left;
}

#navigation-menu li a{
	text-indent: -9999px;
}

#navigation-menu .menu-landscape{
	background: url(../images/menu-landscape.gif) no-repeat;
}

#navigation-menu .menu-landscape a{
	display: block;
	height: 112px;
	width: 165px;
}

#navigation-menu .menu-fence{
	background: url(../images/menu-fence.gif) no-repeat;
}

#navigation-menu .menu-fence a{
	display: block;
	height: 112px;
	width: 162px;
}

#navigation-menu .menu-arch{
	background: url(../images/menu-arch.gif) no-repeat;
}

#navigation-menu .menu-arch a{
	display: block;
	height: 112px;
	width: 160px;
}
#navigation-menu li:hover, #navigation-menu li.hover{
	position: relative;
	background-position: 0 100%;
}

#navigation-menu li:hover ul, #navigation-menu li.hover ul{
	display: block;
}

/*  drop menu  */
#navigation-menu ul{
	display: none;
	position: absolute;
	left: 0;
	top: 112px;
	padding: 12px 0 5px;
	border-bottom: 1px solid #000;
	background: #A4552A;
	margin: 0 0 0 10px;
}

#navigation-menu ul li{
	position: static !important;
	float: none;
	background: none;
	padding: 0;
}

#navigation-menu ul a{
	display: block;
	width: 135px !important;
	height: 24px !important;
	text-indent: 15px;
	background: none;
	font: 11px/24px "Trebuchet MS", sans-serif;
	color: #fff;
}

#navigation-menu ul a:hover{
	background: #BD7046 !important;
}

#content{
	width: 801px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url(../images/content.gif) repeat-y;
	padding:0 0 0px;
}

.content-bg{
	background: url(../images/content-bg.gif) no-repeat;
	overflow: hidden;
	height: 1%;
}

.left-column{
	float: left;
	width: 302px;
}

.right-column{
	float: right;
	width: 494px;
	padding:0 0 20px 0;
}

#content .main-image{
	float: right;
	padding: 0 21px 10px 0;
}

#content .left-column h1{
	font-size: 18px;
	color: #edc881;
	padding: 50px 0 0 13px;
}

#content .right-column h1{
	font-size: 24px;
	border-bottom:1px solid #fff;
	color: #fff;
	padding: 30px 0 0 13px;
}

#content .left-column h2{
	font-size: 14px;
	color: #edc881;
	padding: 20px 0 5px 13px;
}

#content .right-column h2{
	font: bold 18px;
	color: #333333;
	padding: 20px 0 5px 13px;
}

#content .right-column p{
	font: bold 18px;
	color: #333;
	padding: 0px 0 0px 13px;
}

#content .left-column p{
	color: #fff;
	margin: 2px 0 13px 13px;
	width: 285px;
}


.footer ul{
	text-align: center;
	margin:20px 0;
}

.footer li{
	display: inline;
	background: url(../images/separator.gif) no-repeat 0 50%;
	font-size: 10px;
	line-height: 10px;
	padding: 0 3px 0 10px;
}

.footer li a{
	color: #000000;
}

.right-column ul li:first-child{
	background: none;
}

.right-column ul.footer a{
	font: bold 10px "Trebuchet MS", sans-serif;
	color: #231f20;
}

.left-column a{
	color: #fff;
	text-decoration:underline;
}


.right-column a:hover{
	text-decoration: underline;
}

.pavers img {
	float:left;
	margin:0 10px 10px 0;

}

.pavers h3 {
	margin:10px 0px 0px 0px;

}