body {
	padding:0;
	margin:0;
	text-align:center;
	background:#081f33; url(../i/bg-gradient.png) repeat-y center;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#5d768e;
}

#container {
	width:998px;
	margin:0 auto;
	padding:0 13px;
	text-align:left;
	background:#fff;url(../i/bg-gradient.png) repeat-y center;
	}
	
#brand {
	height:137px;
	background:#fff url(../i/brandbg.jpg) no-repeat 0 0;
}	

#brand img {
	position:relative;
	top:10px;
	left:28px;
	margin:0;
	padding:0;
	border:none;
}

#site-nav {
	height:20px;
	xmargin:20px 0;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#site-nav ul {
	width:941px;
	margin:0;
	padding:28px 0 0 0;
	list-style:none; 
	margin:0 0 0 28px;
}

#site-nav li {
	float:left; 
}

#site-nav li a {
	text-decoration:none;
	margin:0 30px 0 0;
	color:#551a8b;
}

#site-nav li a:hover {
	text-decoration:none;
	color:#995fdf;
}

/************************************ Drop Down *****************************************/

#gallery {
	width:941px;
	margin:0 auto;
	padding:0 0 10px 0;
}


#g-nav { /* all lists */
	list-style: none;
}

#g-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
}

#g-nav li { /* all list items */
	float: left;

}

#g-nav li a { 
	display: block;
    letter-spacing: 0.4px;
    padding:10px;
    font-size:13px;
	xborder:1px solid #c6c6d6;
	xborder-width:0 1px;
	color:#3399ff;
	text-decoration:none;}
	
#g-nav li li a { 
	color:#66ccff;
	}

#g-nav li a:hover { 
	display: block;
    letter-spacing: 0.4px;
    padding:10px;
    font-size:13px;
	xborder:1px solid #c6c6d6;
	xborder-width:0 1px;
	background: #3399ff;
	color:#fff;
	text-decoration:none;
}

#g-nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	width:250px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	background: #081f33;
	z-index:1;
}

#g-nav li ul li { 
	width:250px;
}

#g-nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#g-nav li:hover ul, #g-nav li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}

/* hack for IE - hover effect encompasses entire block */
* html #g-nav li {
	height: 1px;
	}
	
.navactive {
	background:#d1e6fb;
	color:#000;
}


/*
#gallery-nav, #gallery-nav ul {
	xwidth:941px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#gallery-nav ul li { 
	float: left;
	xheight:30px;
	margin: 0 3px 0 0;
	padding:0;
}

#gallery-nav li a {
	display: block;
    letter-spacing: 0.4px;
    padding:0 10px;
    font-size:13px;
	xborder:1px solid #c6c6d6;
	xborder-width:0 1px;
	color:#7170ac;
	xheight:30px;
	line-height:30px;
	text-decoration:none;
}

#gallery-nav li li {
	xdisplay: block;
    padding:2px 0;
	width: 270px;
    font-size:13px;
	border:0;
	color:#fff;
	background: #081f33;
}

#gallery-nav li ul { 
	position: absolute;
	border:0;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	width: 270px;
	left: -999em; // using left instead of display to hide menus because display: none isn't read by screen readers //
	xborder-top:1px solid #fff;
	z-index:1;
}


#gallery-nav li:hover ul, #gallery-nav li.sfhover ul { // lists nested under hovered list items //
	left: auto;
    color: #fff;
}

#gallery-nav li li.nav_active a{
    color: #fff;
	filter:alpha(opacity=100);-moz-opacity:100;opacity:100;
}

#gallery-nav li a:hover {
    color: #fff;
	xborder:1px solid #2d4051;
	xborder-width:0 1px;
	background: #3399ff;
}
*/



/*********************************************************************************/

