@charset "utf-8";
/* CSS Document */
	body {
		background-color:#1c3264;
		margin:0px; padding:0px;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#333;
		}
	#wrap{width:1003px; margin:0 auto;background-color:#d8d7d2;}
	#top_logo{ background:url(../images/top-logo-bg.gif) left top repeat-y; height:188px;}
	#top_logo .logo{padding-bottom:40px;}
	.flag{font:bold 11px/11px Arial, Helvetica, sans-serif; color:#09f;}
	.flag img{ padding:5px;}
	#header_pic{background:url(../images/koh-similan.jpg) left top no-repeat;height:280px; width:1003px;}
	
/* orange middle bar */
	#orange_middle_bar{background:url(../images/orange-middle-bar.gif) left top no-repeat; height:144px;}	
	#left_orange_middle_bar{position:absolute; height:133px; margin:0 41px 0 21px; width:180px;}	
	#center_orange_middle_bar{position:absolute; height:121px; margin:20px 28px 0 242px; width:553px;}	
	#center_orange_middle_bar h1{font: bold 24px/24px Arial, Helvetica, sans-serif; color:#fff; margin:0;}	
	#right_orange_middle_bar{position:absolute; height:144px; margin:0 0 0 823px; width:183px;}	
	#right_orange_middle_bar img{margin: 12px 0 0 10px;}	
	
/* content */	
	#content{
		background: url(../images/content-bg.gif) left top no-repeat; 
		background-color:#d8d7d2;
		min-height:750px;
		height:auto !important;
		margin:0; padding:0;
		width:1003px;}	
	
/* left content */	
	#left_content{height:133px; margin:0 0 0 8px; width:206px; text-transform:uppercase;}	
	#left_nav{background: url(../images/bottom-nav-bg.gif) left bottom no-repeat; background-color:#ed6f22; padding:13px; width:180px; margin-bottom:10px;}
	#navlist{
		margin: 0;
		padding: 0;
		list-style: none;}	
	#navlist li{
		padding:0; margin:0;}		
	#left_nav a.left_nav:link, #left_nav a.left_nav:visited, #left_nav a.left_nav:active{
		background:url(../images/arrow-nav.gif) left top no-repeat; 
		background-position: 0 0em;
		padding:0 0 0 23px; margin:0;	
		font:bold 12px/14px Arial, Helvetica, sans-serif;color:#fff; 		
		text-decoration:none; width:180px;}
	#left_nav a.left_nav:hover{
		background:url(../images/arrow-nav-o.gif) left top no-repeat; 
		background-position: 0 0em;
		padding:0 0 0 23px; margin:0;	
		font:bold 12px/14px Arial, Helvetica, sans-serif;color:#a14005; 
		text-decoration:none; width:180px;}
	#navlist li .line_nav{list-style:none; text-align: left; margin:3px 0; padding:3px 0;}		
		
/* travel tool*/		
	#travel_tool{
		background: url(../images/travel-tool-bottom-bg.gif) left bottom no-repeat; 
		width:206px; padding-bottom:10px; text-transform:uppercase;}
	#travel_tool h3{
		background: url(../images/travel-tool-header-bg.gif) no-repeat left top; 
		margin: 0px; 
		padding:9px 0px 7px 13px; 
		font: bold 16px/16px Arial, Helvetica, sans-serif; 
		color:#360;}
	#travel_tool_list{
		background:url(../images/travel-tool-icon.gif) left top repeat-y;
		margin: 0;
		padding:10px 0 0 0;
		list-style: none; 
		width:206px;}	
	#travel_tool_list li{
		background-position: 0 0em;
		padding:0px 0px 4px 55px; 
		margin:0px;}		
	#travel_tool a:link, #travel_tool a:visited, #travel_tool a:active{
		font:bold 11px/28px Arial, Helvetica, sans-serif;
		color:#360; 		
		text-decoration:none; 
		width:180px;}
	#travel_tool a:hover{
		font:bold 11px/28px Arial, Helvetica, sans-serif;
		color:#690; 
		text-decoration:none; 
		width:180px;}
		
/* our own boat bar*/	
	#right_orange_bar{
		background:url(../images/orange-bar-bottom-bg.gif) left bottom no-repeat;
		background-color:#ed6f22;
		padding:0 0 10px 0;
		text-transform:uppercase;
		margin-bottom:10px;
		width:180px;}

