/* CSS Document */

/* Navigation  */

.hiddenPic {display:none;}

#navigation
{
	width: 820px;
	height: 63px;
	margin: 0px 0 0 0;
	padding: 0;
	background-image: url(img/interior_05-2.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;
}