* {padding: 0; margin:0;}
	body {text-align:center;}
	#container {position:relative; width: 960px; margin: 0 auto;}
	#main-navigation {position:absolute; top: 90px; right:60px; text-align:left;}
	#main-navigation ul {width: 651px; height:64px; background:url(images/navigation-back.png) top left; z-index:100; position:relative;}
	#main-navigation ul li {list-style: none; position:absolute; top: 0;}
	#main-navigation ul li, #main-navigation ul li a {height: 64px; display:block; background-image:none;}
	#main-navigation #history {left: 0; width: 71px;}
	#main-navigation #menus {left: 71px; width: 81px;}
	#main-navigation #beer {left: 152px; width: 76px;}
	#main-navigation #comedy {left: 228px; width: 80px;}
	#main-navigation #catering {left: 308px; width: 90px;}
	#main-navigation #events {left: 398px; width: 74px;}
	#main-navigation #retail {left: 472px; width: 82px;}
	#main-navigation #email-club {left: 554px; width: 96px;}
	#main-navigation a {color: transparent;}
	#main-navigation a {text-indent: -9000px;}

	#history a:hover, #history a.active  {background: transparent url(images/navigation-back.png) left bottom no-repeat;}
	#menus a:hover, #menus a.active  {background: transparent url(images/navigation-back.png) -71px bottom no-repeat;}
	#beer a:hover, #beer a.active  {background: transparent url(images/navigation-back.png) -152px bottom no-repeat;}
	#comedy a:hover, #comedy a.active  {background: transparent url(images/navigation-back.png) -228px bottom no-repeat;}
	#catering a:hover, #catering a.active  {background: transparent url(images/navigation-back.png) -308px bottom  no-repeat;}
	#events a:hover, #events a.active  {background: transparent url(images/navigation-back.png) -398px bottom no-repeat;}
	#retail a:hover, #reatil a.active  {background: transparent url(images/navigation-back.png) -472px bottom no-repeat;}
	#email-club a:hover, #email-club a.active  {background: transparent url(images/navigation-back.png) -554px bottom no-repeat;}
	a.active {cursor: default;}
	
#nav ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 10em;
	left: -999em; !important /* using left instead of display to hide menus because display: none isn't read by screen readers */
	float: none;
	padding: 0 !important;
	margin: 0 !important;
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top: 64px; left: 0;
	float: none !important;
	padding:0; margin:0;
	height: 0;
	}
#nav li:hover ul li, #nav li.sfhover ul li {width: 10em; display:block !important; position:relative; line-height: 2em; height: 2em; border-bottom: #333 1px solid;}
#nav li:hover ul a, #nav li.sfhover ul a {text-indent: 0; background-image: none; color: #fff; background-color: #000; display:block !important; float:none; background-position:left; padding:0 .5em; line-height:2em; height:2em;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {text-decoration:none; background-color: #5a5a5a; background-image:none;}