/* (c) 2008 Spike Likes, LLC */

/* ^^^^ NAVIGATION ROLL OVERS ^^^^	*/

#nav {margin:0px; padding:0px; z-index:0; }
#nav {height:31px; list-style-type:none;}


#nav li {height:31px; margin:0; display:block; float:left; background-repeat:no-repeat;}
#nav li a {display:block; height:31px;overflow: hidden;outline:none; background-repeat:no-repeat;}
#nav li:hover {background-position:0 -31px; background-repeat:no-repeat;}
#nav .on  {background-position:0 -31px;}
#twrk  {background-image:url(http://www.spaalchemy.com/images/subpage/nav-workshops.gif); width:150px;}
#trans  {background-image:url(http://www.spaalchemy.com/images/subpage/nav-transformative.gif); width:207px;}
#tal {background-image:url(http://www.spaalchemy.com/images/subpage/nav-alchemists.gif); width:142px;}
#tel  {background-image:url(http://www.spaalchemy.com/images/subpage/nav-elements.gif); width:93px;}
#trev {background-image:url(http://www.spaalchemy.com/images/subpage/nav-articles.gif); width:156px;}


#nav li:hover ul, #nav li.over ul {display:block;} /* The magic */

/* ^^ PAGE CONTROLLERS ^^ */

  
.page-elements #nav #tel, .page-alchemists #nav #tal, .page-consult #nav #trans,.page-workshops #nav #twrk, .page-reviews #nav #trev {background-position:0 -31px;}

 /* ^^ FOOTER NAVIGATION ^^  */