/* CSS Document */

* {margin:0;padding:0;}

body {
	padding:					0;
	margin:						0;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	background:					#013EA8	url( '../images/body.jpg' )	no-repeat top left;
}


h1 {
	padding:					0;
	margin:						0;
	font-family:				Helvetica, sans-serif;
	font-weight:				normal;
	color:						#23497A;
	font-size:					20px;
}

h2 {
	padding:					0;
	margin:						0;
	font-family:				Helvetica, sans-serif;
	font-weight:				bold;
	color:						#23497A;
	font-size:					12px;
}

.content_textright h2 {
	padding:					0;
	margin:						0;
	font-family:				Helvetica, sans-serif;
	font-weight:				bold;
	color:						#23497A;
	font-size:					12px;
}

p, td, tr, li, ul, th, div {
font-size: 						11px;
font-weight:					normal;
line-height: 					140%;
text-align:						left;
}

p, div, h1, h2, h3, h4, form, input, select, option {
	margin:						0;
	padding:					0;
}

 a, a:hover {
	color:						#23497A;
}

a {
	border:						0;
}

img {
	margin:						0;
	padding:					0;
	border:						0;
}

hr {width:520px; border: 0; color: #e6e6e6; background-color: #e6e6e6; height: 1px;}

table {
	border-collapse:			collapse;
}
	
.hr {
	clear:						both;
	height:						0px;
	display:					block;
	overflow:					hidden;
}

.left {
	float:						left;
}

.right {
	float:						right;
}

.clear {
	clear:						both;
	height:						0px;
	font-size: 					0px;
	line-height: 				0px;
}


/* Layout */

#frame {
	width:							985px;
	overflow:						hidden;
	padding-bottom:					1em;
}

#menu {
	width:							180px;
	float:							left;
}

.content {
	width:							805px;
	float:							left;
}

.bookings {
	width:							805px;
	height:							40px;
	padding:						0;
	margin: 						0;
	text-align:						right;
	overflow:						hidden;
}

.bookings_padding {
	padding:						5px 10px 0 585px;
}

.headerimage_large {
	width:							805px;
}

.headerimage_small {
	width:							805px;
}

.headerimage_padding {
	padding:						0 0 0 8px;
}

.header_shadow {
	padding:						0;
	margin:							0;
	width:							795px;
	height:							427px;
	background:						url( '../images/shad_header_large.png' ) no-repeat top left;
}

.header_shadow_small {
	padding:						0;
	margin:							0;
	width:							795px;
	height:							257px;
	background:						url( '../images/shad_header_small.png' ) no-repeat top left;
}

.header_shadow_padding {
	padding:						13px 0 0 13px;
	margin:							0;
}

.header_postcard_large {
	padding:						0;
	margin:							0;
	width:							769px;
	height:							401px;
	background-color:				#ffffff;
}

.header_postcard_small {
	padding:						0;
	margin:							0;
	width:							769px;
	height:							231px;
	background-color:				#ffffff;
}

.header_postcard_padding {
	padding:						10px 0 0 10px;
	margin:							0;
}

.text {
	width:							805px;
}

.text_padding {
	padding:						0 0 0 10px;
}

.text_top {
	padding:						0;
	margin:							0;
	width:							792px;
	height:							41px;
	background:						url( '../images/text_top.png' ) no-repeat top left;
}
.text_top_padding {
	padding:						12px 0 0 11px;
}
.text_top_ieframe {
	padding:						0;
	margin:							0;
	width:							769px;
	height:							29px;
}
.text_bottom {
	padding:						0;
	margin:							0;
	width:							792px;
	height:							40px;
	background:						url( '../images/text_bottom.png' ) no-repeat top left;
}
.text_bottom_padding {
	padding:						0 0 0 11px;
}
.text_content {
	padding:						0;
	margin:							0;
	width:							792px;
	background:						url( '../images/text_content.png' ) repeat-y;
	color:							#333333;
}

.text_content_home {
	padding:						0;
	margin:							0;
	width:							792px;
	background:						url( '../images/text_content_home.png' ) repeat-y;
	color:							#333333;
}

.text_content_padding {
	padding:						0 0 0 11px;
}

