/* Navigation
----------------------------------------------------------------------------------------------------*/

#nav a {
margin:0;
float:left;
color:#FFF;
text-indent:-9999em;
height:33px;
font-weight:400;
}

#nav .home a:link,#nav .home a:visited {
background:url(../images/nav-bg.png) no-repeat 0 0px;
width:75px;
}

#nav .home a:hover,#nav .home a:focus,.home a.current {
background:url(../images/nav-bg.png) no-repeat 0 -37px;
}

#nav .about a:link,#nav .about a:visited {
background:url(../images/nav-bg.png) no-repeat 90px 0;
width:90px;
}

#nav .about a:hover,#nav .about a:focus,#nav .about a.current {
background:url(../images/nav-bg.png) no-repeat -75px -37px;
}

#nav .aveda a:link,#nav .aveda a:visited {
background:url(../images/nav-bg.png) no-repeat 180px 0;
width:68px;
}

#nav .aveda a:hover,#nav .aveda a:focus,#nav .aveda a.current {
background:url(../images/nav-bg.png) no-repeat -165px -37px;
}

#nav .salon a:link,#nav .salon a:visited {
background:url(../images/nav-bg.png) no-repeat 245px 0;
width:132px;
}

#nav .salon a:hover,#nav .salon a:focus,#nav .salon a.current {
background:url(../images/nav-bg.png) no-repeat -233px -37px;
}

#nav .spa a:link,#nav .spa a:visited {
background:url(../images/nav-bg.png) no-repeat 374px 0;
width:117px;
}

#nav .spa a:hover,#nav .spa a:focus,#nav .spa a.current {
background:url(../images/nav-bg.png) no-repeat -365px -37px;
}

#nav .packages a:link,#nav .packages a:visited {
background:url(../images/nav-bg.png) no-repeat 491px 0;
width:126px;
}

#nav .packages a:hover,#nav .packages a:focus,#nav .packages a.current {
background:url(../images/nav-bg.png) no-repeat -482px -37px;
}

#nav .gift a:link,#nav .gift a:visited {
background:url(../images/nav-bg.png) no-repeat 618px 0;
width:141px;
}

#nav .gift a:hover,#nav .gift a:focus,#nav .gift a.current {
background:url(../images/nav-bg.png) no-repeat -608px -37px;
}

#nav .policies a:link,#nav .policies a:visited {
background:url(../images/nav-bg.png) no-repeat 760px 0;
width:78px;
}

#nav .policies a:hover,#nav .policies a:focus,#nav .policies a.current {
background:url(../images/nav-bg.png) no-repeat -749px -37px;
}

#nav .contact a:link,#nav .contact a:visited {
background:url(../images/nav-bg.png) no-repeat 836px 0;
width:113px;
}

#nav .contact a:hover,#nav .contact a:focus,#nav .contact a.current {
background:url(../images/nav-bg.png) no-repeat -827px -37px;
}

/* Just sub menu links */
#subMenusContainer a {
text-decoration:none;
display:block;
padding:4px 6px;
}

#subMenusContainer a,#nav li li a {
text-align:left;
color:#fff;
font-size:16px;
font-family:corbel, myriad pro, tahoma, verdana, sans-serif;
font-weight:400;
}

/* Just sub menu links */
#subMenusContainer a:hover,#nav li li a:hover {
}

/* All menu links on hover or focus */
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused {
color:#414141;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus {
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
background:url(../images/arrow_right.gif) right center no-repeat;
font-size:14px;
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
background:url(../images/arrow_right_over.gif) right center no-repeat;
font-size:14px;
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
background:url(../images/arrow_down.gif) right center no-repeat;
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
background:url(../images/arrow_down_over.gif) right center no-repeat;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display:none;
position:absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 2px;
}

/* All ULs and OLs */
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol {
padding:0;
margin:0;
list-style:none;
line-height:2em;
}

/* All submenu OLs and ULs */
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol {
/*border around submenu goes here*/
background:url(../images/dropdown-bg.gif) top left repeat;
border-top:1px solid #bdb794;
border-bottom:1px solid #bdb794;
border-left:1px solid #bdb794;
border-right:1px solid #bdb794;
-moz-border-radius:2px;
-webkit-border-radius:2px;
left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
ul#nav {
background:url(../images/nav-bg.png) no-repeat;
width:940px;
height:35px;
margin-bottom:0px;
}

#nav li {
display:block;
list-style:none;
position:relative;
float:left;
}

#subMenusContainer li {
list-style:none;
}

/* main menu ul or ol elment */
#nav {
display:block;
list-style:none;
margin:0;
z-index:5;
}

#subMenusContainer {
display:block;
position:absolute;
top:-1px;
left:-2px;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li {
float:none;
}

#nav li li a {
/* Just submenu links*/
position:relative;
float:none;
}

#nav li ul {
/* second-level lists */
position:absolute;
width:10em;
margin-left:-1000em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul {
margin:-1em 0 0 -1000em;
}

#nav li:hover ul ul {
margin-left:-1000em;
}

/* lists nested under hovered list items */
#nav li:hover ul {
margin-left:0;
}

#nav li li:hover ul {
margin-left:10em;
margin-top:-2.5em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {
margin-left:0;
margin-top:2.2em;
}

#nav li li a:focus + ul {
left:0;
margin-left:1010em;
margin-top:-2.2em;
}

#nav li li a:focus {
left:0;
margin-left:1000em;
width:10em;
margin-top:0;
}

#nav li li li a:focus {
left:0;
margin-left:2010em;
width:10em;
margin-top:-1em;
}

#nav li:hover a:focus {
margin-left:0;
}

#nav li li:hover a:focus + ul {
margin-left:10em;
}