#TopnavCont{
position:relative;
margin:-4px 0 0 1px;
width:930px;
height:21px;
z-index: 1000;
clear:both;
float:left;
}

#nav{
margin: 0 auto 0 auto;
z-index: 99;
height:22px;
width:902px;
position: relative;
list-style:none;
color:#FFF;
}


#nav li{
float:left;
position: relative;
list-style:none;
margin:0;
}

#nav li a:hover {
background-position-y:-21px;
}

#nav li.divider{
margin:0;
padding:0;
text-indent:-3333px;
height: 21px;
width: 7px;
background-repeat:no-repeat;
}

#nav li a {
float:left;
text-indent:-3000px;
overflow:hidden;
font:11px Arial, Helvetica, sans-serif;
position:relative;
border:0;
}

#subEvents {
width: 150px;
margin-left: 3px;
}

#navHome{
    width: 81px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -17px 0px;
}

#navAbout{
    width: 78px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -98px 0px;
}

#navServices{
    width: 93px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -176px 0px;
}

#navEvents{
    width: 149px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -269px 0px;
}

#navProducts{
    width: 152px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -418px 0px;
}

#navEtiquette{
    width: 125px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -570px 0px;
}

#navGifts{
    width: 138px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;

    background-position: -695px 0px;
}

#navContact{
    width: 86px;
    height: 21px;
    background:url(http://personamedicalspa.com/img/new/Nav.png) no-repeat;
    background-position: -833px 0px;
}

/*-- --------------- sub nav dropdown --------------- */

#nav li:hover div,
#nav li.hover div{
	display:block;
	position:absolute;
	top:21px;
	left:-4px;
	z-index:100;
	padding: 0;
	margin: 0;
	border-top:#caaca4 1px solid;
}
ul#subAbout{
	list-style:none;
	margin-left:5px;
	padding:0;
	width: 180px;
}
ul#subServices{
	list-style:none;
	margin-left:5px;
	padding:0;
	width: 140px;
}
ul#subProducts{
	list-style:none;
	margin-left:5px;
	padding:0;
	width: 130px;
}
ul#subContact{
	list-style:none;
	margin-left:5px;
	padding:0;
	width: 120px;
}

.subMenu{
	display:none;
}

#nav li ul li{
	*position:relative;
	_width:100%;
	*height:100%;
	float:none;
	background:none;
}
#nav li li a{
	*position:relative;
	_width:100%;
	*height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-indent:12px;
	float:none;
	display:block;
	text-decoration:none;
	padding: 4px 2px 4px 5px;
	background:#433f40;
	border-top:#c6c6c6 1px solid;
}
#nav li li a:hover{
	*position:relative;
	_width:100%;
	*height:100%;
	text-decoration:underline;
	background:#16bfb1;
}


/*-- --------------- PAGE SELECT ---------------*/

body#homepage li a#navHome {
background-position-y:-21px;
}
body#aboutpage li a#navAbout{
background-position-y:-21px;
}
body#servicespage li a#navServices{
background-position-y:-21px;
}
body#eventspage li a#navEvents{
background-position-y:-21px;
}
body#productspage li a#navProducts{
background-position-y:-21px;
}
body#etiquettepage li a#navEtiquette{
background-position-y:-21px;
}
body#giftspage li a#navGifts{
background-position-y:-21px;
}
body#packagespage li a#navPackages{
background-position-y:-21px;
}
body#contactpage li a#navContact{
background-position-y:-21px;
}


/*-- --------------- LEFT COLUMN (service menu) for most pages --------------- */

#leftCol{
	margin: 30px 0 20px 15px;
	padding: 0;
	width: 185px;
	float:left;
}

#serviceMenu {
    background-image: url(../img/new/service-menu-top.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #C7C6C7;
    margin: 0;
    padding: 14px 0 0 0;
    width: 181px;
}

#serviceMenuCont{
	background-color:#fff;
	margin: 0;
	padding: 0;
	width:178px;
}


h3.medicalTreatments{
	margin:0 0 -1px 5px;
	padding:0;
}
h3.spaServices{
margin: 10px 0 -1px 5px;
padding: 0;
background-image: url(../img/new/service-menu-top.png);
background-position: -6px -5px;
height: 20px;
padding-top: 5px;
}
h3.uniquePersona{
margin: 10px 0 -1px 5px;
padding: 0;
background-image: url(../img/new/service-menu-top.png);
background-position: -6px -5px;
height: 20px;
padding-top: 5px;
}

#serviceMenu ul{
	margin:0;
	padding:0;
	width:178px;
	background-color:#FFF;
	list-style:none;
}

#serviceMenu li{
	margin:3px 0 0 0;
	padding:0px;
	width:174px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#1690a9;
	line-height:15px;
	text-decoration:none;
	text-indent:10px;
}
#serviceMenu a{
	margin:1px 0 0 0;
	padding:0;
	width:170px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#433f40;
	line-height:15px;
	text-decoration:none;
	text-indent:10px;
	display:block;
}

#serviceMenu li.medicalSect{
	background-color:white;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	font-weight:bold;
    color: #6B6B6B;
}
#serviceMenu li.medical{
	background-color:#dcf5f7;
}
#serviceMenu li.spa{
	background-color:#eaf9fa;
}
#serviceMenu li.unique{
	background-color:#e6eff0;
}


#serviceMenuBottom{
	background-image:url(../img/service-menu-bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#C7C6C7;
	margin: 0;
	padding: 0;
	height:12px;
	width:181px;
	overflow:hidden;
}