/*******************************
              NAVIGATION
*******************************/

.nav-wrapper{
	float:left;
}

ul.main-nav, ul.secondary-nav, ul.main-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

ul.main-nav{
	margin-top:0;
	width:234px;
	height:189px;
	z-index:4000;
}

ul.main-nav li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}


ul.main-nav li a{
	background:  url(/images/main-nav.png); background-repeat:no-repeat;
	display:block;
	width:234px;
	text-indent:-9999px;
	
}


ul.main-nav li a.accommodations{height:30px; background-position:left top;}
ul.main-nav li:hover a.accommodations{background-position:right top;}

ul.main-nav li a.dining{height:31px; background-position:left -30px;}
ul.main-nav li:hover a.dining{background-position:right -30px;}

ul.main-nav li a.amenities{height:32px; background-position:left -61px;}
ul.main-nav li:hover a.amenities{background-position:right -61px;}

ul.main-nav li a.specials{height:32px; background-position:left -93px;}
ul.main-nav li:hover a.specials{background-position:right -93px;}

ul.main-nav li a.gallery{height:32px; background-position:left -125px;}
ul.main-nav li:hover a.gallery{background-position:right -125px;}

ul.main-nav li a.reservations{height:32px; background-position:left -157px;}
ul.main-nav li:hover a.reservations{background-position:right -157px;;}


ul.main-nav ul {display: none;}
ul.main-nav ul:hover {cursor:pointer;}