/*
#gallery-nav {
	width:941px;
	height:30px;
	position:relative;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#gallery-nav ul {
	height:30px;
	list-style:none; 
	margin: 0;
	padding:0;
	background:url(../i/navbg.gif) bottom repeat-x;
}
	
#gallery-nav li  {
	height:30px;
	line-height:30px;
	float:left;	
	border-left:1px solid #c6c6d6;
	border-right:1px solid #c6c6d6;
	background:url(../i/tabbg.gif) repeat-x 0 0;
	margin: 0 3px 0 0;
}

#gallery-nav li a {
	padding:9px 6px;
	text-decoration:none;
	color:#7170ac;9391ce;
}

#gallery-nav li a:hover {
	text-decoration:none;
	color:#45688e;
	background: url(../i/activebg.gif) repeat-x 0 0;
}

#snorkel .tab-snorkel, #cruise .tab-cruise, #scuba .tab-scuba, #eco .tab-eco, #fishing .tab-fishing {
	background:url(../i/activebg.gif) repeat-x 0 0;
}
*/
#images {
	clear:both;
		width:939px;
		xheight:225px;
		top:0;
		xposition:relative;
		font-family: Arial, Helvetica, sans-serif;
		xborder:solid #c6c6d6;
		xborder-width:0 1px 1px 1px;
		padding:0 0 10px 0;
		background:#fff; url(../i/imgshadow.jpg) no-repeat 7px 7px;
		z-index:10;
	}
	#images #photo {
		position:relative;
		width:919px;
		height:188px;
		left:10px;
		top:10px;
		overflow:hidden;
		padding:0;
		xclip:rect(0px, 919px, 178px, 0px);
		xbackground:#eee;
	}
	#images #photo ul{
		padding:0;
		position:absolute;
		top:0px;
		margin:0;
		width:10000px;
		list-style:none;
	}
	#images #photo li {float:left;}
	#images #photo li img {
		display:block;
		float:left;
		width:919px;
		height:178px;
		background:url(loading.jpg) no-repeat 0 0;
	}
	#images #screenshots {
		position:relative;
		margin:0;
		top:0px;
		left:10px;
		width:919px;
		height:30px;
		background:#eee;
	}
	#images #screenshots ul {
		float:right;
		margin:10px 10px 0 0;
		padding-left:10px;
		text-align:right;
		list-style:none;
		xbackground:#eee url(../i/screenshots.jpg) no-repeat left 8px ;
	}
	#images #screenshots li {
		float:left;
		width:15px;
		height:15px;
		xmargin:0 2px;
		xbackground:#c6c6d6;
	}
	#images #screenshots li a {
		xdisplay:block;
		float:left;
		padding:0 2px;
		text-decoration:none;
		color:#9391ce;
		font-size:11px;
	}
	#images #screenshots li a:hover {
		xdisplay:block;
		float:left;
		padding:0 2px;
		color:#5d7c99;
		xtext-decoration:underline;
		xborder-bottom:1px dotted #000;
		background:#c6c6d6;
	}
	#images #screenshots p {
		float:right;
		margin:10px 0 0 0;
		padding:0;
	}
	x#screenshots li.s01 a, #screenshots li.s01 {background:url(/01.jpg) no-repeat 0 0;}
	x#screenshots li.s02 a, #screenshots li.s02 {background:url(/02.jpg) no-repeat 0 0;}
	#screenshots li.s03 a, #screenshots li.s03 {background:url(/03.jpg) no-repeat 0 0;}
	#screenshots li.s04 a, #screenshots li.s04 {background:url(/04.jpg) no-repeat 0 0;}
	#screenshots li.s05 a, #screenshots li.s05 {background:url(/05.jpg) no-repeat 0 0;}
	#screenshots li.s06 a, #screenshots li.s06 {background:url(/06.jpg) no-repeat 0 0;}
	#screenshots li.s07 a, #screenshots li.s07 {background:url(/07.jpg) no-repeat 0 0;}
	#screenshots li.s08 a, #screenshots li.s08 {background:url(/08.jpg) no-repeat 0 0;}
	#screenshots li.s09 a, #screenshots li.s09 {background:url(/09.jpg) no-repeat 0 0;}
	#screenshots li a:hover {background-position:0 50%;}
	#screenshots li.active a, #screenshots li.active a:hover, #screenshots li.active {background-position:0 100%;}
	
