#navigation {
	height: 20px;
	position: absolute;
	z-index: 6;
	top: 75px;
	left: 535px;
	width: 238px;
	margin: 0;
	padding: 0;
}

#navigation ul {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#navigation li {
	float:left;
	list-style:none;
	font-weight:bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0px;
	border-right: 1px solid #7B520F;
}

* html #navigation li {
	font-size: 2px;
}

#navigation li a {
	margin: 0;
	padding: 0px;
	border: 0px;
	min-width: 50px;
	display: block;
	height: 20px;
}

#navigation li a span { 
	display: none;
}

#navigation li#home a {
	background: url(../grfx/nav/home.jpg) left top no-repeat;
	width: 57px;
}

#navigation li#home a:hover {
	background: url(../grfx/nav/home-over.jpg) left top no-repeat;
}

#navigation li#aboutus {
	background: url(../grfx/nav/aboutus.jpg) left top no-repeat;
	width: 62px;
}

#navigation li#aboutus a:hover {
	background: url(../grfx/nav/aboutus-over.jpg) left top no-repeat;
}

#navigation li#links {
	background: url(../grfx/nav/links.jpg) left top no-repeat;
	width: 38px;
}

#navigation li#links a:hover {
	background: url(../grfx/nav/links-over.jpg) left top no-repeat;
}

#navigation li#contactus a {
	background: url(../grfx/nav/contactus.jpg) left top no-repeat;
	width: 75px;
}

#navigation li#contactus a:hover {
	background: url(../grfx/nav/contactus-over.jpg) left top no-repeat;
}


/*_____________________ main nav __________________________*/

#mainnav {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 860px;
	position: absolute;
	z-index: 6;
	top: 104px;
	left: 11px;
}

#mainnav ul {
	margin: 0;
	padding: 0;
}

#mainnav li {
	float:left;
	list-style:none;
	font-weight:bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0;
	border-right: 1px solid #435A0C;
}

#mainnav li a {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	height: 21px;
}

#mainnav li a span { 
	display: none;
}

#mainnav li#landscape {
	background: url(../grfx/nav/landscapeirrigation.jpg) left top no-repeat;
	width: 145px;
}

#mainnav li#landscape a:hover, #mainnav li#landscape:hover, #mainnav li#landscape.sfhover {
	background: url(../grfx/nav/landscapeirrigation-over.jpg) left top no-repeat;
}

#mainnav li#greywater {
	background: url(../grfx/nav/greywater.jpg) left top no-repeat;
	width: 78px;
}

#mainnav li#greywater a:hover, #mainnav li#greywater:hover, #mainnav li#greywater.sfhover {
	background: url(../grfx/nav/greywater-over.jpg) left top no-repeat;
}

#mainnav li#agricultural {
	background: url(../grfx/nav/agriculturalirrigation.jpg) left top no-repeat;
	width: 163px;
}

#mainnav li#agricultural a:hover, #mainnav li#agricultural:hover, #mainnav li#agricultural.sfhover {
	background: url(../grfx/nav/agriculturalirrigation-over.jpg) left top no-repeat;
}

#mainnav li#rainwater {
	background: url(../grfx/nav/rainwater.jpg) left top no-repeat;
	width: 87px;
}

#mainnav li#rainwater a:hover, #mainnav li#rainwater:hover, #mainnav li#rainwater.sfhover {
	background: url(../grfx/nav/rainwater-over.jpg) left top no-repeat;
}

#mainnav li#watertreatment {
	background: url(../grfx/nav/watertreatment.jpg) left top no-repeat;
	width: 112px;
}

#mainnav li#watertreatment a:hover, #mainnav li#watertreatment:hover, #mainnav li#watertreatment.sfhover {
	background: url(../grfx/nav/watertreatment-over.jpg) left top no-repeat;
}

#mainnav li#nursery {
	background: url(../grfx/nav/nurserygreenhouse.jpg) left top no-repeat;
	width: 151px;
}

#mainnav li#nursery a:hover, #mainnav li#nursery:hover, #mainnav li#nursery.sfhover {
	background: url(../grfx/nav/nurserygreenhouse-over.jpg) left top no-repeat;
}

#mainnav li#newsspecials {
	background: url(../grfx/nav/gardenwall.jpg) left top no-repeat;
	width: 117px;
}

#mainnav li#newsspecials a:hover {
	background: url(../grfx/nav/gardenwall-over.jpg) left top no-repeat;
}


/*_____________________________________________*/
#mainnav li ul { /* second-level lists */
	position: absolute;
	z-index: 20;
	background: #89AC2F;
	margin: 0;
	width: 155px;
	padding: 0;
	left: -999em; 
}

#mainnav li ul li {
	margin: 0;
	padding: 0;
	border: 0;
	width: 155px;
}

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

#mainnav li ul li a {
	padding: 0px 15px;
	display: block;
	height: 24px;
	font-weight: normal;
	color: #fff;
	background: #89AC2F!important;
	font-size: 10px;
	line-height: 24px;
	text-decoration: none;
	border-top: 1px solid #eee;	
	width: 125px!important;
}

#mainnav li ul li a:hover {
	background: #CCCC99!important;
}