/***********----------------------------------------------------------------- DROPDOWN MENUS **********/
#nav, #nav ul { margin:0px; clear: both; background: url(../images/shell/nav-bg.png) no-repeat; width:835px; height:70px; padding:25px 40px 0 65px; z-index:1000; }

/* ------------------------------------------- [ 670d0d ] -------- */

#nav li { float:left; }

#nav li a { text-decoration:none; font-size:11px; }
#nav li a:hover { text-decoration:none; font-size:11px; }



#nav li ul.second { position: absolute; padding: 0; width:200px; left: -999em; background-color: #54759a; }
li.seconditem { width: 200px; background-color:#54759a; float:left; }
li.seconditem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.third { position: absolute; padding: 0; width:200px; left: -999em; background-color: #54759a; }
li.thirditem { width: 200px; background-color:#54759a; float:left; }
li.thirditem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.fourth { position: absolute; padding: 0; width:200px; left: -999em; background-color: #54759a; }
li.fourthitem { width: 200px; background-color:#54759a; float:left; }
li.fourthitem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.fifth { position: absolute; padding: 0; width:200px; left: -999em; background-color: #54759a; }
li.fifthitem { width: 200px; background-color:#54759a; float:left; }
li.fifthitem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.sixth { position: absolute; padding: 0; width:200px; left: -999em; background-color: #54759a; }
li.sixthitem { width: 200px; background-color:#54759a; float:left; }
li.sixthitem:hover { width: 200px; background-color:#FFF; visibility: visible; }




#nav li ul a { display: block; width:  auto; color: #FFF; text-decoration: none; padding: 10px 10px 10px 20px; margin:0 0 0 0px; }
#nav li ul a:hover { display: block; width:  auto; color: #54759a; text-decoration: none; padding: 10px 10px 10px 20px; margin:0 0 0 0px; }

#nav li:hover ul { left: auto; padding: 0; margin:0 0 0 0px; }
#nav li:hover ul, #nav li.sfhover ul { padding: 0; margin:0 0 0 0px; }




/*-- Buttons --*/
#hea-classes { width:135px;	height:45px; text-indent:-5000px; display:block; background:transparent url(../images/nav/yoga-classes.gif) 0 0 no-repeat; }
#hea-classes:hover { background:url(../images/nav/yoga-classes.gif) 0 -45px no-repeat; }
#hea-classes.active { background:url(../images/nav/yoga-classes.gif) 0 -90px no-repeat; }

#shop { width:143px; height:45px; text-indent:-5000px; display:block; background:transparent url(../images/nav/happily-ever-active-shop.gif) 0 0 no-repeat; }
#shop:hover { background:url(../images/nav/happily-ever-active-shop.gif) 0 -45px no-repeat; }
#shop.active { background:url(../images/nav/happily-ever-active-shop.gif) 0 -90px no-repeat; }

#news { width:142px;height:45px; text-indent:-5000px; display:block; background:transparent url(../images/nav/hea-news.gif) 0 0 no-repeat; }
#news:hover { background:url(../images/nav/hea-news.gif) 0 -45px no-repeat; }
#news.active { background:url(../images/nav/hea-news.gif) 0 -90px no-repeat; }

#happily-team { width:177px; height:45px; text-indent:-5000px; display:block; background:transparent url(../images/nav/happily-team.gif) 0 0 no-repeat; }
#happily-team:hover { background:url(../images/nav/happily-team.gif) 0 -45px no-repeat; }
#happily-team.active { background:url(../images/nav/happily-team.gif) 0 -90px no-repeat; }

#teacher-training { width:202px; height:45px; text-indent:-5000px; display:block; background:transparent url(../images/nav/teacher-training.gif) 0 0 no-repeat; }
#teacher-training:hover { background:url(../images/nav/teacher-training.gif) 0 -45px no-repeat; }
#teacher-training.active { background:url(../images/nav/teacher-training.gif) 0 -90px no-repeat; }

#twitter { width:111px; height:43px; text-indent:-5000px; display:block; background: transparent url(../images/home/hea-on-twitter.png) 0 0 no-repeat; }
#twitter:hover { background:url(../images/home/hea-on-twitter.png) 0 -41px no-repeat; }

#facebook { width:126px; height:43px; text-indent:-5000px; display:block; background: transparent url(../images/home/hea-on-facebook.png) 0 0 no-repeat; }
#facebook:hover { background:url(../images/home/hea-on-facebook.png) 0 -41px no-repeat; }