/*********************************************
	MAIN NAV
*********************************************/
.navigation { /* GENERALLY leave this alone. You will not need to format this. use on a case-by-case basis. */
	z-index:750;
	height:44px;
	width:824px;
}

ul.main-nav, ul.secondary-nav, ul.main-nav ul{
	list-style:none;
	z-index:10;
	zoom:1;
	position:relative;
}

ul.main-nav{
	bottom:0;
	margin:0;
	padding:0;
}

ul.main-nav li{
	float:left;
	padding:0;
	position:relative;
}


ul.main-nav li a{
	background-image:url(/images/nav.png);
	background-repeat:no-repeat;
	display:block;
	height:44px;
	text-indent:-9999px;
	position:relative;
}

ul.main-nav li a.home{background-position: left top;width:151px;}
ul.main-nav li:hover a.home{background-position: left bottom;}

ul.main-nav li a.reservations{background-position: -151px top;width:123px;}
ul.main-nav li:hover a.reservations{background-position: -151px bottom;}

ul.main-nav li a.rooms{background-position: -274px top;width:65px;}
ul.main-nav li:hover a.rooms{background-position: -274px bottom;}

ul.main-nav li a.specials{background-position: -339px top;width:80px;}
ul.main-nav li:hover a.specials{background-position: -339px bottom;}

ul.main-nav li a.rates{background-position: -419px top;width:115px;}
ul.main-nav li:hover a.rates{background-position: -419px bottom;}

ul.main-nav li a.amenities{background-position: -534px top;width:95px;}
ul.main-nav li:hover a.amenities{background-position: -534px bottom;}

ul.main-nav li a.ocinfo{background-position: -629px top;width:76px;}
ul.main-nav li:hover a.ocinfo{background-position: -629px bottom;}

ul.main-nav li a.directions{background-position: -705px top;width:119px;}
ul.main-nav li:hover a.directions{background-position: -705px bottom;}



/* subnav */
ul.main-nav li ul{
	display:none;
	background:url(/images/subnav.png) no-repeat left bottom;
	position:absolute;
	top:43px;
	left:0;
	z-index:10;
	border-top:1px solid #00228e;
	width:180px;
	margin:0;
	padding:0;
	font: bold 1em/1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

ul.main-nav li:hover ul{
	display:block;
}

ul.main-nav li ul li{
	width:100%;
}


ul.main-nav ul li a{
	background:none;
	display:block;
	height:auto;
	text-indent:0px;
	color:#fff;
	text-decoration:none;
	padding:14px 12px;
}

ul.main-nav ul li a:hover{
	color:#f1c355;
}