/* - - - - navigation - - - - */

#mainnav 
{
	height: 28px;
	width: 593px;
	float: right;
}

#mainnav ul 
{
	width: 593px;
	margin: 0 auto;
	display:block;
	height:28px;
	background: url(../images/nav/navigation.gif) 0 -28px;
	list-style: none;
}

#mainnav li 
{
	float: left;
}

#mainnav li a
{
	height:28px;
	display:block;
	text-indent: -5000px;
	overflow:hidden;
}

#mainnav li.home a 
{
	width:70px;
	margin-right: 25px;
}

#mainnav li.home a:hover , #mainnav li.homeon a
{
	width: 70px;
	margin-right: 25px;
	background:  url(../images/nav/navigation.gif);
}

#mainnav li.seasonal a 
{
	width: 99px;
	margin-right: 25px;
}

#mainnav li.seasonal a:hover, #mainnav li.seasonalon a
{
	width: 99px;
	margin-right: 25px;
	background:  url(../images/nav/navigation.gif) -95px 0;
}

#mainnav li.boat a 
{
	width: 50px;
	margin-right: 25px;
}

#mainnav li.boat a:hover, #mainnav li.boaton a
{
	width: 50px;
	margin-right: 25px;
	background:  url(../images/nav/navigation.gif) -219px 0;
}

#mainnav li.reserve a 
{
	width: 126px;
	margin-right: 25px;
}

#mainnav li.reserve a:hover, #mainnav li.reserveon a
{
	width: 126px;
	margin-right: 25px;
	background:  url(../images/nav/navigation.gif) -294px 0;
}

#mainnav li.bookings a 
{
	width: 46px;
	margin-right: 25px;
}

#mainnav li.bookings a:hover ,#mainnav li.bookingson a
{
	width: 46px;
	margin-right: 25px;
	background:  url(../images/nav/navigation.gif)  -445px 0;
}

#mainnav li.contact a 
{
	width: 56px;
}

#mainnav li.contact a:hover, #mainnav li.contacton a
{
	width: 56px;
	background:  url(../images/nav/navigation.gif) -516px 0;
}

* 
{
	padding:0;
	margin:0;
}	

* a:hover, * a:active
{
	outline:none;
}