@charset "UTF-8";
/* CSS Document */

/* Normalize Everything */
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, form, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
	
}
html {
	height: 100%;
}
html, body {
	background-color: /*#434f5b*/ #54626F;
	
}
img {border:none;}

h1, h2, h3, h4, h5, h6 p, ul, table {
	font-family:Arial, Helvetica, sans-serif;
}
p, table {
	color: #000;
	margin-bottom: 10px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}
a {font-family:Arial, Helvetica, sans-serif; color:#003366;}
div.clear {clear:both;	height: 30px;}

#body_wrapper {
	margin: 0 auto;
	width: 930px;
	background-image:url(../images/wht_content_bg.jpg);
	background-repeat:repeat-y;
	
}
#content_wrapper {
	margin: 0 auto;
	padding: 0;
	width: 930px;
	background-image:url(../images/top_content_bg.jpg);
	background-repeat:no-repeat;
	
	
}

#content {
	margin: 0 auto;
	width: 884px;
	background-image:url(../images/content_bg.jpg);
	background-repeat:repeat;
	
	
}

#top {
	height: 186px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
}
h1#logo {
	background-image: url(../images/logo-trans.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width: 252px;
	height: 103px;
}

/*
/**
/***
/****
/*****
/****** start NAVIGATION *********/ 


ul#navigation {
	width: 884px;
	list-style:none;
	background-image:url(../images/navigation/navigation_bg.jpg);
	background-repeat:repeat-x;
	overflow:visible;
	height:40px;
}
ul#navigation li {
	float: left;
}
ul#navigation li a {
	display:block;
	padding: 0;
	color: #fff;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border: solid 1px #FFCC33;*/
	text-indent:-9999px;
}
ul#navigation li#home a {
	background: url(../images/navigation/home_bg.jpg) 0 0 no-repeat;
	width: 77px;
	height:40px;
}
ul#navigation li#home a:hover {
	background: url(../images/navigation/home_bg.jpg) 0 -40px no-repeat;
}
ul#navigation li#resort {
	width: 88px;
}
ul#navigation li#resort a {
	background: url(../images/navigation/resort_bg.jpg) 0 0 no-repeat;
	width: 88px;
	height:40px;
}
ul#navigation li#resort a:hover {
	background: url(../images/navigation/resort_bg.jpg) 0 -40px no-repeat;
}
ul#navigation li#surfing a {
	background: url(../images/navigation/surfing_bg.jpg) 0 0 no-repeat;
	width: 92px;
	height:40px;
}
ul#navigation li#surfing a:hover {
	background: url(../images/navigation/surfing_bg.jpg) 0 -40px no-repeat;
}
ul#navigation li#activities {
	width: 119px;
}
ul#navigation li#activities a {
	background: url(../images/navigation/activities_bg.jpg) 0 0 no-repeat;
	width: 119px;
	height:40px;
}
ul#navigation li#activities a:hover {
	background: url(../images/navigation/activities_bg.jpg) 0 -40px no-repeat;
}

ul#navigation li#fishing a {
	background: url(../images/navigation/fishing_bg.jpg) 0 0 no-repeat;
	width: 92px;
	height:40px;
}
ul#navigation li#fishing a:hover {
	background: url(../images/navigation/fishing_bg.jpg) 0 -40px no-repeat;
}
ul#navigation li#gallery a {
	background: url(../images/navigation/gallery_bg.jpg) 0 0 no-repeat;
	width: 97px;
	height:40px;
}
ul#navigation li#gallery a:hover {
	background: url(../images/navigation/gallery_bg.jpg) 0 -40px no-repeat;
}
ul#navigation li#rates a {
	background: url(../images/navigation/rates_bg.jpg) 0 0 no-repeat;
	width: 226px;
	height:40px;
}
ul#navigation li#rates a:hover {
	background: url(../images/navigation/rates_bg.jpg) 0 -40px no-repeat;
}

