/*********************************************
	Guest MAIN NAV
*********************************************/


.main-nav{
	display:block;
	width:993px;
	height:31px;
	position:relative;
}


.main-nav, .main-nav ul, .main-nav ul li, .main-nav a{
	z-index:9999;
}

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

.main-nav li{ 
    display:block;
    height:31px;
	float:left;
	text-align:center;
	background:url(/images/main-nav.png);
}




.main-nav a{
	text-decoration:none;	
}

.main-nav a.main{ 
	text-indent:-9999px;
	position:relative;
	display:block;
	width:100%;
	height:31px;
}



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

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

.main-nav ul li.services{background-position: -250px top; width:125px;}
.main-nav ul li.services:hover {background-position: -250px bottom;}

.main-nav ul li.benefits{background-position: -375px top; width:120px;}
.main-nav ul li.benefits:hover {background-position: -375px bottom;}   

.main-nav ul li.reviews{background-position: -495px top; width:120px;}
.main-nav ul li.reviews:hover{background-position: -495px bottom;}

.main-nav ul li.samples{background-position: -615px top; width:120px;}
.main-nav ul li.samples:hover{background-position: -615px bottom;}

.main-nav ul li.specials{background-position: -735px top; width:120px;}
.main-nav ul li.specials:hover{background-position: -735px bottom;}

.main-nav ul li.advertise1{background-position: -855px top; width:138px;}
.main-nav ul li.advertise1:hover{background-position: -855px bottom;}



.main-nav ul li:hover{
	cursor:pointer;	
	z-index:1;
}


.main-nav ul li ul.sub-about{
	display:none;
}



.main-nav ul li:hover ul.sub-about {
	width:108px;
	height:105px;
	padding:0;
    background-image:none;
	display:block;
	position:absolute;
	left:130px;
	top:27px;
}

.main-nav ul li:hover ul.sub-about li{
	width:108px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li:hover ul.sub-about li{
	background: url(/images/sub-about.png);  
	background-repeat:no-repeat; 
	width:108px;
	z-index:2000;
}

.main-nav ul li:hover ul.sub-about li.boat{height:25px; background-position:left top;}	
.main-nav ul li:hover ul.sub-about li.boat:hover{background-position:right top;}

.main-nav ul li:hover ul.sub-about li.operations{height:25px; background-position:left -25px;}	
.main-nav ul li:hover ul.sub-about li.operations:hover{background-position:right -25px;}

.main-nav ul li:hover ul.sub-about li.contact{height:25px; background-position:left -50px;}	
.main-nav ul li:hover ul.sub-about li.contact:hover{background-position:right -50px;}

.main-nav ul li:hover ul.sub-about li.track{height:33px; background-position:left -75px;}	
.main-nav ul li:hover ul.sub-about li.track:hover{background-position:right -75px;}









.main-nav ul li ul.sub-services{
	display:none;
}



.main-nav ul li:hover ul.sub-services {
	width:108px;
	height:97px;
	padding:0;
    background-image:none;
	display:block;
	position:absolute;
	left:252px;
	top:27px;
}

.main-nav ul li:hover ul.sub-services li{
	width:108px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li:hover ul.sub-services li{
	background: url(/images/sub-services.png);  
	background-repeat:no-repeat; 
	width:108px;
	z-index:2000;
}

.main-nav ul li:hover ul.sub-services li.advertising1{height:25px; background-position:left top;}	
.main-nav ul li:hover ul.sub-services li.advertising1:hover{background-position:right top;}

.main-nav ul li:hover ul.sub-services li.personal{height:35px; background-position:left -25px;}	
.main-nav ul li:hover ul.sub-services li.personal:hover{background-position:right -25px;}

.main-nav ul li:hover ul.sub-services li.public{height:37px; background-position:left -60px;}	
.main-nav ul li:hover ul.sub-services li.public:hover{background-position:right -60px;}








.main-nav ul li ul.sub-benefits{
	display:none;
}


.main-nav ul li:hover ul.sub-benefits {
	width:108px;
	height:62px;
	padding:0;
    background-image:none;
	display:block;
	position:absolute;
	left:375px;
	top:27px; 
}

.main-nav ul li:hover ul.sub-benefits li{
	width:108px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li:hover ul.sub-benefits li{
	background: url(/images/sub-benefits.png);  
	background-repeat:no-repeat; 
	width:108px;
	z-index:2000;
}

.main-nav ul li:hover ul.sub-benefits li.why{height:25px; background-position:left top;}	
.main-nav ul li:hover ul.sub-benefits li.why:hover{background-position:right top;}

.main-nav ul li:hover ul.sub-benefits li.ocean{height:37px; background-position:left -25px;}	
.main-nav ul li:hover ul.sub-benefits li.ocean:hover{background-position:right -25px;}




.main-nav ul li:hover{
	cursor:pointer;	
	z-index:1;
}