/* CSS Document */

body, h1, h2, h3, h4, img, li, ol, ul, p, div, form, table {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-family: Arial;
	font-size: 75%;
	background: #224a20 url(images/grass_tile.gif) repeat;
	text-align: center;
}

.clear {
	clear: both;
}

#wrap {
	width: 653px;
	margin: 0px auto;
	padding: 0px 24px 20px 23px;
	text-align: left;
	background-color: #617f3b;
}

#header {
	width: 653px;
	height: 118px;
	background: url(images/header_bg.gif) no-repeat;
}

#header_left {
	float: left;
	width: 420px;
}

#header_right {
	float: right;
	width: 184px;
}

#nav {
	height: 39px;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
}

#nav a {
	float: left;
	height: 39px;
}

#nav a.nav_home {
	width: 64px;
	background: url(images/nav/home_off.gif) no-repeat;
}

#nav a.nav_home:hover {
	width: 64px;
	background: url(images/nav/home_over.gif) no-repeat;
}

#nav a.nav_home_active {
	width: 64px;
	background: url(images/nav/home_over.gif) no-repeat;
}

#nav a.nav_about {
	width: 84px;
	background: url(images/nav/about_off.gif) no-repeat;
}

#nav a.nav_about:hover {
	width: 84px;
	background: url(images/nav/about_over.gif) no-repeat;
}

#nav a.nav_about_active {
	width: 84px;
	background: url(images/nav/about_over.gif) no-repeat;
}

#nav a.nav_products {
	width: 156px;
	background: url(images/nav/products_services_off.gif) no-repeat;
}

#nav a.nav_products:hover {
	width: 156px;
	background: url(images/nav/products_services_over.gif) no-repeat;
}

#nav a.nav_products_active {
	width: 156px;
	background: url(images/nav/products_services_over.gif) no-repeat;
}

#nav a.nav_contact {
	width: 96px;
	background: url(images/nav/contact_off.gif) no-repeat;
}

#nav a.nav_contact:hover {
	width: 96px;
	background: url(images/nav/contact_over.gif) no-repeat;
}

#nav a.nav_contact_active {
	width: 96px;
	background: url(images/nav/contact_over.gif) no-repeat;
}

#content {
	margin: 0px;
	padding: 0px;
}

.header_img {
	display: block;
}

#page {
	margin-top: 2px;
	background-color: #2c432e;
	height: 300px;
	min-height: 300px;
	padding: 20px 20px 40px 20px;
	color: #ffffff;
	font-size: 1em;
	line-height: 14pt;
}

.mac #page {
	line-height: 12pt;
}

html>body #page {
	height: auto;
}

#page a {
	color: #70b820;
	text-decoration: underline;
}

.home_bg {
	background: url(images/home_bg.jpg) right top no-repeat;
}

.about_bg {
	background: url(images/about_bg.jpg) right top no-repeat;
}

.products_bg {
	background: url(images/products_services_bg.jpg) right top no-repeat;
}

.diy_bg {
	background: url(images/diy_services_bg.jpg) right top no-repeat;
}

.builder_bg {
	background: url(images/builder_landscape_bg.jpg) right top no-repeat;
}

.utility_bg {
	background: url(images/utility_bg.jpg) right top no-repeat;
}

.contact_bg {
	background: url(images/contact_bg.jpg) right top no-repeat;
}

h1 {
	margin-bottom: 10px;
}
.home_text {
	width: 370px;
	text-align: justify;
}

.about_text_left {
	float: left;
	width: 280px;
	padding-right: 40px;
}

.about_text_right {
	float: left;
	width: 280px;
}

.product_text {
	float: left;
	width: 395px;
	padding-right: 10px;
}

.contact_title {
	font-family: Myriad Pro, arial;
	font-size: 1.4em;
	color: #6fb325;
	line-height: 23pt;
}

.contact_address {
	font-size: 1.2em;
	line-height: 18pt;
}

.green_text {
	color: #6fb325;
}

a.anchor_text {
	color: #6fb325 !important;
	text-decoration: none !important;
	font-size:120%;
}

.yellow_text {
	color: #fffac2;
}

#home_bottom {
	margin-top: 1px;
}

#home_bottom img {
	display: block;
	float: left;
}

#product_links {
	height: 144px;
}

.product_link_img {
	float: left;
}

#product_nav {
	height: 31px;
}

#product_services {
	background-color: #2c502f;
	padding: 10px 20px;
	margin-bottom: -1px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

#product_services a {
	color: #ffffff;
	text-decoration: none;
}

#product_services a:hover {
	color: #71cc41;
}

a.active_product {
	color: #71cc41 !important;
	text-decoration: underline !important;
}

.product_img {
	/*border: 2px solid #042306;*/
	border: 1px solid #fffac2;
	margin-bottom: 2px;
}

.img_right {
	float: right;
	margin-right: 60px;
}

.services_img {
	float: right;
	clear: both;
	border: 1px solid #0a350d;
	margin-bottom: 20px;
}

#form {
	position: relative;
	margin: 50px 0px 50px 0px;
	height: 220px;
}

#form label,input {
	display: block;
	width: 220px;
	float: left;
	margin-bottom: 10px;
}

#form label {
	text-align: left;
	width: 70px;
	padding-right: 10px;
}

#form br {
	clear: left;
}

.text_area {
	width: 220px;
	height: 80px;
	margin-bottom: 10px;
}

.submit_button {
	width: 70px;
}

#footer {
	padding-top: 10px;
	font-size: 11px;
	color: #fff;
}

.ie7 #footer {
	padding-top: 5px;
}

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

#footer a:hover {
	text-decoration: underline;
}

.image_wrap {
	width:184px;
	min-height:300px;
	margin: 0px 20px 20px 0px;
	float:left;
	text-align:left;
}

.image_wrap img {
	width: 182px;
	display:block;
	float:left;
}

.img_label {
	width:184px;
	height:auto;
	float:left;
	font-size:85%;
	line-height:14px;
}