ul#navigation li#resort:hover ul.submenu, ul#navigation li#activities:hover ul.submenu {
	display:block;
}
ul#navigation li#resort ul.submenu, ul#navigation li#activities ul.submenu {
	display: none;
	background-color:#661901;
	list-style: none;
	position:absolute;
	z-index:1000
}
ul#navigation li ul.submenu li {
	float: none;
}

ul#navigation li ul.submenu li a {
	display:block;
}
ul#navigation li ul.submenu li#location a {
	background: url(../images/navigation/location_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#location a:hover {
	background: url(../images/navigation/location_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#accommodations a {
	background: url(../images/navigation/accommodations_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#accommodations a:hover {
	background: url(../images/navigation/accommodations_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#amenities a {
	background: url(../images/navigation/amenities_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#amenities a:hover {
	background: url(../images/navigation/amenities_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#testimonials a {
	background: url(../images/navigation/testimonials_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#testimonials a:hover {
	background: url(../images/navigation/testimonials_bg.jpg) 0 -27px no-repeat;
}

/* second SUB menu */
ul#navigation li ul.submenu li#fishing2 a {
	background: url(../images/navigation/fishing2_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#fishing2 a:hover {
	background: url(../images/navigation/fishing2_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#snorkeling a {
	background: url(../images/navigation/snorkeling_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#snorkeling a:hover {
	background: url(../images/navigation/snorkeling_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#village_trips a {
	background: url(../images/navigation/village_trips_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#village_trips a:hover {
	background: url(../images/navigation/village_trips_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#island_hopping a {
	background: url(../images/navigation/island_hopping_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#island_hopping a:hover {
	background: url(../images/navigation/island_hopping_bg.jpg) 0 -27px no-repeat;
}
ul#navigation li ul.submenu li#resort_activities a {
	background: url(../images/navigation/resort_activities_bg.jpg) 0 0 no-repeat;
	width: 180px;
	height: 27px;
}
ul#navigation li ul.submenu li#resort_activities a:hover {
	background: url(../images/navigation/resort_activities_bg.jpg) 0 -27px no-repeat;
}
/*
/**
/***
/****
/*****
/****** End NAVIGATION *********/ 

#top_content, #top_content2 {
	background-image: url(../images/top-right-arrows.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

img#intro_image {
	float: left;
	width: 382px;
	height:277px;
	margin-right: 25px;
	margin-bottom: 30px;
}

/*
/**
/***
/****
/*****
/****** All page HEADERS *********/ 

h1#home_header, h1#accommodations_header, h1#amenities_header, h1#location_header, h1#testimonials_header, h1#surfing_header, h1#rates_header, h1#activities_header, h1#fishing_header, h1#snorkeling_header, h1#villageTrips_header, h1#gallery_header, h1#islandHopping_header {
	text-indent: -9999px;
	height: 50px;
	background-repeat:no-repeat;
}
h1#home_header {
	background-image:url(../images/headers/home-header2-trans.png);
	margin-left: 402px;
}
h1#location_header {background-image:url(../images/headers/location-header-trans.png);}
h1#accommodations_header {background-image:url(../images/headers/accommodations-header-trans.png);}
h1#amenities_header {background-image:url(../images/headers/amenities-header-trans.png);}
h1#testimonials_header {background-image:url(../images/headers/testimonials-header-trans.png);}
h1#surfing_header {background-image:url(../images/headers/surfing-header-trans.png);}
h1#rates_header {background-image: url(../images/headers/rates-header-trans.png);}
h1#activities_header {background-image: url(../images/headers/activities-header-trans.png);}
h1#fishing_header {background-image: url(../images/headers/fishing-header-trans.png);}
h1#snorkeling_header {background-image: url(../images/headers/snorkeling-header-trans.png);}
h1#villageTrips_header {background-image: url(../images/headers/villageTrips-header-trans.png);}
h1#gallery_header {background-image: url(../images/headers/gallery-header-trans.png);}
h1#islandHopping_header {background-image: url(../images/headers/islandHopping-header-trans.png);}

/*h3.rate_headers {margin-left: 20px;}*/
/*
/**
/***
/****
/*****
/****** END page HEADERS *********/ 

#top_content h3 {margin: 15px 23px; width: 500px; border-bottom: 1px solid #656565;}
#top_content h4 {padding: 0 0 5px 23px;}
#top_content ul {margin: 0 0 10px 30px; list-style:none;}
#top_content ul li h4 {padding: 0;}
#top_content ul li p {margin: 0;padding: 5px 0;}
#top_content p, #top_content table {
	margin-left:23px;
	margin-right: 20px;
}

#top_content p.intro {margin-right: 80px;}
#top_content2 p {
	margin-left: 0;
}
#top_content2 p.intro {margin-left: 23px; margin-right: 80px;}
p.sub_header {
	font-size: 15px;
	font-weight: bold;
}

#bottom_middle {
	clear: left;
}
#flash_video {
	float: left;
	width: 330px;
	
}
#flash_video h2 {
	text-indent: -9999px;
	background-image:url(../images/headers/journey-video-header-trans.png);
	background-repeat:no-repeat;
	height: 50px;
}
p#flash_text {margin: 0 0 0 20px;}
#left_content {
	padding-left: 20px;
}

ul#four_buttons {
	float: right;
	width: 480px;
	/*border: solid 1px red;*/
}
ul#four_buttons li img {margin: 0; padding: 0;}
ul#four_buttons li {
	list-style: none;
	float: left;
	padding: 10px 10px 0 0;
}


