/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 80%;
	color					: #003366;
	background-color		: #FFF;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
}

.formField{
	width					: 220px;
	height					: 16px;
	border					: 1px solid #666;
}

.formArea{
	width					: 220px;
	height					: 80px;
	border					: 1px solid #666;
}


/*###############
##### FONTS #####
###############*/ 


p{
	font-size 				: 100%;
	margin	 				: 0px 20px 10px 15px;
	
}



h1{
	margin	 				: 5px 0px 5px 15px;
	color					: #666666;
	font-size 				: 120%;
	font-weight				: normal;
}

h2{
	font-size 				: 110%;
	margin	 				: 5px 0px 15px 15px;
	font-weight				: bold;
}

h3{
	font-size 				: 140%;
	margin	 				: 5px 0px 15px 15px;
}

h4{
	font-size 				: 120%;
	margin	 				: 5px 0px 15px 15px;
	color					: #FF0000;	
	font-weight				: bold;
}

h5{
	font-size 				: 160%;
	margin	 				: 0px 0px 0px 15px;
	color					: #FF0000;	
	font-weight				: bold;
}




.teasers p{
	margin					: 5px 10px 0px 10px;
	padding					: 0px;
	line-height				: 1.4em;
	font-size				: 95%;
}

.teasers h1{
	margin					: 5px 10px 5px 10px;
	padding					: 0px;
	font-size 				: 120%;
	color					: #666666;	
	line-height				: 1.4em;
}




a{
	color					: #0065CA;
	text-decoration 		: none;
	font-weight				: bold;
}

a:hover {
	text-decoration 		: underline;
	color					: #003366;
	font-weight				: bold;

}



.contentMain ul {
	margin-left				: 8px;
	margin-right			: 8px;

}

.contentMain ul li {
	padding-bottom: 5px;

}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 952px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	margin-top 				: 15px;
}


/*################
##### HEADER #####
################*/ 


#header{
	width					: 951px;
	height 					: 213px;
	background-image		: url(../images/header_bkgrnd.jpg);
	background-repeat		: no-repeat;
}


.photos{
	float					: left;
	margin					: 10px 10px 0px 0px; 
}


.logo{
	border					: none;
	float					: right;
	margin					: 17px 20px 0px 0px; 
}


.logo{
	border					: none;
	float					: right;
	margin					: 42px 40px 0px 0px; 
}


.starfish{
	position				: absolute;
	float					: left;
	margin					: 213px 0px 0px 85px;
}



/*#################
##### CONTENT #####
#################*/ 
	
		
	
#content{
	width 					: 951px;
	min-height 				: 440px;				
	display 				: block;
	margin-top				: 15px;
	padding					: 0px;
	line-height 			: 165%;
	
}

*html #content{
	height 					: 440px;
}


#contentMain{
	width 					: 705px;
	display 				: block;
	float 					: left;
	margin					: 0px;
	padding					: 0px;
	
}

#contentMainLeft{
	width 					: 215px;
	display 				: block;
	float 					: left;
	margin					: 0px;
	padding					: 0px;
	
}

#contentMainRight{
	width 					: 485px;
	display 				: block;
	float 					: right;
	margin					: 0px;
	padding					: 0px;
	
}


#contentRight{
	width 					: 240px;
	margin					: 0px;
	padding					: 0px;
	display 				: block;
	float 					: right;
}


.title{
	margin					: 0px 0px 0px 15px;
	padding					: 0px;
}



#specialOffer{
	padding					: 0px;
	margin					: 30px 0px 20px 10px;
	float					: left;
	width					: 429px;
	line-height				: 1.6em;
	background-image		: url(../images/specialOfferMiddle.gif);
	background-repeat		: repeat y;
	
}

.specialOfferTop{
	width					: 429px;
	height					: 17px;
	background-image		: url(../images/specialOfferTop.gif);
	background-repeat		: no-repeat;
	
}


.specialOfferBottom{
	width					: 429px;
	height					: 18px;
	background-image		: url(../images/specialOfferBottom.gif);
	background-repeat		: no-repeat;
	
}


#specialOffer p, h4{
	padding					: 0px 35px 0px 5px;
	
}

.specialOfferImg{
	position				: absolute;
	float					: right;
	margin					: 0px 0px 0px 380px;
}


*html .specialOfferImg{
	margin					: 0px 0px 0px -60px;
}



#offers{
	clear					: both;
	display 				: block;
	margin					: 0px 0px 0px 8px;
	padding					: 0px;

}


#offers ul {
	color					: #004B9C;
	margin					: 0px;
	padding		 			: 0px 5px 10px 10px;
	font-size 				: 100%;
	
}


#offers li {
	list-style				: none;
	padding-top				: 10px;
	
}

