/* ============ NAVIGATION ==================== */

#nav{
		margin-left: 18px;
		clear:both;
}

#nav ul{
		display:block;
		margin:0;
		padding:0;
}
	
#nav ul li{
		list-style-type: none;
		float: left;
		margin:0;
		padding:0;
}

#nav ul li #sun{
		display:block;
		width:107px;
		height: 25px;
		background: url("/images/sunholidays.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #city{
		display:block;
		width:88px;
		height: 25px;
		background: url("/images/citybreaks.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #europe{
		display:block;
		width:63px;
		height: 25px;
		background: url("/images/europe.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #usa{
		display:block;
		width:110px;
		height: 25px;
		background: url("/images/usa.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #caribbean{
		display:block;
		width:85px;
		height: 25px;
		background: url("/images/caribbean.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #latin{
		display:block;
		width:106px;
		height: 25px;
		background: url("/images/latinamerica.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #india{
		display:block;
		width:50px;
		height: 25px;
		background: url("/images/india.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #dubai{
		display:block;
		width:53px;
		height: 25px;
		background: url("/images/dubai.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #asia{
		display:block;
		width:45px;
		height: 25px;
		background: url("/images/asia.gif") 0 0 no-repeat;
		text-decoration: none;
}


#nav ul li #cruises{
		display:block;
		width:63px;
		height: 25px;
		background: url("/images/cruises.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #business{
		display:block;
		width:124px;
		height: 25px;
		background: url("/images/business.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #tours{
		display:block;
		width:112px;
		height: 25px;
		background: url("/images/tours.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #africa{
		display:block;
		width:58px;
		height: 25px;
		background: url("/images/africa.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #australia{
		display:block;
		width:134px;
		height: 25px;
		background: url("/images/australia.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #ski{
		display:block;
		width:35px;
		height: 25px;
		background: url("/images/ski.gif") 0 0 no-repeat;
		text-decoration: none;
}

#nav ul li #senior{
		display:block;
		width:99px;
		height: 25px;
		background: url("/images/senior-travel.gif") 0 0 no-repeat;
		text-decoration: none;
}


#nav ul li #sun:hover, #nav ul li #india:hover, #nav ul li #city:hover, #nav ul li #tours:hover, #nav ul li #business:hover, #nav ul li #cruises:hover, #nav ul li #asia:hover, #nav ul li #dubai:hover, #nav ul li #latin:hover, #nav ul li #caribbean:hover, #nav ul li #usa:hover, #nav ul li #europe:hover, #nav ul li #africa:hover, #nav ul li #australia:hover, #nav ul li #ski:hover, #nav ul li #senior:hover {	
		background-position:  0 -25px;
}

#nav ul li a span{
	display:none;
}


#topnav{
	background-color: transparent;
	margin-left: -25px;
	width: 664px;
	height: 26px; 
	position:relative;
}


#banner #home{
		display:block;
		float:left;
		width:72px;
		height: 26px;
		background: url("/images/home.gif") top right no-repeat transparent;
		text-decoration: none;
		
}

#banner #blog{
		display:block;
		float:left;
		width:72px;
		height: 26px;
		background: url("/images/blog.gif") top right no-repeat transparent;
		text-decoration: none;
		
}

#banner #about{
		display:block;
		float:left;
		width:92px;
		height: 26px;
		background: url("/images/aboutus.gif") top right no-repeat transparent;
		text-decoration: none;
		
}

#banner #team{
		display:block;
		float:left;
		width:123px;
		height: 26px;
		background: url("/images/meet_the_team.gif") 0 0 no-repeat;
		text-decoration: none;
}

#banner #contact{
		display:block;
		float:left;
		width:99px;
		height: 26px;
		background: url("/images/contactus.gif") 0 0 no-repeat;
		text-decoration: none;
}

#banner #newsletter{
		display:block;
		float:left;
		width:172px;
		height: 26px;
		background: url("/images/newsletter.gif") 0 0 no-repeat;
		text-decoration: none;
}

#banner a span{
	display:none;
}

#banner #newsletter:hover, #banner #about:hover, #banner #blog:hover, #banner #contact:hover , #banner #home:hover, #banner #team:hover   {	
		background-position:  0 -26px;
}

/* ============ SUB NAV ==================== */

#sub-nav{
	margin-top:15px;
	width:152px;	
}

#sub-nav-hdr{
	height: 33px;
	background: url("/images/sub-nav-hdr.gif") no-repeat top left;
	
}

#sub-nav ul{
	color: #333333;
	list-style-type: none;
	margin:0;
	padding: 0;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding-top: 3px;
}

#sub-nav ul li {
	background: none;
	list-style-type:none;
	padding:0;
	margin: 0;
}


#sub-nav ul li a{
	font-weight:bold;
	display:block;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #cccccc;
	text-decoration:none;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
}

#sub-nav ul li a:hover{
	font-weight:bold;
	color: #FFFFFF;
	background: #D9006C;
	padding-left:4px;
}

#sub-nav ul li a.selected{
	font-weight:bold;
	color: #FFFFFF;
	background: #D9006C;
	padding-left:4px;
}

#sub-nav ul li .more{
	font-weight:normal;
	display:block;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #D9006C;
	margin-left: 10px;
	margin-right: 10px;
	border: none;
}

#sub-nav ul li .more:hover{
	font-weight:normal;
	color: #333333;
	background: none;
	padding-left:0px;
	
}

#sub-nav-ftr{
	height: 11px;
	background: url("/images/sub-nav-ftr.gif") no-repeat top left;
	
}