@charset "utf-8";
body {
	background:url(images/bg-body.jpg) repeat-x left top #c4dd8c;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
p, h1, h2, h3, h4, h5, h6, a, ul, li, dt, dd, lo, address, td, div {
	font:normal 13px Verdana;
	text-align: left;
	margin:0px;
	padding:0px;
	color:#3e3c3c;
}
p {
	margin:0 0 15px 0;
}
h1 {
	font:normal 20px verdana;
	color:#476b1e;
	margin-bottom:15px;
}
h2{
	font:bold 16px verdana;
	color:#476b1e;
	border-bottom:1px solid #476b1e;
	margin:0 26px 10px 0;
	padding-bottom:5px;
}
address {
	font:normal 12px Verdana;
	padding:0px 0px 14px 10px;
	line-height:18px;
	margin:0px;
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:none;
}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container {
	width: 980px;
	margin: 0px auto;
}
div#header {
	width:980px;
	float:left;
	background:url(images/bg-header.jpg) no-repeat left top;
	padding:18px 0px 37px 0px;
}
img#logo {
	float:left;
	margin:0px 0px 10px 6px;
}
img#cta {
	float:right;
	margin:13px 53px 0px 0px;
}
div#flash {
	width:710px;
	float:right;
	margin:0px 20px 0px 0px;
	display:inline;
}
div#maincontent {
	width:935px;
	float:left;
	background:url(images/bg-maincontent.jpg) repeat-y left top;
	padding:0px 30px 10px 15px;
}
div#content {
	width:680px;
	float:right;
}
div.list {
	width:652px;
	float:left;
	border:1px solid #d7e4bb;
	padding:10px 0px 10px 26px;
	margin-bottom:15px;
	background:#f1f7e4;
}
div#content .list ul {
	list-style:none;
	padding:0px 20px 0px 2px;
	float:left;
	width:303px;
}
div#content .list li {
	background:url(images/bullet.jpg) no-repeat left 8px;
	font:normal 13px verdana;
	color:#000000;
	padding:2px 0px 2px 10px;
	
}

div#content .list ul.irrigation {
	list-style:none;
	padding:0px 20px 0px 2px;
	float:left;
	width:29%;
}


div#content ul.services {
	list-style:none;
	padding:0px 13px 0px 0px;
	float:left;
	width:150px;
}
div#sidebar {
	width:235px;
	float:left;
}
img#payment-options{
	margin:10px 0 0 10px;
}
div#footer {
	width:960px;
	float:left;
	background:url(images/bg-footer.jpg) no-repeat left top;
	padding:20px 10px 20px 10px;
}
a#owner {
	float:left;
	font:bold 12px verdana;
	color:#ffffff;
	text-decoration:none;
	padding:3px 0px 4px 0px;
	background:#989898;
	text-align:center;
	width:102px;
	margin-top:60px;
	text-transform:capitalize;
}
a#owner:hover {
 color:#000;
}
div#copyright {
	width:450px;
	float:right;
	font: normal 11px verdana;
	color:#787878;
	text-align:right;
	padding:15px 0 0 0;
}
div#copyright img {
	border: none;
	float:right;
	margin-top:10px;
}
div#copyright a {
	font: normal 11px verdana;
	color:#787878;
	text-decoration: none;
}
div#copyright a:hover {
	text-decoration: underline;
}
/* ----------------- NAVIGATION ----------------- */
div#nav {
	width: 219px;
	float:left;
	margin:0 0 0 20px;
	display:inline;
	background:#476b1f;
	padding:23px 0 9px 10px;
	height:198px;
}
ul#mainnav {
	margin: 0px;
	padding: 0px;
}
ul#mainnav li {
	list-style: none;
	width:219px;
	float:left;
	background:url(images/bg-nav-line.jpg) no-repeat left bottom;
}
ul#mainnav li.last{
	background:none;
}
ul#mainnav li a {
	font:bold 12px verdana;
	color: #ffffff;
	text-decoration: none;
	padding:6px 24px 6px 24px;
	float:left;
	width:165px;
	background:url(images/nav-bullet.jpg) no-repeat 10px center;
}
ul#mainnav li a:hover, ul#mainnav a.current {
	background:url(images/bg-nav-hover.jpg) no-repeat left center;
}
/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {
	width: 960px;
	float:left;
}
ul#utilitynav {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#utilitynav li {
	float: left;
	font-size:13px;
	line-height:13px;
	border-left:1px solid #000000;
	padding:0px 7px;
}
ul#utilitynav li.first{
	border:0px;
	padding-left:0px;
}
ul#utilitynav li a {
	font:normal 12px verdana;
	text-decoration: none;
	color:#000000;
	
	margin: 0px;
	float:left;
}
ul#utilitynav li a:hover {
	text-decoration: underline;
}
/* ----------------- CUSTOM CLASSES ----------------- */

.clear{
	clear:left;
	display:inline-block;
}
img.servicesleft {
	float: left;
	margin: 0px 0px 15px 0px;
}
img.servicesright {
	float: right;
	margin: 0px 0px 15px 10px;
}
img.middle{
	background:#eeeeee;
	padding:9px;
	border:1px solid #d4d4d4;
	margin-bottom:15px;
}
img.left{
	background:#eeeeee;
	padding:5px;
	border:1px solid #d4d4d4;
	margin:0 0px 15px 0;
	float:left;
}
img.right{
	background:#eeeeee;
	padding:5px;
	border:1px solid #d4d4d4;
	margin:0 0px 15px 10px;
	float:right;
}