#offers li a {
	text-decoration			: none;
	display 				: block;
	height					: 20px;
	margin					: 0px;
	padding					: 0px 0px 0px 20px;
	color					: #0065CA;
	font-size				: 135%;
	background-image		: url(../images/navButton.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


#offers li a:hover {
	color					: #003366;
	background-image		: url(../images/navButtonOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}



.quickLink a{
	clear     				: both;
	width					: 214px;
	height					: 92px;
	float					: left;
	margin					: 0px 0px 0px 10px;
	padding 				: 0px;
	background-image		: url(../images/singleTrip.jpg);
	background-repeat		: no-repeat;

}


.quickLink a:hover{
	background-image		: url(../images/singleTripOver.jpg);
	background-repeat		: no-repeat;

}

.quickLinkMulti a{
	clear     				: both;
	width					: 214px;
	height					: 92px;
	float					: left;
	margin					: 0px 0px 0px 10px;
	padding 				: 0px;
	background-image		: url(../images/multiTrip.jpg);
	background-repeat		: no-repeat;

}


.quickLinkMulti a:hover{
	background-image		: url(../images/multiTripOver.jpg);
	background-repeat		: no-repeat;

}


/*#####################
### SIDE NAVIGATION ###
#####################*/ 


#nav{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	width					: 214px;
	background-color		: #F5F2C9;
	background-image		: url(../images/nav_top.gif);
	background-repeat		: no-repeat;

}


#nav ul {
	color					: #004B9C;
	margin					: 0px;
	padding		 			: 10px 5px 10px 10px;
	font-size 				: 100%;
	
}


#nav li {
	list-style				: none;
	padding-top				: 10px;
	
	
}

#nav li a {
	text-decoration			: none;
	display 				: block;
	height					: 20px;
	margin					: 0px;
	padding					: 0px 0px 0px 20px;
	color					: #0065CA;
	background-image		: url(../images/navButton.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


#nav li a:hover {
	color					: #003366;
	background-image		: url(../images/navButtonOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}



.navBottom{
	width					: 214px;
	height					: 19px;
	background-color		: #F5F2C9;
	background-image		: url(../images/nav_bottom.gif);
	background-repeat		: no-repeat;

}




.partners{
	margin					: 20px 0px 0px 40px;
	padding					: 0px;
}





/*#################
##### TEASERS #####
#################*/ 



.teasers{
	padding					: 0px;
	margin					: 0px 0px 15px 0px;
	float					: right;
	width					: 224px;
	line-height				: 1.6em;
	background-color		: #F5F2C9;
	
}

.teaserTop1{
	width					: 224px;
	height					: 44px;
	background-image		: url(../images/teaserTopImg1.gif);
	background-repeat		: no-repeat;
	
}

.teaserTop2{
	width					: 224px;
	height					: 44px;
	background-image		: url(../images/teaserTopImg2.gif);
	background-repeat		: no-repeat;
	
}

.teaserTop3{
	width					: 224px;
	height					: 44px;
	background-image		: url(../images/teaserTopImg3.gif);
	background-repeat		: no-repeat;
	
}

.teaserBottom{
	width					: 224px;
	height					: 14px;
	background-color		: #F5F2C9;
	background-image		: url(../images/teaserBottomImg.gif);
	background-repeat		: no-repeat;
	background-position		: bottom;
	
}


.teaserImage{
	float					: right;
	padding					: 0px 2px 0px 5px;
}


#teaserNav{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	width					: 214px;
	background-color		: #F5F2C9;

}


#teaserNav ul {
	color					: #004B9C;
	margin					: 0px;
	padding		 			: 0px 5px 10px 10px;
	font-size 				: 100%;
	
}


#teaserNav li {
	list-style				: none;
	padding-top				: 10px;
	
	
}

#teaserNav li a {
	text-decoration			: none;
	display 				: block;
	height					: 20px;
	margin					: 0px;
	padding					: 0px 0px 0px 20px;
	color					: #0065CA;
	font-size				: 135%;
	background-image		: url(../images/navButton.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


#teaserNav li a:hover {
	color					: #003366;
	background-image		: url(../images/navButtonOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


.teaserCall{
	float 					: right;
}



/*################
##### FOOTER #####
################*/ 


#footer{
	width					: 951px;
	background-color		: #F5F2C9;
	background-image		: url(../images/footerImgLeft.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	height 					: 35px;
	clear 					: both;
	
}


#copyright{
	padding					: 4px 0px 0px 15px;
	float					: left;
	width					: 650px;
	font-size 				: 80%;
	color					: #333;
}


#copyright a {
	color					: #000;
	text-decoration			: none;
}


#copyright a:hover {
	color					: #000;
	text-decoration			: underline;
}

#footerImgRight{
	float					: right;
}




/*#############
#### MISC. ####
#############*/ 

.pdf{
	margin					: 5px 0px 5px 15px;
	border					: none;
}

.horizontalLine{
	margin					: 5px 15px 5px 15px;
	color					: #CCCCCC;
}

.map{
	margin					: 5px 15px 5px 15px;
	border					: 1px solid #999;
}

.table{
	margin					: 5px 15px 5px 15px;

}

.table td{
	height					: 25px;
	padding					: 5px;
	vertical-align			: top;

}


.tableSchedule{
	margin					: 5px 15px 5px 15px;

}

.tableScheduleLight td{
	height					: 25px;
	padding					: 5px;
	vertical-align			: top;
	background-color		: #E8EDF7;
		
}

.tableScheduleDark td{
	height					: 25px;
	padding					: 5px;
	vertical-align			: top;
	background-color		: #CFD9EF;
		
}

.tableScheduleHeader{
	height					: 25px;
	padding					: 5px;
	background-color		: #F5F2C9;
	border-bottom			: 1px solid #999;
}

.btnOrder{
	font-size				: 90%;
}