@charset "utf-8";
/* CSS Document */

/*********************************/
/*          NAVIGATION
/*********************************/

#nav {
position:relative;
float:left;
width:245px;
left:9px;
}

#nav li {
list-style:none;
position:relative;
margin:0 0 30px 0;
padding:0;
}

#nav li a {
text-decoration:none;
outline:none;
}

#nav  li a span {
display:none;
}

#nav .studio a {
background:url(../images/nav/studio.gif) 0 0  no-repeat;
background-position:top left;
display:block;
height:22px;
width:230px;
}

#nav .pilates a {
background:url(../images/nav/pilates.gif) 0 0  no-repeat;
background-position:top left;
display:block;
height:22px;
width:220px;
}


#nav .gallery a {
background:url(../images/nav/gallery.gif) 0 0  no-repeat;
background-position:top left;
display:block;
height:22px;
width:220px;
}


#nav .location a {
background:url(../images/nav/location.gif) 0 0  no-repeat;
background-position:top left;
display:block;
height:22px;
width:220px;
}

#nav .contact a {
background:url(../images/nav/contact.gif) 0 0  no-repeat;
background-position:top left;
display:block;
height:22px;
width:220px;
}

#nav li a span {
display:none;
}

#nav .studio a:hover, #nav .pilates a:hover, #nav .gallery a:hover, #nav .location a:hover,  #nav .contact a:hover {
background-position:0% -22px;
}

/*begin second tier */
#nav ul ul {
margin:10px 0;
}

#nav li li {
list-style:none;
position:relative;
margin:0  0 .3em 0;
padding:0 0 0 28px;
}

#nav li li a span {
display:block;
}

#nav .studio li a, #nav .pilates li a, #nav .gallery li a, #nav .location li a, #nav .contact li a{
background:none;
background-position:top left;
display:block;
height:1.1em;
width:220px;
color:#d7d7d8;
font-family:"MS Sans Serif", Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
}

#nav li li a:hover {
text-decoration:underline;
}

