/* CSS Document */

/* Navigation  */

.hiddenPic {display:none;}
/* OLD
#navigation
{
	width: 820px;
	height: 63px;
	margin: 0px 0 0 0;
	padding: 0;
	background-image: url(graphics/navigation.png);
	background-repeat: no-repeat;
}
*/


#navigation
{
	width: 820px;
	height: 63px;
	margin: 0px 0 0 0;
	padding: 0;
	background-image: url(graphics/navigation-newyear.png);
	background-repeat: no-repeat;
}



#navigation ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navigation a
{
margin: 0;
padding: 0;
text-indent: -999em;
text-decoration: none;
}

#navigation a.nav01, a.nav01:link, a.nav01:visited, a.nav01:active
{
	display: block;
	width: 70px;
	height: 31px;
	background: url(graphics/navigation/home.gif) no-repeat;
	overflow: hidden;
}

#navigation a.nav01:hover
{
	background: url(graphics/navigation/home-over.gif) no-repeat;
}

#navigation a.nav02, a.nav02:link, a.nav02:visited, a.nav02:active
{
	display: block;
	width: 115px;
	height: 31px;
	background: url(graphics/navigation/spa_services.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav02:hover
{
	background: url(graphics/navigation/spa_services-over.gif) no-repeat;
}

#navigation a.nav03, a.nav03:link, a.nav03:visited, a.nav03:active
{
	display: block;
	width: 125px;
	height: 31px;
	background: url(graphics/navigation/salon_services.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav03:hover
{
	background: url(graphics/navigation/salon_services-over.gif) no-repeat;
}

#navigation a.nav04, a.nav04:link, a.nav04:visited, a.nav04:active
{
	display: block;
	width: 80px;
	height: 31px;
	background: url(graphics/navigation/careers.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav04:hover
{
	background: url(graphics/navigation/careers-over.gif) no-repeat;
}

#navigation a.nav05, a.nav05:link, a.nav05:visited, a.nav05:active
{
	display: block;
	width: 90px;
	height: 31px;
	background: url(graphics/navigation/press_pr.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav05:hover
{
	background: url(graphics/navigation/press_pr-over.gif) no-repeat;
}

#navigation a.nav06, a.nav06:link, a.nav06:visited, a.nav06:active
{
	display: block;
	width: 125px;
	height: 31px;
	background: url(graphics/navigation/meet_our_staff.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav06:hover
{
	background: url(graphics/navigation/meet_our_staff-over.gif) no-repeat;
}

#navigation a.nav07, a.nav07:link, a.nav07:visited, a.nav07:active
{
	display: block;
	width: 90px;
	height: 31px;
	background: url(graphics/navigation/contact.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav07:hover
{
	background: url(graphics/navigation/contact-over.gif) no-repeat;
}


#navigation a.nav08, a.nav08:link, a.nav08:visited, a.nav08:active
{
	display: block;
	width: 114px;
	height: 31px;
	background: url(graphics/navigation/facebook.gif) no-repeat;
		overflow: hidden;

}

#navigation a.nav08:hover
{
	background: url(graphics/navigation/facebook-over.gif) no-repeat;
}


#navigation ul li
{
	float: left;
}

/* CSS to highlight the navigation based on the current page  */


#home a.nav01
{
	background: url(graphics/navigation/home-over.gif) no-repeat;
	cursor: default;
}

#menu a.nav02
{
	background: url(graphics/navigation/spa_services-over.gif) no-repeat;
	cursor: default;
}

#ourteam a.nav03
{
	background: url(graphics/navigation/salon_services-over.gif) no-repeat;
	cursor: default;	
}

#reservations a.nav04
{
	background: url(graphics/navigation/careers-over.gif) no-repeat;
	cursor: default;
}

#info a.nav05
{
	background: url(graphics/navigation/press_pr-over.gif) no-repeat;
	cursor: default;
}

#careers a.nav06
{
	background: url(graphics/navigation/meet_our_staff-over.gif) no-repeat;
	cursor: default;
}

#contact a.nav07
{
	background: url(graphics/navigation/contact-over.gif) no-repeat;
	cursor: default;
}

/* menu revised */
#navigation ul li {
	float: left;
	display: inline;
	height:31px;
}
#navigation li a {
	display: block;
	padding:5px;
	height: 31px;
}
#navigation li.spa {
	width: 50px;
	background-image: url(graphics/navigation/navigation-spa.jpg);
	background-position: bottom center;
}
#navigation li.spa:hover {
	background-position: top center;
}
#navigation li.salon {
	width: 61px;
	background-image: url(graphics/navigation/navigation-salon.jpg);
	background-position: bottom center;
}
#navigation li.salon:hover {
	background-position: top center;
}
#navigation li.careers {
	width: 73px;
	background-image: url(graphics/navigation/navigation-careers.jpg);
	background-position: bottom center;
}
#navigation li.careers:hover {
	background-position: top center;
}
#navigation li.press {
	width: 85px;
	background-image: url(graphics/navigation/navigation-press.jpg);
	background-position: bottom center;
}
#navigation li.press:hover {
	background-position: top center;
}
#navigation li.staff {
	width: 122px;
	background-image: url(graphics/navigation/navigation-staff.jpg);
	background-position: bottom center;
}
#navigation li.staff:hover {
	background-position: top center;
}
#navigation li.reviews {
	width: 74px;
	background-image: url(graphics/navigation/navigation-reviews.jpg);
	background-position: bottom center;
}
#navigation li.reviews:hover {
	background-position: top center;
}
#navigation li.request {
	width: 185px;
	background-image: url(graphics/navigation/navigation-request.jpg);
	background-position: bottom center;
}
#navigation li.request:hover {
	background-position: top center;
}
#navigation li.contact {
	width: 64px;
	background-image: url(graphics/navigation/navigation-contact.jpg);
	background-position: bottom center;
}
#navigation li.contact:hover {
	background-position: top center;
}