/* our own boat bar*/		
	#boat_bar{
		background: url(../images/boat-bar-bottom-bg.gif) left bottom no-repeat; 
		width:160px; padding-bottom:10px; margin-left:10px;}
	#boat_bar h3{
		background: url(../images/boat-bar-header-bg.gif) no-repeat left top; 
		margin: 0px; 
		padding:9px 0px 7px 13px; 
		font: bold 16px/16px Arial, Helvetica, sans-serif; 
		color:#333;}
	#boat_bar_list{
		background:url(../images/boat-bar-list-bg.gif) left top repeat-y;
		margin: 0;
		padding:10px 0 0 10px;
		list-style: none; 
		width:160px;}	
	#boat_bar h3 a:link, #boat_bar h3 a:visited, #boat_barh3 a:active{
		font: bold 16px/16px Arial, Helvetica, sans-serif; 
		color:#333;
		text-decoration:none;}
	#boat_bar h3 a:hover{
		font: bold 16px/16px Arial, Helvetica, sans-serif; 
		color:#333;
		text-decoration:none;}
	#boat_bar a.boat_link:link, #boat_bar a.boat_link:visited, #boat_bar a.boat_link:active{
		background:url(../images/black-arrow.gif) left top no-repeat;
		font:bold 12px/12px Arial, Helvetica, sans-serif;
		color:#007cdf; 		
		text-decoration:none;
		padding-left:15px;}
	#boat_bar a.boat_link:hover{
		background:url(../images/blue-arrow.gif) left top no-repeat;	
		font:bold 12px/12px Arial, Helvetica, sans-serif;
		color:#3399ff; 
		text-decoration:none;
		padding-left:15px;}
	#boat_bar a.more_boat:link, #boat_bar a.more_boat:visited, #boat_bar a.more_boat:active{
		background:url(../images/black-arrow2.gif) left top no-repeat;
		font:bold 11px/11px Arial, Helvetica, sans-serif;
		color:#ed6f22; 		
		text-decoration:none;
		text-align:right;
		margin:10px 0;
		padding-right:15px;}
	#boat_bar a.more_boat:hover{
		background:url(../images/black-arrow2-o.gif) left top no-repeat;	
		font:bold 11px/11px Arial, Helvetica, sans-serif;
		color:#ed6f22; 
		text-decoration:none;
		text-align:right;	
		margin:10px 0;			
		padding-right:15px;}

	#boat_bar img{
		border:0;
		padding:5px 0;}		
				
/* main content */	
	#main_content{
		background-color:#fff;
		padding:0 20px 20px 20px;
		margin:0 8px 0 8px;
		width:553px;
		min-height:650px; 
		height:auto; !important;}
	#main_content img{
		background-color:#fff;
		border: 2px solid #d8d7d2;
		font:normal 11px/18px Arial, Helvetica, sans-serif;color:#333;
		padding:1px;
		}
			
	#main_content a:link img, #main_content a:visited img, #main_content a:active img{
		font:normal 11px/18px Arial, Helvetica, sans-serif;color:#333;
		border: 2px solid #bcbbb6;}
	#main_content a:hover img{
		font:normal 11px/18px Arial, Helvetica, sans-serif;color:#333;
		border: 2px solid #76c5f0;}
	#main_content td{
		vertical-align:top;}
	#box_content{
		background-color:#e6f1fa;
		border: 1px solid #D8D7D2;
		padding:20px;
		margin:0 0 20px 0;}
	.red{ color:#f00}
	.title{font:normal 14px/18px Arial, Helvetica, sans-serif;color:#06c; font-weight:bold;}		
	.text_11{font:normal 11px/16px Arial, Helvetica, sans-serif;color:#333;}		
	.toppage{
		clear:both;
		float:right;
		text-align:right;}
#content_gallery{}		
	#content_gallery img{margin:0 4px 5px 0;}	
	#content_gallery a:link img, #content_gallery a:visited img, #content_gallery a:active img{
		font:normal 11px/18px Arial, Helvetica, sans-serif;color:#333;
		padding:1px;		
		border: 1px solid #bcbbb6;}
	#content_gallery a:hover img{
		font:normal 11px/18px Arial, Helvetica, sans-serif;color:#333;
		padding:1px;
		border: 1px solid #76c5f0;}
	.banner{
		margin-bottom:10px;}	
	
	img{font:normal 13px/18px Arial, Helvetica, sans-serif;color:#333;}
	input{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333;}	
	h1{margin-top:0;}
	h1 {font: bold 24px/24px Arial, Helvetica, sans-serif; color:#039;}	
	h2 {font: bold 18px/24px Arial, Helvetica, sans-serif; color:#036;}	
	h3 {font: bold 16px/22px Arial, Helvetica, sans-serif; color:#06c;}	
	img{font:normal 11px/18px Arial, Helvetica, sans-serif;color:#333;}
	.top_logo {
		padding-top:4px;
	}
	#top_nav {
		text-align:right;
		vertical-align:bottom;
		padding-bottom:18px;
	}
	#top_nav img {
		padding-right:2px;
	}	
	.clearfix:after {
	   content: ".";
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;}
	   
	.clear-all{clear:both; line-height:0; height:0;}	

/* footer */
	#footer {
		background:url(../images/content_footer_bg.gif) left top repeat-y;		
		font:normal 11px/16px Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:left;
		width: 1003px;}
	#content_footer{
		background:url(../images/content_footer_bg.gif) left top repeat-y;
		text-align:left;}
	#footer_text_left{
		float:left;
		width:445px;
		text-align:left;
		margin:0px 10px 0px 20px;
		padding:10px 0;}	
	#footer_text_right{
		float: right;
		text-align:right;
		margin:0 20px 0 0;
		padding:10px 0;
		width:498px;}	
	#soc{
		float:right;}	
	#soc img{
		padding-right:5px;
		vertical-align:middle;
		border:none;}
			
	#footer a:link, #footer a:visited, #footer a:active{
		font:normal 11px/16px Arial, Helvetica, sans-serif;
		color:#00ccff;
		text-decoration: none;
		}	
	#footer a:hover{
		font:normal 11px/16px Arial, Helvetica, sans-serif;
		color:#fc0;
		text-decoration: underline;
		}
	
