@charset "utf-8";

/*---------------------------- Default ----------------------------*/
* {
	font-family:tahoma, "MS Sans Serif", verdana;
}
body {
	margin:0px;
	padding:0px;
	background-image: url(../images/main/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 24px 0px;
}
div , a , form {
	margin:0px;
	padding:0px;
}
br {
	clear:both;
}

/*--------------------- แสดงรายละเอียดเว็บไซต์ -------------------------*/
#title {
	position:absolute;
	margin-left:-2000px;
}

/*------------------------------------------------------------------*/
/*----------------- Contain เ็ก็บเนื้อหาทั้งหมดของเ็ว็บไซต์ ------------------*/
/*------------------------------------------------------------------*/ 
#contain {
	width:1000px; /* กำหนดความกว้างเว็บไซต์ */
	margin:0px;
	padding:0px;
}

/*------------------------------------------------------------------*/
/*----------------- Header เ็ก็บเนื้อหาส่วนหัวของเ็ว็บไซต์ -------------------*/
/*------------------------------------------------------------------*/ 

#contain #header {
	width:100%;
	margin:0px;
	padding:0px;
}
#contain #header img {
	float:left;
	margin:0px;
	padding:0px;
}

/*----------------- Navigation -------------------------------------*/
#contain #header .navigation {
	float:left;
	padding:0px;
	margin-top: 51px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}
#contain #header .navigation li {
	float:left;
	list-style:none;
	background-image: url(../images/main/tab.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-right:3px;
	height:26px; /* height 36 px */
	padding-top:10px;
	padding-right:10px;
}
#contain #header .navigation span {
	width:10px; /* li padding- left */
	height:36px;
	margin-top:-10px;
	float:left;
	background-image: url(../images/main/tab.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#contain #header .navigation a {
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}
#contain #header .navigation a:hover {
	text-decoration: none;
	color: #FFFFCC;
}
/*----------------- Navigation เมื่อเลือก -------------------------------*/
#contain #header .navigation .select {
	background-image: url(../images/main/select_tab.gif);
}
#contain #header .navigation .select span {
	background-image: url(../images/main/select_tab.gif);
}

/*------------------------------------------------------------------*/
/*----------------- Content เ็ก็บเนื้อหาของเ็ว็บไซต์ -----------------------*/
/*------------------------------------------------------------------*/ 
#contain #content {
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	width:100%;
	background-image: url(../images/main/content_bg.gif);
	background-repeat: repeat-y;
}

/*------------------------------------------------------------------*/
/*------------------- left เนื้อหาซ้ายมือของเว็บ -------------------------*/
/*------------------------------------------------------------------*/
#contain #content #left {
	float:left;
	width:300px;
	text-align:left;
	padding:0px;
	margin:0px;
}
#contain #content #left #menu {
	width:295px;
	background-image: url(../images/main/menu_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin-left:10px;
	padding-bottom:32px;
}
#contain #content #left #menu .trip {
	font-size:0px;
	color:#FFFFFF;
	width:300px;
	height:42px;
	float:left;
	clear:both;
	background-image: url(../images/main/menu_travel_trip.gif);
	background-repeat: no-repeat;
}
#contain #content #left #menu .booking {
	font-size:0px;
	color:#FFFFFF;
	width:300px;
	height:42px;
	float:left;
	clear:both;
	background-image: url(../images/main/menu_booking.gif);
	background-repeat: no-repeat;
}
#contain #content #left #menu ul {
	float:left;
	margin:0px;
	width:300px;
	padding:0px;
	background-image: url(../images/main/menu_bg.gif);
	background-repeat: repeat-y;
}
#contain #content #left #menu ul li {
	width:240px;
	list-style:none;
	margin-left:15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#contain #content #left #menu a {
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
#contain #content #left #menu .select , #contain #content #left #menu a:hover {
	background-image: url(../images/main/menu_select.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-weight:bold;
	padding-left:20px;
}

