/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #e5e5e5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#container_main {
	display: block;
	width: 797px;
	height: 100%;
	margin: 0 auto;
	border: 0px solid #000;
}
	
div#container_header {
	display: block;
	height: 78px;
	padding: 10px 8px 0px 8px;
	border: 0px solid #000;
}
	
		div#header_nav {
			display: block;
			border: 0px #000 solid;	
			float: right;
			margin-top: 40px;
			border: 0px solid #000;
		}
		
		div#header_nav ul { 
			list-style:none; 
			margin-left: 0px; 
			margin-bottom: 4px;
			margin: 0 auto;
			padding: 0em;			
		}
		div#header_nav li { display: inline;}
		div#header_nav a { color:#333; background-color: transparent; text-decoration:none; font-size: 11px; font-weight: bold}
		div#header_nav a:hover { text-decoration:underline;}


div#container_body {
	display: block;
	width: 797px;
	height: 100%;
	border: 0px solid #000;
}

		div#body_top {
			display: block;
			height: 25px; 
			background: url(../images/cbody_top.gif) transparent no-repeat;
			border: 0px solid #000;
			padding-left: 40px;
			padding-top: 20px;
			font-size: 11px;
			color: #999999;
		}
		div#body_top a { color:#000; text-decoration: underline; font-size: 11px; }
		div#body_top a:hover {text-decoration: none;}

		div.body_header {
			display: block;
			width: 797px;
			height: 104px; 
			border: 0px solid #000;
		}
		div#header_whale {background: url(../images/header_whale.gif) transparent no-repeat; }
		div#header_manta {background: url(../images/header_manta.gif) transparent no-repeat; }
		div#header_tour {background: url(../images/header_tour.gif) transparent no-repeat; }
		div#header_firefly {background: url(../images/header_firefly.gif) transparent no-repeat; }
		div#header_kayak {background: url(../images/header_others.gif) transparent no-repeat; }
		div#header_donsol {background: url(../images/header_donsol.gif) transparent no-repeat; }
		div#header_aboutus {background: url(../images/header_aboutus.gif) transparent no-repeat; }
		div#header_faqs {background: url(../images/header_faqs.gif) transparent no-repeat; }
		div#header_contactus {background: url(../images/header_contactus.gif) transparent no-repeat; }
		div#header_gallery {background: url(../images/header_gallery.jpg) transparent no-repeat; }
		div#header_testimonials {background: url(../images/header_testimonials.jpg) transparent no-repeat; }
		div#header_ourpartners {background: url(../images/header_ourpartners.jpg) transparent no-repeat; }

		div#body_content {
			display: block;
			width: 797px;
			background: url(../images/cbody_bground.jpg) repeat-y top left;
			border: 0px solid #000;

		}
				div#content_nav {
					display: block;
					width: 185px;
					float: right;
					margin-right: 5px;
					margin-top: 5px;
					border: 0px solid #fff;
				}

				div#content_nav ul { 
					list-style:none; 
					margin: 0 auto;
					padding: 0em;			
				}
				div#content_nav li { margin-bottom: 0px; border-bottom: 1px dotted #fff; padding: 5px 5px 5px 10px;}
				div#content_nav a { color:#fff; text-decoration: none; font-size: 12px; font-weight: bold}
				div#content_nav a:hover {text-decoration: underline;}

				#sublinks li {color:#F00}
				#sublinks li a{text-decoration:none;font-weight:normal !important;}
				#sublinks li a:hover{text-decoration:underline}

				div#content_texts {
					display: block;
					width: 540px;
					height: 100%;
					margin-left: 40px;
					margin-bottom: 20px;
					padding-top: 20px;
					font-size: 0.8em;
					border: 0px solid #000;
					background-color: transparent;
				}
				div#content_texts h1 { font-size: 1.3em; color: #000066}
				div#content_texts h2 { font-size: 1.1em; color: #330099}
				div#content_texts h3 { font-size: 1.0em; color: #000}
				div#content_texts p { line-height: 16px; margin-bottom: 20px}

				div#body_content h2{ 
					font-family: Arial, Helvetica, sans-serif; 
					font-size: 16px; 
					font-weight:  bold; 
					height: 30px;
					color:#000; 
					margin-bottom: 0px; 
					border: 0px solid #000; 
					padding: 5px 5px; 
					padding-top: 1em; 
					background: transparent url(../images/bground_package.gif) repeat-x left;
				}
				span.price {color: #990000;}

				ul.tour { list-style: none; margin: 0 auto; padding: 0em; margin-left: 2em;}
				ul.tour a { font-size: 12px; text-decoration: none; color: #0066CC}
				ul.tour a:hover { text-decoration: none; border-bottom: 1px dotted #000000; }

				div.header_tour {
					background: transparent url(../images/header_tour.jpg) no-repeat left;
					width: 540px;
					padding: 13px 0px 13px 10px;
					color: #FFFFFF; 
					font-size: 22px;
					border: 0px solid #000000;
				}
				
				.required { color:#FF0000;}
				select {font-size: 14px;}
				input.textfield {border: 1px #666 solid; font-size:12px; width:135px; height: 16px;}
				input.textfield_subject {border: 1px #666 solid; font-size:12px; width:300px; height: 16px;}
				textarea {border: 1px #666 solid; font-size:11px; width: 250px; height: 100px;}
				td.name_type { 
					width: 140px; 
					font-weight: bold; 
					text-align: right; 
					padding-right: 10px; 
					vertical-align: text-top; 
					font-size: 11px;
					border: 0px solid #000;
				}
				td.type_field { padding-bottom: 8px;}
				
				ol#faqs_qstn {}
				ol#faqs_qstn li { padding-bottom: 8px;}
				ol#faqs_qstn a { text-decoration: none; color: #000066; background-color:transparent}
				ol#faqs_qstn a:hover { text-decoration: underline;}
				ol#faqs_qstn a:visited { color: #336699; }


		div#back { margin-top: 10px; margin-bottom:40px;}
		div#back a{ color:#CC3300; text-decoration: underline; font-size: 11px;}
		div#back a:hover{text-decoration: none;}

		div#faqs_back { margin-top: 30px; margin-bottom: 20px;}
		div#faqs_back a { color: #CC3300; text-decoration: underline; font-size: 11px;}
		div#faqs_back a:hover{text-decoration: none;}
		div#body_bottom {
			display: block;
			height: 45px; 
			background: url(../images/cbody_bottom.gif) transparent no-repeat;
			border: 0px solid #000;
		}
		
		div#body_bottom ul { 
			list-style:none; 
			margin-left: 0px; 
			margin-bottom: 4px;
			margin: 0 auto;
			padding: 0em;
			padding-left: 100px;
			/*padding-left: 50px;*/
			padding-top: 5px;
		}
		div#body_bottom li { display: inline;}
		div#body_bottom a { color:#333; background-color: transparent; text-decoration:none; font-size: 11px; font-weight: bold}
		div#body_bottom a:hover { text-decoration:underline;}

		a.addlink { color: #0033CC; background-color: transparent; text-decoration: underline;}
		a.addlink:hover { text-decoration: none;}


div#container_footer {
	display: block;
	width:650px; 
	font-size: 9px;
	text-align: center;
	color: #999999;
	margin-bottom: 20px;
	border: 0px solid #000;
	margin:0 auto;
}

div#container_footer p { border:1px solid #999999; padding:5px;}
div#container_footer a { color:#000000; text-decoration: none;}
div#container_footer a:hover {text-decoration: underline;}

/* fixing float problem */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.convert { font-size:10px; font-weight: normal; }
.convert a{ color: #000000; background-color: transparent; text-decoration: underline; }
.convert a:hover{ color: #000000; background-color: transparent; text-decoration: none; }

ol#terms li { margin-bottom: 20px;}
ol#terms ol { margin-top:20px; margin-bottom: 20px; list-style: lower-alpha};

.note {font-size:11px; color: #FFFFFF; border: 1px solid #999; padding: 10px; background-color: #999999; text-align: justify}
.note strong {color: #FF0000}
.note a{ color: #0033CC; background-color: transparent; text-decoration: underline; }
.note a:hover{ text-decoration: none; }

.spnsor {width: 150px;}
.spnsor_text {vertical-align:top}