/************************************ 
	Main Nav Elements 
*************************************/

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

ul.main-nav{
	position:relative;
	bottom:0;
	margin:0;
	padding:0;
	height:42px;
	z-index:1000;
}

ul.main-nav li {
	float:left;
}


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


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

ul.main-nav li a.cruise-information{background-position: -54px top; width:130px;}
ul.main-nav li:hover a.cruise-information{background-position: -54px bottom;}

ul.main-nav li a.accommodations{background-position: -184px top; width:116px;}
ul.main-nav li:hover a.accommodations{background-position: -184px bottom;}

ul.main-nav li a.packages{background-position: -300px top; width:70px;}
ul.main-nav li:hover a.packages{background-position: -300px bottom;}

ul.main-nav li a.restaurants{background-position: -370px top; width:85px;}
ul.main-nav li:hover a.restaurants{background-position: -370px bottom;}

ul.main-nav li a.smith-island-cakes{background-position: -455px top; width:132px;}
ul.main-nav li:hover a.smith-island-cakes{background-position: -455px bottom;}

ul.main-nav li a.info{background-position: -587px top; width:124px;}
ul.main-nav li:hover a.info{background-position: -587px bottom;}

ul.main-nav li a.gallery{background-position: -711px top; width:100px;}
ul.main-nav li:hover a.gallery{background-position: -711px bottom;}

ul.main-nav li a.about{background-position: -811px top; width:89px;}
ul.main-nav li:hover a.about{background-position: -811px bottom;}

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

/* SubNav for MainNav */

ul.main-nav li:hover ul li a {
	background-image:none; 
	text-indent:-9999px; 
	height:27px;
	position:relative;
	display:block;
}


/************************************ 
	Cruise Information Drops
*************************************/

ul.main-nav li:hover ul.subcruise-info {
	display:block; 
	position:absolute; 
	top:42px;
	margin:0; 
	padding:0;
	z-index: 1000;
}