.home_textleft {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright_shop {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright_cat {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright_cart {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright_shop img{
	padding:						0;
	margin:							0;
	float:							right;
}

.content_textright_cat img{
	padding:						0;
	margin:							0;
	float:							left;
	border: 						1px solid #E9E9E9;
	padding:						2px;
}

.content_textright_highres {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright_bookings {
	padding:						0;
	margin:							0;
	width:							550px;
	float: 							left;
}

.content_textright img{
	border: 						1px solid #E9E9E9;
	padding:						2px;
	margin:							0 0 0 20px;
	float:							right;
}

.content_textright ul {
	padding:						0;
	margin:							15px 0 0 35px;
	list-style: 					disc;
}

.content_textright_cart ul {
	padding:						0;
	margin:							15px 0 0 35px;
	list-style: 					disc;
}


.home_textleft_padding {
	padding:						0 20px 0 10px;
}

.content_textright_padding {
	padding:						0 10px 0 20px;
}

.home_intro {
	padding:						0;
	margin:							0;
	width:							520px;
	background-color:				#ffffff;
	text-align:						left;
}
.home_intro_header {
	padding:						0;
	margin:							0;
	width:							520px;
	height:							30px;
	background:						url( '../images/header_whale_season.png' ) no-repeat;
}

.home_textleft ul {
	padding:						0;
	margin:							15px 0 0 35px;
	list-style: 					disc;
}



.home_intro img{
	border: 						1px solid #E9E9E9;
	padding:						2px;
	margin:							0 10px 0 0;
	float:							left;
}

.home_intro_padding {
	padding:						10px 0 10px 10px;
	text-align:						left;
}

.intro_text_footer {
	padding:						0;
	margin:							0;
	width:							520px;
	height:							33px;
	background:						url( '../images/intro_text_footer.png' ) no-repeat;
}


.home_thumbs {
	padding:						0;
	margin:							0;
	width:							130px;
	float:							left;
	text-align:						left;
}


.home_textright {
	padding:						0;
	margin:							0;
	width:							179px;
	float: 							left;
}

.content_textleft {
	padding:						0;
	margin:							0;
	width:							179px;
	float: 							left;
}

.content_textleft ul {
	padding:						0;
	margin:							15px 0 0 15px;
	list-style: 					disc;
}


.content_textleft a:link {
	color:						#333333;
	text-decoration:			none;
}

.content_textleft a:visited {
	color:						#333333;
	text-decoration:			none;
}

.content_textleft a:hover {
	color:						#333333;
	text-decoration: underline;
}

.content_textleft a:active {
	color:						#333333;
	text-decoration: underline;
}

.home_margin1 {
	width:							20px;
	float: 							left;
}


.home_margin3 {
	width:							10px;
	float: 							left;
}

.content_margin1 {
	width:							10px;
	float: 							left;
}

.content_margin2 {
	width:							20px;
	float: 							left;

}

.content_whalemail_margin2 {
	width:							20px;
	float: 							left;
}


.footer {
	padding:						0;
	margin:							0;
	width:							795px;
	color:							#80A0D4;
	font-size: 						10px;
	font-weight:					normal;
	line-height: 					120%;
	}
.footer_left {
	padding:						0;
	margin:							0;
	float:							left;
	width:							590px;
	}
.footer_right {
	padding:						0;
	margin:							0;
	float:							right;
	width: 							180px;
	text-align: 					right;
	}
.footer_right_padding {
	padding:						0 10px 0 0;
	text-align: 					right;
	}
.footer a:link, .footer a:visited {
	color:							#80A0D4;
	text-decoration: 				none;
	}
.footer a:hover {
	color:							#ffffff;
	}
.footer a:active {
	color:							#ffffff;
	}

.footer_padding {
	padding:						0 0 0 25px;
}

/* Gallery */

.gallery_thumbs img{
	border: 						1px solid #ffffff;
	padding:						0px;
	margin:							0 1px 3px 0;
	float:							left;
}

.photogallery_thumbs img{
	border: 						1px solid #e6e6e6;
	padding:						0px;
	margin:							0 13px 3px 0px;
	float:							left;
}



/* Headers */

.header_browsegallery {
		display:block;
		width: 156px;
		height: 22px;
		background: url("../images/header_browsegallery.png") 0 0 no-repeat;
		margin: 0;
		}
.header_quicklinks {
		display:block;
		width: 156px;
		height: 22px;
		background: url("../images/header_quicklinks.png") 0 0 no-repeat;
		margin: 0;
		}
.click {
		display:block;
		width: 154px;
		height: 13px;
		background: url("../images/click.png") 0 0 no-repeat;
		margin: 0;
		}
		
.header_ourmap {
		display:block;
		width: 156px;
		height: 18px;
		background: url("../images/header_ourmap.png") 0 0 no-repeat;
		margin: 0;
		}

.header_seasonarchives {
		display:block;
		width: 156px;
		height: 23px;
		background: url("../images/header_seasonarchives.png") 0 0 no-repeat;
		margin: 0;
		}

.header_testimonials {
		display:block;
		width: 156px;
		height: 23px;
		background: url("../images/header_testimonials.png") 0 0 no-repeat;
		margin: 0;
		}
		
.header_information {
		display:block;
		width: 156px;
		height: 22px;
		background: url("../images/header_information.png") 0 0 no-repeat;
		margin: 0;
		}
		
.header_cards {
		display:block;
		width: 156px;
		height: 20px;
		background: url("../images/header_cards.png") 0 0 no-repeat;
		margin: 0;
		}		
		
.header_shoppinglinks {
		display:block;
		width: 156px;
		height: 22px;
		background: url("../images/header_shoppinglinks.png") 0 0 no-repeat;
		margin: 0;
		}
.header_categories {
		display:block;
		width: 156px;
		height: 22px;
		background: url("../images/header_categories.png") 0 0 no-repeat;
		margin: 0;
		}	
		
.testimonials_list ul {
	margin-left: 0;
	}
.testimonials_list li {
	margin-left: 0;
	padding: 0 0 0 5px;
	height: 20px;
	list-style: none;
	display: inline;
	float: left;
	}
	
		


/* Buttons */

.logo_padding{ padding: 21px 0 17px 21px; }

.menuitem{
	display: block;
	width: auto;
	clear: both;
	padding: 0 0 0 39px;
	margin: 0;
	height: 20px;
}


.logo a {
		display:block;
		width: 152px;
		height: 112px;
		background: url("../images/logo.png") 0 0 no-repeat;
		margin: auto;
		}
.logo a:hover {	
		background-position: 0 -112px;
		}
.logo a:active {
		background-position: 0 -112px;
		}
		
.home a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_home.png") 0 0 no-repeat;
		margin: 0;
		}
.home a:hover {	
		background-position: 0 -9px;
		}
.home a:active {
		background-position: 0 -9px;
		}
		
.cruise a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_thecruise.png") 0 0 no-repeat;
		margin: 0;
		}
.cruise a:hover {	
		background-position: 0 -9px;
		}
.cruise a:active {
		background-position: 0 -9px;
		}
		
.boat a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_theboat.png") 0 0 no-repeat;
		margin: 0;
		}
.boat a:hover {	
		background-position: 0 -9px;
		}
.boat a:active {
		background-position: 0 -9px;
		}



.whalevideos a {
		display:block;
		width: 140px;
		height: 10px;
		background: url("../images/btn_whalevideos.png") 0 0 no-repeat;
		margin: 0;
		}
.whalevideos a:hover {	
		background-position: 0 -10px;
		}
.whalevideos a:active {
		background-position: 0 -10px;
		}


		
.kerry a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_kerry.png") 0 0 no-repeat;
		margin: 0;
		}
.kerry a:hover {	
		background-position: 0 -9px;
		}
.kerry a:active {
		background-position: 0 -9px;
		}
		
.book a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_bookonline.png") 0 0 no-repeat;
		margin: 0;
		}