ul.showcase {
	overflow:hidden;
	margin-left: 20px;
	margin-bottom: 10px;
}
ul.showcase li {
	float: left;
	list-style: none;
	padding: 0 25px 0 0;
}
ul.showcase li p.caption {
	width: 380px;
	font-size:10px;
}
p.caption {font-size:10px;}
ul.list1 {list-style:none; margin: 5px 0 10px 20px;}
ul.list1 li {margin: 0;padding: 0; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

#experience_wrapper {overflow:hidden; width: 884px; position:relative;}
.experience_image {float: left;padding: 0 0 0 25px;}
.experience_image img {margin: 0;}
.experience_image p.caption3 {font-size: 10px;}
.experience_content {float: right; width: 640px; margin-right: 50px;}

.image_right {float: right; padding-right: 20px; margin-left: 15px;margin-bottom: 5px;}
.image_right  ul li {list-style:none; padding-bottom: 10px;}
.image_left {float: left; padding-left: 23px;padding-right: 15px; margin-bottom: 5px;}

#top_content .image_left p.caption2, 
#top_content .image_right p.caption2 {font-size: 10px; padding:0; margin: 0;}
#top_content .image_left p.caption2 {clear: left;}
#top_content .image_right p.caption2 {clear: right; text-align:right;}

#rateTable {width: 800px; border-collapse:collapse; }
#rateTable td {border:1px solid #818181; padding:5px 10px; background:#444; color:#fff;}

/*
/**
/***
/****
/*****
/****** Footer *********/ 


#footer {
	/*clear:both;*/
	background-image:url(../images/footer-bars-trans.png);
	background-repeat:no-repeat;
	overflow:hidden;
	height:127px;

}
#footer img {
	float: left;
	margin-right: 50px;

}

#footer-header {
	float: left;
	position:relative;
	top: 60px;
	background-image:url(../images/headers/footer-header2-trans.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width: 337px;
	height:42px;
}
ul#footer-navigation {
	width: 680px;
	position:relative;
	top: 50px;
	list-style: none;
	padding-top: 5px;
	float: left;
}
ul#footer-navigation li {
	float: left;
	padding-right:10px;
}

ul#footer-navigation li a {
	font-size:13px;
}

ul#footer-navigation li a:link {
	text-decoration: none;
	color: #422018;
}
ul#footer-navigation li a:hover {
	text-decoration:underline;
}
ul#footer-navigation li a:visited {
	text-decoration: none;
	color: #000;
}

#footer-end {
	background:url(../images/footer-end.jpg);
	background-repeat:no-repeat;
	width: 930px;
	height:47px;
}