#nav {
	position: absolute;
	top: 75px;
	left: 552px;
	width: 445px;
	height: 34px;
	z-index: 100;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 1px 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
}

#nav li {
	float: left;
	position: relative;
	padding: 0;
}

#nav li.last {
	border-right: none;
}

#nav li a {
	padding: 5px 6px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 33px;
	left: -1px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

#nav li ul li {
	margin: 0;
	width: 95px;
	padding: 0;
	clear: left;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

#nav ul li ul li a {
	background: #a9c139;
	color: white;
	display: block;
}

#nav ul li ul li a:hover {
	background: white;
	color: #677582;
	display: block;
}

#nav li:hover ul {
	display: block;
}

#nav li.over ul { 
/* THIS IS A JAVASCRIPT H4CK CLASS FOR IE6.  Using this class and JQuery we can make our suckerfish work in IE6 */
	display: block;
}

/* Main navigation styles */
#home {
	background:url(../img/nav/home.jpg) top center no-repeat;
	width:59px;
	height:34px;
}

#whoweare {
	background:url(../img/nav/whoweare.jpg) top center no-repeat;
	width:96px;
	height:34px;
}

#whatwedo {
	background:url(../img/nav/whatwedo.jpg) top center no-repeat;
	width:96px;
	height:34px;
}

#testimonials {
	background:url(../img/nav/testimonials.jpg) top center no-repeat;
	width:101px;
	height:34px;
}

#contactus {
	background:url(../img/nav/contactus.jpg) top center no-repeat;
	width:91px;
	height:34px;
}

#nav li:hover, #nav li.over {
	background-position:0 -34px;
}

li span {
	visibility:hidden;
	left:-9999em;
}