.book a:hover {	
		background-position: 0 -9px;
		}
.book a:active {
		background-position: 0 -9px;
		}
		
.giftvoucher a {
		display:block;
		width: 140px;
		height: 10px;
		background: url("../images/btn_giftvoucher.png") 0 0 no-repeat;
		margin: 0;
		}
.giftvoucher a:hover {	
		background-position: 0 -10px;
		}
.giftvoucher a:active {
		background-position: 0 -10px;
		}

.photos a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_purchasephotos.png") 0 0 no-repeat;
		margin: 0;
		}
.photos a:hover {	
		background-position: 0 -9px;
		}
.photos a:active {
		background-position: 0 -9px;
		}
		
.whales a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_whalereports.png") 0 0 no-repeat;
		margin: 0;
		}
.whales a:hover {	
		background-position: 0 -9px;
		}
.whales a:active {
		background-position: 0 -9px;
		}
		
.location a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_locationmaps.png") 0 0 no-repeat;
		margin: 0;
		}
.location a:hover {	
		background-position: 0 -9px;
		}
.location a:active {
		background-position: 0 -9px;
		}
		
.shuttle a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_shuttlebus.png") 0 0 no-repeat;
		margin: 0;
		}
.shuttle a:hover {	
		background-position: 0 -9px;
		}
