/* Menu */
#menu { width: 100%; height: 44px; }
#menu li.top { display: block; float: left; position: relative; height: 44px; }
#menu li.top a.top { 
	display: block;  
	height:44px;
	background: transparent url(../img/bg-nav.jpg) 0 0 no-repeat; 
	text-decoration: none; 
	text-indent:-9999em;
}

/* Menu links */
#menu ul.top li.the-club a { background-position: 0 0; width: 97px; }
#menu ul.top li.pilates a { background-position: -97px 0; width: 74px; }
#menu ul.top li.classes a { background-position: -171px 0; width: 161px; }
#menu ul.top li.personal-training a { background-position: -332px 0; width: 157px; }
#menu ul.top li.memberships a { background-position: -489px 0; width: 118px; }
#menu ul.top li.professional-training a { background-position: -607px 0; width: 188px; }
#menu ul.top li.store a { background-position: -795px 0; width: 67px; }
#menu ul.top li.contact a { background-position: -862px 0; width: 96px; }

/* Hover state */
#menu ul.top li.the-club a:hover, #menu ul.top li.the-club a:active, #menu ul.top li.the-club a.active { background-position: 0 -44px; }
#menu ul.top li.pilates a:hover, #menu ul.top li.pilates a:active, #menu ul.top li.pilates a.active { background-position: -97px -44px; }
#menu ul.top li.classes a.active { background-position: -171px -44px; }
#menu ul.top li.personal-training a.active { background-position: -332px -44px; }
#menu ul.top li.memberships a.active { background-position: -489px -44px; }
#menu ul.top li.professional-training a.active { background-position: -607px -44px; }
#menu ul.top li.store a.active { background-position: -795px -44px; }
#menu ul.top li.contact a.active { background-position: -862px -44px; }


/* Sub Menus */
#menu ul.sub { display: none; padding: 5px 8px 10px; margin: 0; clear: left; position: absolute; top: 44px; left: 0; z-index: 100; overflow: hidden; background: #500076; overflow: hidden; }
#menu li > ul.sub { top: auto; left: auto; } /* Proper positioning for normal browsers */
#menu ul.sub li { display: block; width: 100%; line-height: 170%; }
#menu ul.sub a { display: block; padding: 0 0.5em; background: transparent; color: #fff; text-decoration: none; text-transform: lowercase; }
#menu ul.sub a:hover { background: #b6ce2e; color: #500076; }

/* Sub menu widths */
#menu li.the-club ul { width: 97px; }
#menu li.pilates ul { width: 150px; }
#menu li.classes ul { width: 161px; }
#menu li.personal-training ul { width: 157px; }
#menu li.memberships ul { width: 118px; }
#menu li.professional-training ul { width: 188px; }
#menu li.store ul { width: 67px; }
#menu li.contact ul { width: 96px; }

#menu ul.top li.pilates ul li a { width: auto; }