/* CSS link */
					
	a:link, a:visited, a:active{
		text-decoration: none;
		font-size: 13px;
		color:#f30;}			
	a:hover{
		font-size: 13px; 
		color:#f60;
		text-decoration: underline;}		
	a.link_11:link, a.link_11:visited, a.link_11:active{
		font-size:11px;
		text-decoration: none;
		color:#f30;}			
	a.link_11:hover{
		font-size:11px;	
		color:#f60;
		text-decoration: underline;}		
	
/* RATE TABLE STYLE */	
table.table {border: 1px solid #9cc9ef; border-collapse: separate; border-spacing: 1px; font: normal 12px/16px Arial, Helvetica, sans-serif; margin:0 0 20px 0;}
table.table th {border: 1px solid #9cc9ef;}
table.table td.td1 {background:#9cc9ef; padding: 5px 10px; color:#000; font-size:14px; font-weight:bold;}
table.table td.td2 {background:#cee3f5; padding: 5px 10px; font-weight:bold; color:#000;}
table.table td.td3 {background:#e6f1fa; padding: 5px 10px; color:#000;}
table.table td.td4 {background:#fff; padding: 5px 10px; color:#000;}
table.table td.td5 {background:#e6f1fa; padding: 0px 0px; color:#000;}	
	
/* Is Javascript Active boolean check */
	.nonjsAlert {margin:1em; border:1px solid #0388FF; padding:.5em;  text-align:center;
					font: normal 13px/16px Arial, Helvetica, sans-serif;
					color:#f30;}
	.accessAid {display:block; position:absolute; top:0; left:-500em; width:1px; height:1px; overflow:hidden; text-indent:-9999em; line-height:0;}
	.hide {display:none;}
	.show {display:block;}
	.clear {clear:both;}
	.textright {text-align:right;}
	.textcenter {text-align:center;}
	.textleft {text-align:left;}
	
/* bt_12 */
.clear {overflow: hidden; width: 100%;}
a.bt_12 {background: transparent url('../images/bg_bt-12_a.gif') no-repeat scroll top right; display: block;  float:left; height: 24px; margin:0 5px 0 0; padding-right: 15px;text-decoration: none; vertical-align:middle; font-weight:bold;}
a.bt_12 span {background: transparent url('../images/bg_bt-12_span.gif') no-repeat; color:#000; display: block; line-height: 14px; padding: 4px 0 6px 27px;} 
a.bt_12:hover {background-position: bottom right; outline: none; }
a.bt_12:hover span {background-position: bottom left; padding: 4px 0 6px 27px; color:#c30;}

/* bt_11 */
a.bt_11 {background: transparent url('../images/bg_bt-11_a.gif') no-repeat scroll top right; display: block; float: left; height: 16px; margin: 10px 5px 10px 0px; padding-right: 10px; text-decoration: none; font-size:11px; font-weight:bold;}
a.bt_11 span {background: transparent url('../images/bg_bt-11_span.gif') no-repeat; color:#000; display: block; line-height: 10px; padding: 3px 0px 3px 20px;} 
a.bt_11:hover {background-position: bottom right; outline: none;}
a.bt_11:hover span {background-position: bottom left; padding: 3px 0px 3px 20px; color:#c30;}

/* bt11_book */
a.bt_book {background: transparent url('../images/bg_bt_book_a.gif') no-repeat scroll top right; display: block; float: left; height: 16px; margin: 10px 5px 10px 0px; padding-right: 10px; text-decoration: none; font-size:11px; font-weight:bold;}
a.bt_book span {background: transparent url('../images/bg_bt_book_span.gif') no-repeat; color:#333; display: block; line-height: 10px; padding: 3px 0px 3px 20px;} 
a.bt_book:hover {background-position: bottom right; outline: none;}
a.bt_book:hover span {background-position: bottom left; padding: 3px 0px 3px 20px; color:#fff;}

/* bt12_book */
a.bt12_book {background: transparent url('../images/bg_bt12_book_a.gif') no-repeat scroll top right; display: block; float:left; height: 24px; margin:0 5px 0 0; padding-right: 15px;text-decoration: none; vertical-align:middle; font-weight:bold;}
a.bt12_book span {background: transparent url('../images/bg_bt12_book_span.gif') no-repeat; color:#333; display: block; line-height: 14px; padding: 4px 0 6px 27px;} 
a.bt12_book:hover {background-position: bottom right; outline: none; }
a.bt12_book:hover span {background-position: bottom left; padding: 4px 0 6px 27px; color:#fff;}

/* breadcrumb */
#breadcrumb{
	border-bottom:1px solid #D8D7D2;
	font-size:11px;
	text-transform:lowercase;
	margin:0 0 20px 0;
	padding:2px;}
#breadcrumb a{
	font-size:11px;
	text-transform:lowercase;}