.shuttle a:active {
		background-position: 0 -9px;
		}
		
.accomm a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_accommodation.png") 0 0 no-repeat;
		margin: 0;
		}
.accomm a:hover {	
		background-position: 0 -9px;
		}
.accomm a:active {
		background-position: 0 -9px;
		}
		
.faqs a {
		display:block;
		width: 140px;
		height: 10px;
		background: url("../images/btn_faqs.png") 0 0 no-repeat;
		margin: 0;
		}
.faqs a:hover {	
		background-position: 0 -10px;
		}
.faqs a:active {
		background-position: 0 -10px;
		}
		
.groups a {
		display:block;
		width: 140px;
		height: 10px;
		background: url("../images/btn_exclusivegroups.png") 0 0 no-repeat;
		margin: 0;
		}
.groups a:hover {	
		background-position: 0 -10px;
		}
.groups a:active {
		background-position: 0 -10px;
		}
		
.contact a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_contactus.png") 0 0 no-repeat;
		margin: 0;
		}
.contact a:hover {	
		background-position: 0 -9px;
		}
.contact a:active {
		background-position: 0 -9px;
		}
		
		
.whalemail a {
		display:block;
		width: 140px;
		height: 9px;
		background: url("../images/btn_whalemailclub.png") 0 0 no-repeat;
		margin: 0;
		}
.whalemail a:hover {	
		background-position: 0 -9px;
		}
.whalemail a:active {
		background-position: 0 -9px;
		}

.booknow a {
		display:block;
		width: 209x;
		height: 40px;
		background: url("../images/btn_booknow.png") 0 0 no-repeat;
		margin: 0;
		}
.booknow a:hover {	
		background-position: 0 -40px;
		}
.booknow a:active {
		background-position: 0 -40px;
		}
		
.theboat a {
		display:block;
		width: 118px;
		height: 118px;
		background: url("../images/btn_thumb_boat.jpg") 0 0 no-repeat;
		margin: 0;
		}
.theboat a:hover {	
		background-position: 0 -118px;
		}
.theboat a:active {
		background-position: 0 -118px;
		}
		
.thevouchers a {
		display:block;
		width: 118px;
		height: 118px;
		background: url("../images/btn_thumb_vouchers.jpg") 0 0 no-repeat;
		margin: 0;
		}
.thevouchers a:hover {	
		background-position: 0 -118px;
		}
.thevouchers a:active {
		background-position: 0 -118px;
		}
		
.photogallery a {
		display:block;
		width: 118px;
		height: 118px;
		background: url("../images/btn_thumb_photos.jpg") 0 0 no-repeat;
		margin: 0;
		}
.photogallery a:hover {	
		background-position: 0 -118px;
		}
.photogallery a:active {
		background-position: 0 -118px;
		}
		
.whalereports a {
		display:block;
		width: 118px;
		height: 118px;
		background: url("../images/btn_thumb_reports.jpg") 0 0 no-repeat;
		margin: 0;
		}
.whalereports a:hover {	
		background-position: 0 -118px;
		}
.whalereports a:active {
		background-position: 0 -118px;
		}
		
		
.inputbox {
		color:					#333333;
		margin:					3px 0 3px 0;
		padding:				2px;
		font:					11px/11px verdana, arial,sans-serif;
		background-color:		#eee;
	}
