html> body #menu{
margin-bottom: 0px;}

#menu {
width: 605px;
height: 32px;
z-index: 100;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

html> body #menu ul li{
margin-right: 0px;
}
#menu li {
position: relative;
}

#menu ul li ul {
width: 160px; 
}


#menu a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display: block;
border-bottom:1px solid #a28b12;
margin: 0;
padding: 3px 3px;
color: #312b1a;
background: #c7ad21;
text-decoration: none;
}

#menu a:hover {
color: #ffffff;
background: #9a7e0a;
}


/* ///////////////// */

#menu div#homeNav	{
	height: 32px;
	width:70px; 
	background: url(../images/nav2.png) no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#homeNav:hover	{background: url(../images/navOver2.png) no-repeat; cursor:pointer;}
#menu div#homeNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#homeOver	{
	height: 32px;
	width:70px; 
	background: url(../images/navOver2.png) no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#homeOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#aboutNav	{
	height: 32px;
	width:90px; 
	background: url(../images/nav2.png) -70px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#aboutNav:hover	{background: url(../images/navOver2.png) -70px 0px no-repeat; cursor:pointer;}
#menu div#aboutNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#aboutOver	{
	height: 32px;
	width:90px; 
	background: url(../images/navOver2.png) -70px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#aboutOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#appointmentNav	{
	height: 32px;
	width:170px; 
	background: url(../images/nav2.png) -160px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#appointmentNav:hover	{background: url(../images/navOver2.png) -160px 0px no-repeat; cursor:pointer;}
#menu div#appointmentNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#appointmentOver	{
	height: 32px;
	width:170px; 
	background: url(../images/navOver2.png) -160px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#appointmentOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#servicesNav	{
	height: 32px;
	width:145px; 
	background: url(../images/nav2.png) -330px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#servicesNav:hover	{background: url(../images/navOver2.png) -330px 0px no-repeat; cursor:pointer;}
#menu div#servicesNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#servicesOver	{
	height: 32px;
	width:145px; 
	background: url(../images/navOver2.png) -330px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#servicesOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#mediaNav	{
	height: 32px;
	width:74px; 
	background: url(../images/nav2.png) -475px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#mediaNav:hover	{background: url(../images/navOver2.png) -475px 0px no-repeat; cursor:pointer;}
#menu div#mediaNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#mediaOver	{
	height: 32px;
	width:74px; 
	background: url(../images/navOver2.png) -475px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#mediaOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#toolsNav	{
	height: 32px;
	width:117px; 
	background: url(../images/nav2.png) -549px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#toolsNav:hover	{background: url(../images/navOver2.png) -550px 0px no-repeat; cursor:pointer;}
#menu div#toolsNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#toolsOver	{
	height: 32px;
	width:117px; 
	background: url(../images/navOver2.png) -549px 0px no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#toolsOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}



/* ///////////////// */


#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul a {
	display: block;
	width: 160px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
border-top: none;
}

#menu ul li ul 
{
	top: 32px;
	margin-top: -2px;
}

#menu ul li ul li ul {margin: 1px 0px 0px 0px}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}