/* -------------------------------------------------------------- 
   Menu bar code
-------------------------------------------------------------- */
#nav, #nav ul {
	float: left;
	margin: 0;
	width: 100%;
	padding: 0;
}
#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#nav li.home {
	background: url(../images/Home-Page.jpg) no-repeat top left;
	display: block;
	width: 57px;
	height: 49px;
}
#nav li a.home {
	background: url(../images/Home-Page.jpg) no-repeat top left;
	display: block;
	width: 57px;
	height: 49px;
}
#nav li.homeselect {
	background: url(../images/Home-Pages.jpg) no-repeat top left;
	display: block;
	width: 57px;
	height: 49px;
}
#nav li a.homeselect {
	background: url(../images/Home-Pages.jpg) no-repeat top left;
	display: block;
	width: 57px;
	height: 49px;
}
#nav li a.home:hover {
	background: url(../images/Home-Pages.jpg) no-repeat top left;
}
#nav li a.listing {
	background: url(../images/Listings-Search-Property.jpg) no-repeat top left;
	display: block;
	width: 174px;
	height: 49px;
}
#nav li.listing {
	background: url(../images/Listings-Search-Property.jpg) no-repeat top left;
	display: block;
	width: 174px;
	height: 49px;
	}
#nav li.listingselect {
	background: url(../images/Listings-Search-Propertys.jpg) no-repeat top left;
	display: block;
	width: 174px;
	height: 49px;
}
#nav li a.listingselect {
	background: url(../images/Listings-Search-Propertys.jpg) no-repeat top left;
	display: block;
	width: 174px;
	height: 49px;
}
#nav li a.listing:hover {
	background: url(../images/Listings-Search-Propertys.jpg) no-repeat top left;
}
#nav li a.agent {
	background: url(../images/Real-Estate-Agent.jpg) no-repeat top left;
	display: block;
	width: 176px;
	height: 49px;
}
#nav li.agent {
	background: url(../images/Real-Estate-Agent.jpg) no-repeat top left;
}
#nav li a.agentselect {
	background: url(../images/Real-Estate-Agents.jpg) no-repeat top left;
	display: block;
	width: 176px;
	height: 49px;
}
#nav li a.agent:hover {
	background: url(../images/Real-Estate-Agents.jpg) no-repeat top left;
}
#nav li a.about {
	background: url(../images/About-Piers-Real-Estate.jpg) no-repeat top left;
	display: block;
	width: 183px;
	height: 49px;
}
#nav li.about {
	background: url(../images/About-Piers-Real-Estate.jpg) no-repeat top left;
}
#nav li a.aboutselect {
	background: url(../images/About-Piers-Real-Estates.jpg) no-repeat top left;
	display: block;
	width: 183px;
	height: 49px;
}
#nav li a.about:hover {
	background: url(../images/About-Piers-Real-Estates.jpg) no-repeat top left;
}
#nav li a.community {
	background: url(../images/Holland-Michigan-Real-Estate-Community.jpg) no-repeat top left;
	display: block;
	width: 196px;
	height: 49px;
}
#nav li.community {
	background: url(../images/Holland-Michigan-Real-Estate-Community.jpg) no-repeat top left;
}
#nav li a.communityselect {
	background: url(../images/Holland-Michigan-Real-Estate-Communitys.jpg) no-repeat top left;
	display: block;
	width: 196px;
	height: 49px;
}
#nav li a.community:hover {
	background: url(../images/Holland-Michigan-Real-Estate-Communitys.jpg) no-repeat top left;
}
#nav li a.contact {
	background: url(../images/Contact-Piers-Realty.jpg) no-repeat top left;
	display: block;
	width: 161px;
	height: 49px;
}
#nav li.contact {
	background: url(../images/Contact-Piers-Realty.jpg) no-repeat top left;
}
#nav li a.contactselect {
	background: url(../images/Contact-Piers-Realtys.jpg) no-repeat top left;
	display: block;
	width: 161px;
	height: 49px;
}
#nav li a.contact:hover {
	background: url(../images/Contact-Piers-Realtys.jpg) no-repeat top left;
}		
#nav li ul {
	position: absolute;
	background: #9899a5;
	left: -999em;
	height: auto;
	width: auto;
	border: solid #333;
	border-width: 3px;
	margin: 0;
	opacity: .95;
}
#nav li li {
	float: none;
	width: 150px;
}
#nav li li :hover{
	Background: #787878;
}
#nav li li a {
	position: relative;
	font-size:100%; 
	display:block;
	width: 140px;
	padding: 5px;
	display: block;
	color: #000;
	text-decoration: none;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
	margin: -1.7em 0 0 13.95em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
<!--[if IE]>
<style type="text/css">
/* This is to make opacity work in IE. */
html #nav li ul {
	background-color: transparent;
}
html #nav li li {
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90);
}
/* Support for the "iehover-fix.js" */
ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
html ul.nav li { z-index: 201; 
}
/* this is for IE 5.0 */
select.hide { visibility: hidden; 
}
/* End Support for the "iehover-fix.js" */
/* EOF */