#content {
	width:941px;
	margin:0 auto 30px auto;
	padding:0;
}

#content-head {
	margin:5px 0 15px 0px;
	xpadding:5px 0 15px 255px;
	xborder:1px solid #c6c6d6;
	}

#content-head h1 {
	text-indent:-5000px;
	padding:0;
	margin:0;
	font: 18pt arial;
	xclear:both;
}

.h1-index {
	width:381px;
	height:37px;
	background:url(/fantasea/i/h1-index.gif) top left no-repeat;
}

.h1-sightseeing {
	width:394x;
	height:71px;
	background:url(/fantasea/i/h1-sightseeing.gif) top left no-repeat;
}

.h1-glass {
	width:655px;
	height:71px;
	background:url(/fantasea/i/h1-glassbottom.gif) top left no-repeat;
}

.h1-kayak {
	width:488px;
	height:68px;
	background:url(/fantasea/i/h1-kayak.gif) top left no-repeat;
}

.h1-eco {
	width:444px;
	height:51px;
	background:url(/fantasea/i/h1-eco.gif) top left no-repeat;
}

.h1-snorkeling {
	width:208px;
	height:69px;
	background:url(/fantasea/i/h1-snorkeling.gif) top left no-repeat;
}

.h1-scuba {
	width:305px;
	height:54px;
	background:url(/fantasea/i/h1-scuba.gif) top left no-repeat;
}

.h1-fishing {
	width:149px;
	height:71px;
	background:url(/fantasea/i/h1-fishing.gif) top left no-repeat;
}
.h1-whalewatch {
	width:425px;
	height:71px;
	background:url(/fantasea/i/h1-whalewatch.gif) top left no-repeat;
}

.h1-jetski {
	width:387px;
	height:56px;
	background:url(/fantasea/i/h1-jetski.gif) top left no-repeat;
}

.h1-dailytour {
	width:387px;
	height:69px;
	background:url(/fantasea/i/h1-dailytour.gif) top left no-repeat;
}

.h1-group-charter {
	width:387px;
	height:69px;
	background:url(/fantasea/i/h1-dailytour.gif) top left no-repeat;
}
	
#content-nav {
	margin: 10px 0px 0 0px;
}

#content-nav ul {
	float:right;
}

#content-nav a {
	text-decoration:none;
	color:#5d768e;
}

#content-nav a:hover {
	text-decoration:underline;
	color:#464274;
}
	
.sub-content-nav {
	padding:5px;
	background:#ededfe;ebebee;
	border:1px solid #c5c5d6;
}

#content table a {
	text-decoration:none;
}

#content table a:hover {
	text-decoration:underline;
}

#content table th {
	padding:10px 0;
}

.c-align {
	text-align:center;
	}

.current {
	color:#464274;
	font-weight:bold;
}

.info {
	clear:both;
	margin:20px 0;
}

.info-left {
	float:left;
	border:1px solid #c6c6d6;
	padding:5px;
	background:#e9e9ef;	
	margin:0 0 10px 0;
}

.text {
	float:right;
	width:500px;
	margin: 0 10px 10px 0px;
	padding:0 0 5px 0px;
	line-height:20px;
}

.text h3 {
	margin:0;
	padding:0;
	}

.table2 a{
	text-decoration:none;
}

#columns .columns-left {
	float:left;
	padding:0 10px 0 0;
	border-right:1px solid #eee;
}

.w750 {
	width:750px;
	}

.w450 {
	width:450px;
	}

#columns .text {
	float:right;
	width:250px;
	height:280px;
	margin: 0 10px 20px 0px;
	padding:0 0 30px 0px;
	line-height:20px;
}

#columns .text a.mi {
	float:right;
}

#columns .text a.mi:hover {
	color:#33cc33;
	text-decoration:none;
}

.text a {
	text-decoration:none;
}

.text a:hover {
	text-decoration:underline;
}

.text a img {
	border:none;
}