ul.main-nav li:hover ul.subcruise-info li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subcruise-info li span{
	background-image: url(/images/nav/cruises.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

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

ul.main-nav li:hover ul li span.reserve{height:27px; background-position:left -30px ;}	
ul.main-nav li:hover ul li:hover span.reserve{background-position:right -30px;}

ul.main-nav li:hover ul li span.crisfield{height:27px; background-position:left -57px;}	
ul.main-nav li:hover ul li:hover span.crisfield{background-position:right -57px;}

ul.main-nav li:hover ul li span.lookout{height:27px; background-position:left -84px;}	
ul.main-nav li:hover ul li:hover span.lookout{background-position:right -84px;}

ul.main-nav li:hover ul li span.directions{height:27px; background-position:left -111px;}	
ul.main-nav li:hover ul li:hover span.directions{background-position:right -111px;}

ul.main-nav li:hover ul li span.charters{height:27px; background-position:left -138px;}	
ul.main-nav li:hover ul li:hover span.charters{background-position:right -138px;}

ul.main-nav li:hover ul li span.group{height:34px; background-position:left -165px;}	
ul.main-nav li:hover ul li:hover span.group{background-position:right bottom;}


/************************************ 
	Accommodations Drops
*************************************/

ul.main-nav li:hover ul.subaccomm {
	display:block; 
	position:absolute;
	z-index: 1000;
	margin:0; 
	padding:0;
}

ul.main-nav li:hover ul.subaccomm li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subaccomm li span{
	background-image: url(/images/nav/accommodations.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.silodging{height:29px; background-position:left top;}	
ul.main-nav li:hover ul li:hover span.silodging{background-position:right top;}

ul.main-nav li:hover ul li span.mainlodging{height:27px; background-position:left -29px;}	
ul.main-nav li:hover ul li:hover span.mainlodging{background-position:right -29px;}

ul.main-nav li:hover ul li span.grouplodging{height:39px; background-position:left -56px;}	
ul.main-nav li:hover ul li:hover span.grouplodging{background-position:right bottom;}


/************************************ 
	Packages Drops
*************************************/

ul.main-nav li:hover ul.subpackages {
	display:block; 
	position:absolute;
	z-index: 1000;
	margin:0; 
	padding:0;
}

ul.main-nav li:hover ul.subpackages li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subpackages li span{
	background-image: url(/images/nav/packages.png); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.sipackages{height:29px; background-position:left top;}	
ul.main-nav li:hover ul li:hover span.sipackages{background-position:right top;}

/*ul.main-nav li:hover ul li span.grouppackages{height:27px; background-position:left -29px;}	
ul.main-nav li:hover ul li:hover span.grouppackages{background-position:right -29px;}

ul.main-nav li:hover ul li span.weekend{height:27px; background-position:left -56px;}	
ul.main-nav li:hover ul li:hover span.weekend{background-position:right -56px;}*/

ul.main-nav li:hover ul li span.specialpackages{height:33px; background-position:left -33px;}	
ul.main-nav li:hover ul li:hover span.specialpackages{background-position:right bottom;}



/************************************ 
	Restaurant Drops
*************************************/

ul.main-nav li:hover ul.subrestaurants {
	display:block; 
	position:absolute;
	z-index: 1000;
	margin:0; 
	padding:0;
}

ul.main-nav li:hover ul.subrestaurants li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subrestaurants li span{
	background-image: url(/images/nav/restaurants.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.sirestaurants{height:29px; background-position:left top;}	
ul.main-nav li:hover ul li:hover span.sirestaurants{background-position:right top;}

ul.main-nav li:hover ul li span.crisfieldrestaurants{height:36px; background-position:left -29px;}	
ul.main-nav li:hover ul li:hover span.crisfieldrestaurants{background-position:right bottom;}



/************************************ 
	Cakes Drops
*************************************/

ul.main-nav li:hover ul.subcakes {
	display:block; 
	position:absolute;
	z-index: 1000;
	margin:0; 
	padding:0;
}

ul.main-nav li:hover ul.subcakes li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subcakes li span{
	background-image: url(/images/nav/cakes.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.order{height:29px; background-position:left top;}	
ul.main-nav li:hover ul li:hover span.order{background-position:right top;}

ul.main-nav li:hover ul li span.history{height:36px; background-position:left -29px;}	
ul.main-nav li:hover ul li:hover span.history{background-position:right bottom;}



/************************************ 
	Information Drops
*************************************/

ul.main-nav li:hover ul.subinfo {
	display:block; 
	position:absolute; 
	top:42px;
	margin:0; 
	padding:0;
	z-index: 1000;
}

ul.main-nav li:hover ul.subinfo li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subinfo li span{
	background-image: url(/images/nav/info.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.expect{height:29px; background-position:top left ;}
ul.main-nav li:hover ul li:hover span.expect {background-position:right top;}

ul.main-nav li:hover ul li span.sihistory{height:27px; background-position:left -29px ;}	
ul.main-nav li:hover ul li:hover span.sihistory{background-position:right -29px;}

ul.main-nav li:hover ul li span.golfcarts{height:27px; background-position:left -56px;}	
ul.main-nav li:hover ul li:hover span.golfcarts{background-position:right -56px;}

ul.main-nav li:hover ul li span.gift{height:27px; background-position:left -83px;}	
ul.main-nav li:hover ul li:hover span.gift{background-position:right -83px;}

ul.main-nav li:hover ul li span.museum{height:27px; background-position:left -110px;}	
ul.main-nav li:hover ul li:hover span.museum{background-position:right -110px;}

ul.main-nav li:hover ul li span.links{height:32px; background-position:left -137px;}	
ul.main-nav li:hover ul li:hover span.links{background-position:right bottom;}




/************************************ 
	Photo Gallery Drops
*************************************/

ul.main-nav li:hover ul.subphoto {
	display:block; 
	position:absolute;
	z-index: 1000;
	margin:0; 
	padding:0;
}

ul.main-nav li:hover ul.subphoto li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subphoto li span{
	background-image: url(/images/nav/gallery.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.boats{height:29px; background-position:left top;}	
ul.main-nav li:hover ul li:hover span.boats{background-position:right top;}

ul.main-nav li:hover ul li span.island{height:27px; background-position:left -29px;}	
ul.main-nav li:hover ul li:hover span.island{background-position:right -29px;}

ul.main-nav li:hover ul li span.photo{height:36px; background-position:left -56px;}	
ul.main-nav li:hover ul li:hover span.photo{background-position:right bottom;}



/************************************ 
	About Us Drops
*************************************/

ul.main-nav li:hover ul.subabout {
	display:block; 
	position:absolute;
	z-index: 1000;
	margin: 0 0 0 -97px; 
	padding: 0;
}

ul.main-nav li:hover ul.subabout li{
	width:186px;
	margin:0; padding:0; display:block; float:none; background-image:none;
}

ul.main-nav li:hover ul.subabout li span{
	background-image: url(/images/nav/about.gif); 
	background-repeat:no-repeat; 
	display:block; 
}

ul.main-nav li:hover ul li span.contact{height:29px; background-position:left top;}	
ul.main-nav li:hover ul li:hover span.contact{background-position:right top;}

ul.main-nav li:hover ul li span.faq{height:27px; background-position:left -29px;}	
ul.main-nav li:hover ul li:hover span.faq{background-position:right -29px;}

ul.main-nav li:hover ul li span.join{height:36px; background-position:left -56px;}	
ul.main-nav li:hover ul li:hover span.join{background-position:right bottom;}