/*------------------------------------------------------------------*/
/*------------------- right เนื้อหาขวามือของเว็บ ------------------------*/
/*------------------------------------------------------------------*/
#contain #content #right {
	float:right;
	width:670px;
	text-align:left;
	padding-right:20px;
	padding-top:5px;
	margin:0px;
}
#contain #content #right h1 {
	margin:0px;
	color:#3380D2;
	font-size:18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#contain #content #right h2 {
	margin:0px;
	padding:0px;
	color:#3380D2;
	font-size:14px;
}
#contain #content #right p {
	font-size:14px;
	line-height: 25px;
}
#contain #content #right img {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contain #content #right hr {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contain #content #right a {
	text-decoration:none;
	color:#999999;
}
#contain #content #right a:hover {
	text-decoration:none;
	color:#000000;
}
#contain #content #right table tr td {
	font-size:13px;
}
/*------------------------------------------------------------------*/
/*---------------------- หน้าเฉพาะ index -----------------------------*/
/*------------------------------------------------------------------*/
#contain #content #index {
	margin:0px;
	padding:0px;
}
#contain #content #index h1 {
	color:#3380D2;
	font-size:18px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear:both;
}
#contain #content #index p {
	font-size:14px;
	line-height:25px;
	margin:0px;
	padding:0px;
}
#contain #content #index hr {
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#contain #content #index #left_index {
	float:left;
	width:560px;
	padding-left:20px;
	padding-right:19px;
	padding-top:10px;
	text-align:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}
#contain #content #gallery_index ul {
	margin:0px;
	padding:0px;
}
#contain #content #gallery_index li {
	float:left;
	margin:0px;
	list-style:none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contain #content #gallery_index a:hover {
	color:#000000;
}
#contain #content #gallery_index .more {
	float:left;
	clear:both;
	width:475px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	text-align:right;
	color:#999999;
	text-decoration:none;
	font-size:13px;
	margin-bottom:20px;
	padding-bottom:10px;
}

/*------------------------- right_index ----------------------------*/
#contain #content #index #right_index {
	float:left;
	width:370px;
	padding-left:20px;
	padding-top:10px;
	text-align:left;
}
#contain #content #index #right_index img {
	float:left;
	margin-right:10px;
}
#contain #content #index #right_index #content_right_index {
	margin-bottom:20px;
	float:left;
	clear:both;
	width:380px;
}
#contain #content #index #right_index #content_right_index p {
	width:350px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
#contain #content #index #right_index #content_right_index p a {
	font-size:13px;
	color: #CCCCCC;
}
#contain #content #index #right_index #content_right_index p a:hover {
	color:#000000;
}
/*------------------------------------------------------------------*/
/*---------------------- หน้าเฉพาะ gallery ---------------------------*/
/*------------------------------------------------------------------*/
#contain #content #gallery {
	text-align:left;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#contain #content #gallery h1 {
	margin:0px;
	color:#3380D2;
	font-size:18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	clear:both;
	float:left;
}
#contain #content #gallery ul {
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	width:1000px;
}
#contain #content #gallery li {
	float:left;
	margin:0px;
	list-style:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#contain #content #gallery a:hover {
	color:#000000;
}
#contain #content #gallery .more {
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	text-align:right;
	color:#999999;
	text-decoration:none;
	margin-bottom:20px;
	font-size:13px;
	padding-bottom:10px;
	margin-left:20px;
	width:940px;
}
/*------------------------------------------------------------------*/
/*---------------------- หน้าเฉพาะ booking ---------------------------*/
/*------------------------------------------------------------------*/
#contain #content #right #booking_table {
}
#contain #content #right #booking_table .booking_table {
	border: 1px solid #3380D2;
	margin-bottom:20px;
	padding-bottom:10px;
}
#contain #content #right #booking_table th {
	background-color: #3380D2;	
	color:#FFFFFF;
	margin:0px;
	padding:5px;
	font-size:14px;
}
#contain #content #right #booking_table td {
	margin:0px;
	padding:5px;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#contain #content #right #booking_table .booking_table img {
	margin:0px;
	padding:0px;
	float:left;
}
#contain #content #right #booking_form {
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#contain #content #right #booking_form label {
	padding:0px;
	width:200px;
	float:left;
	font-size:14px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #right #booking_form input {
	width:300px;
	border: 1px solid #000000;
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #right #booking_form .small {
	width:20px;
	border: 1px solid #000000;
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #right #booking_form textarea {
	width:300px;
	height:100px;
	border: 1px solid #000000;
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #right #booking_form span {
	font-size:13px;
}