.col-left-left {
	float:left;
	width:350px;
	padding:0 20px 0 0;
	margin:10px 0 0 0;
	border-right:1px solid #eee;
}

.info-text{
	float:left;
	width:350px;
	xheight:280px;
	margin: 0 10px 10px 0px;
	padding:0 0 30px 0px;
	line-height:20px;
}

.col-left-right {
	float:right;
	width:350px;
	margin:10px 0 0 0;

}

#columns .columns-right {
	float:right;
	xpadding:45px 0 0 0;
}


#columns .info {
	clear:both;
	margin:15px 0;
	padding:15px 0;
}

#columns .info-left {
	float:left;
	border:1px solid #c6c6d6;
	padding:5px;
	background:#e9e9ef;	
}

#columns .info-left a img{
	border:none;
}

#columns p {
	line-height:20px;
	}

#columns h2 {
	margin:20px 0 0 0;
}

#columns .hh1 {
	height:180px;
}

#columns .hh2 {
	height:240px;
}

#columns .text ul {
	margin:15px 0 15px 15px;
	padding:0;
}

#columns table {
	width:100%;
	}
	
#content .content-links table {
	width:100%;
}
	
#content .content-links a {
	text-decoration:none;	
}

#content .content-links a:hover {
	text-decoration:underline;	
}
	
table.infobox {
	background:#ebebee;
	border:1px solid #c5c5d6;
	padding:5px;
}

div.infobox ul {
	background:#ebebee;
	border:1px solid #c5c5d6;
	margin:0 5px 5px 0;
	padding:0;
}

.infobox li{
	list-style:none;
	padding:5px;
	margin:0;
}

.list ul{
	list-style:none;
	margin:10px 0;
	padding:0;
}

.list ul li{
	margin:0;
	padding:5px 0;
}

.pics {
	clear:both;
	text-align:center;
	xborder:1px solid #c6c6d6;
	xpadding:5px;
	xbackground:#e9e9ef;	
}

.pics img {
	padding:0 3px;
}

h2 {
	margin:0;
	padding:0;
	font: 16pt arial;
	color:#cc6666;
	border:0;
}

h2 a {
	color:#cc6666;
	text-decoration:none;
}

h3 {
	margin:10px 0 0 0;
	padding:0;
	font: 14pt arial;
	}
	
h3 a {
	color:#5d768e;cc6666;
	text-decoration:none;
}

h3 a:hover {
	color:#90b9e0;
}

h4 {
	font: 12pt Arial;
	margin:10px 0;
	padding:0;
	font-weight:bold;
	color:#cc6666;
}

h5 {
	font: 10pt arial;
	margin:10px 0;
	padding:0;
	font-weight:bold;
}

h2 a:hover, h4 a:hover {
	text-decoration:underline;
	color:#f17070;
	}

h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration:underline;
	}
.info .text p {
	margin:10px 0;
	padding: 0 0 10px 0;
	color:#5d768e;
	xheight:25px;
}
	
#content-bottom {
	clear:both;
	width:870px;
	margin:0 auto;
	padding:15px 0 0 0;
}	

#content-bottom p {
	border-top:1px solid #eee;
	padding:15px 0 0 0;
	margin:15px 0 0 0;
	font-size:10px;
	line-height:20px;
}
	
#footer {
	clear:both;
	width:998px;
	margin:30px auto 0 auto;
	height:30px;
	line-height:30px;
	background:#485869; url(../i/bg-bottom.png) bottom center no-repeat;
}	

#footer ul {
	list-style:none;
	padding:0;
	margin:0 0 0 29px;
}

#footer li {
	float:left;
	color:#768da5;5d768e;
}

#footer li a {
	color:#8fa9bf;
	text-decoration:none;
}

#footer li a:hover {
	color:#b2c6d7;5d768e;
	text-decoration:underline;
}

#footer p {
	margin:0;
	color:#496076;5d768e;
}

#bg-bottom {
	width:1023px;
	margin:0 auto;
	height:12px;
	background:url(../i/bg-bottom.png) top center no-repeat;

}