/*------------------------------------------------------------------*/
/*---------------------- หน้าเฉพาะ cost ------------------------------*/
/*------------------------------------------------------------------*/ 
#contain #content #cost {
	float:left;
	text-align:left;
	width:900px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;

}
#contain #content #cost h1 {
	color:#3380D2;
	font-size:18px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear:both;
}
#contain #content #cost h2 {
	margin:0px;
	padding:0px;
	color:#3380D2;
	font-size:14px;
}
#contain #content #cost p {
	font-size:14px;
	line-height:25px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#contain #content #cost table {
	margin-bottom:20px;
}
#contain #content #cost th {
	background-color: #3380D2;	
	color:#FFFFFF;
	margin:0px;
	padding:5px;
	font-size:14px;
}
#contain #content #cost td {
	margin:0px;
	padding:5px;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#contain #content #cost hr {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*------------------------------------------------------------------*/
/*---------------------- หน้าเฉพาะ webboard  -------------------------*/
/*------------------------------------------------------------------*/
#contain #content #webboard {
	float:left;
	text-align:left;
	width:960px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
}
#contain #content #webboard h1 {
	color:#3380D2;
	font-size:18px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#contain #content #webboard p {
	font-size:14px;
	line-height:25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#contain #content #webboard .page_gen {
	width:950px;
	text-align:right;
	font-size:13px;
	margin-bottom:20px;
}
#contain #content #webboard a {
	color:#000000;
	text-decoration:none;
}
#contain #content #webboard a:hover {
	text-decoration:underline;
}
#contain #content #webboard table {
	margin-bottom:20px;
}
#contain #content #webboard th {
	background-color: #3380D2;	
	color:#FFFFFF;
	margin:0px;
	padding:5px;
	font-size:14px;
}
#contain #content #webboard td {
	margin:0px;
	padding:5px;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#contain #content #webboard form {
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#contain #content #webboard label {
	padding:0px;
	width:200px;
	float:left;
	font-size:14px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #webboard input {
	width:300px;
	border: 1px solid #000000;
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #webboard textarea {
	width:300px;
	height:100px;
	border: 1px solid #000000;
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contain #content #webboard #delete a {
	font-size:14px;
	color:#FF0000;
}
#contain #content #webboard #detail {
	font-size:13px;
}
/*------------------------------------------------------------------*/
/*---------------------- หน้าเฉพาะ contact_us ------------------------*/
/*------------------------------------------------------------------*/
#contain #content #contact_us {
	float:left;
	text-align:left;
	width:960px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
}
#contain #content #contact_us h1 {
	color:#3380D2;
	font-size:18px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear:both;
}
#contain #content #contact_us p {
	font-size:14px;
	line-height:25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*------------------------------------------------------------------*/
/*----------------- Footing เ็ก็บเนื้อหาส่วนท้ายของเ็ว็บไซต์ -----------------*/
/*------------------------------------------------------------------*/ 
#contain #footing {
	clear:both;
	width:976px;
	height:56px;
	background-image: url(../images/main/footing_bg.gif);
	background-repeat: repeat-x;
	padding-top:10px;
	padding-left:10px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#contain #footing p {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	font-weight:bold;
}