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

body{ margin:0; font:12px/1.3em Arial, Helvetica, sans-serif; }
img{ border:0; }

.bodyHome{background:#65992e url(images/bgHome2.jpg) no-repeat center 0px; min-height:1000px; height:auto !important; height:1000px;}
.bodyCamel{background:#65992e url(images/bgCamel.jpg) no-repeat center 0px; min-height:1000px; height:auto !important; height:1000px;}
.bodyThai{background:#65992e url(images/bgThai.jpg) no-repeat center 0px; min-height:1000px; height:auto !important; height:1000px;}
.bodyAbout{background:#65992e url(images/bgAbout.jpg) no-repeat center 0px; min-height:1000px; height:auto !important; height:1000px;}
.bodyContact{background:#65992e url(images/bgContact1.jpg) no-repeat center 0px; min-height:1000px; height:auto !important; height:1000px;}
.bodyBook{background:#65992e url(images/bgBook.jpg) no-repeat center 0px; min-height:947px; height:auto !important; height:947px; border:0px solid #990000; }
.bodyNews{background:#bce3f4 url(images/bgNews.jpg) no-repeat center 0px; min-height:1000px; height:auto !important; height:1000px;}

.bodyCamelTop{ background:#aadaf0 url(images/bgCamelTop.jpg) no-repeat center 0px; min-height:554px; height:auto !important; height:554px; border:0px solid #000 }

#wrapper{ width:1000px; margin:auto; min-height:900px; height:auto !important; height:900px;  border:0px solid #000;}

#outer{ background:url(images/bgCamelBottom.jpg) center bottom no-repeat; }


.logo{ width:337px; /*height:81px;*/ float:left; margin:10px 0 0 0; border:0px solid #000 }
	.logo h1{ padding:0; margin:5px 5px 0 0; font-size:16px; color:#fff; text-align:right; }

.menu{ float:left; margin:0 0 0 20px; width:612px; height:42px;  }

	.menu ul{ margin:0; padding:0; width:612px; height:42px; list-style:none; background:url(images/menu.png) no-repeat; }
	.menu ul li{ display:inline; }
	
	.menu ul li#menuHome a{ width:100px; display:block; border:1px solid #990000;}








.contentWrap{ clear:both; width:100%; padding:45px 0 0 0; border:0px  solid #000; }


.homeImageLeft{ float:left; width:292px; margin:0 0 0 0px;}
.homeImageRight{ float:left; width:563px; height:210px; margin:0 0 0 50px; background:url(images/homeTextBox.png) no-repeat; }

	.homeRightContentWrap{
		width: 533px; height:160px; margin:35px 0 0 15px; color:#fff; font-size:15px;line-height:25px; border:0px solid #000; 
	}
	.homeContentButton{ clear:both; text-align:right; width:533px; margin:10px 0 0 0; border:0px solid #000; }
	
	.homeContentWrap{width:900px; float:left; border:0px solid #000} 
		.homeButtonNews{ float:right; width:127px; height:50px; border:0px solid #fff; margin:30px 0 0 0; }
		.homeButtonNews a{ width:127px; height:50px; display:block; text-indent:-9999px; }
		
		.homeButtonCamel{ width:145px; height:60px; border:0px solid #fff; float:left; margin:40px 0 0 290px; }
		.homeButtonCamel a{ width:145px; height:60px; display:block; text-indent:-9999px; }
		
		.homeButtonThai{ width:145px; height:80px; border:0px solid #fff; float:left; margin:40px 0 0 190px; }
		.homeButtonThai a{ width:145px; height:80px; display:block; text-indent:-9999px; }
	
	
	
	/*
	.homeButtonNewsPad{ width:127px; height:80px; margin:0px 0 0 775px; border:0px solid #000;}
	.homeButtonNewsPad a{ width:127px; height:50px; display:block; text-indent:-9999px; border:0px solid #990000; margin:30px 0 0 0;}
	
	.homeButtonCamelPad{ float:left; width:900px; height:50px; padding:50px 0 0 0; border:1px solid #000; }
	.homeButtonCamelPad a{ width:127px; height:50px; display:block; border:1px solid #990000;} 
	*/

.camelImage{ clear:both; margin:30px 0 0 0; width:534px; height:133px; float:left; background:url(images/camelTextBox.png) no-repeat; }
.camelText{ color:#4c84a6; margin:0 0 0 15px; width:850px; font-size:15px; line-height:20px; }
.camelText p{ margin:5px 0; padding:5px 0; }

		.camelBoxWrap{ width:500px; height:70px; margin:40px 0 0 15px; color:#fff; font-size:15px;line-height:25px; border:0px solid #000;}


.camelThumWrap{ float:left; clear:both; width:500px; border:0px solid #000; padding:0 0 0 15px; }
.camelThumb{ float:left; width:129px; height:86px; margin:0 10px 10px 0;}

.camelRigth{ float:left; width:155px; height:60px; margin:100px 0 0 25px; border:0px solid #000; }
	.camelRigth a{ width:155px; height:60px; display:block; text-indent:-9999px; }
	

.thaiImage{ clear:both; margin:30px 0 0 0; width:534px; height:133px; float:left; background:url(images/thaiTextBox.png) no-repeat; }
.thaiBoxWrap{ width:440px; height:40px; margin:35px 0 0 15px; color:#fff; font-size:15px;line-height:25px; border:0px solid #000;}
.thaiText{ color:#4c84a6; margin:0 0 0 15px; width:850px; font-size:15px; line-height:20px;  border:0px solid #000}	
.thaiThumbWrap{ float:left; clear:both; width:500px; border:0px solid #000; padding:200px 0 0 15px; }
.thaiThumb{ float:left; width:129px; height:86px; margin:0 10px 10px 0;}


.thaiRight{ float:left; width:160px; height:75px; margin:70px 0 0 25px; border:0px solid #000; }
	.thaiRight a{ width:160px; height:75px; display:block; text-indent:-9999px; }


.aboutWrap{ width:920px; padding:30px 0 0 0; float:left; border:0px solid #000;}
.aboutLeft{ float:left; width:600px; border:0px solid #000; }
.aboutRight{ float:right; width:267px; border:0px solid #000; }

.aboutImage{ clear:both; margin:30px 0 0 0; width:530px; height:78px; float:left; background:url(images/aboutTextBox.png) no-repeat; }
.aboutBoxWrap{ width:490px; height:25px; margin:35px 0 0 25px; color:#fff; font-size:15px;line-height:25px; border:0px solid #000;}
.aboutText{ color:#4c84a6; margin:0 0 0 15px; width:550px; font-size:15px; line-height:20px; border:0px solid #000}	
	.aboutText a{ color:#990000; }
	.aboutText a:hover{ text-decoration:none; }


.contactImage{ clear:both; margin:30px 0 0 0; width:534px; height:133px; float:left; background:url(images/contactTextBox.png) no-repeat; }
.contactBoxWrap{ width:500px; height:50px; margin:20px 0 0 25px; color:#fff; font-size:18px;line-height:25px; border:0px solid #000;}

.contactText{ color:#4c84a6; margin:0 0 0 15px; width:900px; font-size:15px; line-height:20px; border:0px solid #000 }
	.contactLeft{ width:500px; float:left; border:0px solid #000; }
	
	.contactRight{ width:380px; float:left; margin:0 0 5px; border:0px solid #000; }
	.contactRight p{ margin:0 0 5px 0; padding:0;}
	

.bookImage{ clear:both; margin:30px 0 0 0; width:534px; height:133px; float:left; background:url(images/bookTextBox.png) no-repeat; border:0px solid #000 }
.boxPaypal{ float:left; margin:30px 0 0 0; width:424px; border:0px solid #000; }
.bookBoxWrap{ width:500px; height:45px; margin:20px 0 0 25px; color:#fff; font-size:18px;line-height:25px; border:0px solid #000;}

.boxText{ color:#4c84a6; margin:0 0 0 15px; width:900px; font-size:15px; line-height:20px; border:0px solid #000 }
	
	
	
	.boxLeft{ width:500px; float:left; border:0px solid #000; }
		.boxLeft a{ color:#000; font-size:12px; }
		.boxLeft a:hover{ text-decoration:none; }
	
	.boxRight{ width:380px; float:left; margin:0 0 5px; border:0px solid #000; }
	.boxRight p{ margin:0 0 5px 0; padding:0;}
	
	.bookTerm{ clear:both; margin:15px 0; width:420px; background:#fff; padding:10px; border:0px solid #000; color:#000; font-size:12px; }
		.bookTerm a{ color:#03c1f8; } .bookTerm a:hover{ text-decoration:none; }
		
	.bookingTopRounded{ background:url(images/bookingTopRounded.png) no-repeat; width:1001px; height:18px; }
	.bookingMainRounded { float:left; background:url(images/bookingMainRounded.png) repeat-y; width:1001px; min-height:400px; height:auto !important; height:400px; padding:0 0 0 20px; }
	.bookingBottomRounded { clear:both; background:url(images/bookingBottomRounded.png) no-repeat; width:1001px; height:13px; }
	
	.bookingConfirmed{ color:#000; font-size:16px;}
	.bookingConfirmed .small{ font-size:14px; }
	
	.bookingConfirmed a{ color:#3ab5f3; font-size:12px; }
	.bookingConfirmed a:hover{ text-decoration:none; }
	
	

.newsImage{ clear:both; margin:30px 0 0 0; width:534px; height:133px; float:left; background:url(images/newsTextBox.png) no-repeat; border:0px solid #000 }
.newsBoxWrap{ width:500px; height:45px; margin:20px 0 0 25px; color:#fff; font-size:18px;line-height:25px; border:0px solid #000;}

.newsText{ color:#4c84a6; margin:0 0 0 15px; width:900px; font-size:15px; line-height:20px; border:0px solid #000 }
	.newsContent{ clear:both; margin:0 0 20px 0; width:900px; font-size:12px; border:0px solid #000; }
	.newsContent h3{ font-size:16px; padding-top:0; margin-top:0; }
	.newsContent img{ float:right; margin:0 0 0 20px; border:0px solid #000; }


.footer{ clear:both; color:#fff; width:980px; margin:auto; border:0px solid #000 }
.footer span{ float:right; }
.footer a{ color:#fff; text-decoration:none; }
.footer a:hover{ color:#e2e2e2; }

.footerHomePad{ padding:320px 0 30px 0; }
.footerCamelPad{ padding:100px 0 30px 0; }
.footerThaiPad{ padding:100px 0 30px 0; }
.footerAboutPad{ padding:200px 0 30px 0; }
.footerContactPad{ padding:200px 0 30px 0; }
.footerBookPad{ padding:100px 0 30px 0; }
.footerNewsPad{ padding:100px 0 30px 0; }
.footerConfirmedPad{ padding:300px 0 30px 0; }




#topNav{
	/*clear:both;*/
	margin:0 0 0 20px;
	padding:0;
	float:left;
	width:612px;
	height:42px;
	background:url(images/menu.png) 0 0px;
	border:0px solid #000;
}
.home, .chanel, .thai, .book, .contact, .about{
float:left;
}

.home a{
height:42px;
width:101px;
display: block;
background:url(images/menu.png) 0 0px;
}

.home a:hover, .home .selected{
height:42px;
width:101px;
background:url(images/menu.png) 0 46px;
display: block;
}



.chanel a{
height:42px;
width:94px;
display: block;
background:url(images/menu.png) -101px 0px;
}

.chanel a:hover, .chanel .selected{
height:42px;
width:94px;
background:url(images/menu.png) -101px 46px;
display: block;
}



.thai a{
height:42px;
width:98px;
display: block;
background:url(images/menu.png) -195px 0px;
}

.thai a:hover, .thai .selected{
height:42px;
width:98px;
background:url(images/menu.png) -195px 46px;
display: block;
}


.book a{
height:42px;
width:83px;
display: block;
background:url(images/menu.png) -293px 0px;
}

.book a:hover, .book .selected{
height:42px;
width:83px;
background:url(images/menu.png) -293px 46px;
display: block;
}


.contact a{
height:42px;
width:92px;
display: block;
background:url(images/menu.png) -376px 0px;
}

.contact a:hover, .contact .selected {
height:42px;
width:92px;
background:url(images/menu.png) -376px 46px;
display: block;
}


.about a{
height:42px;
width:88px;
display: block;
background:url(images/menu.png) -468px 0px;
}

.about a:hover, .about .selected{
height:42px;
width:88px;
background:url(images/menu.png) -468px 46px;
display: block;
}





.pagination {
	clear:both;
	/*background: #f2f2f2;*/
	color:#666;
	padding: 4px 2px 4px 7px;
	border: 0px solid #ddd;
	/*margin: 0 0 1.5em;*/
}
.pagination p {
	/*position:relative;*/
	text-align:center;
	padding:10px 0 10px 0;
}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#f55c00;
}
.pagination p a:hover {
	background:#c00;
	color:#fff;
}
.pagination p span {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#ccc;
}
.pagination * {
	margin:0;
}



.errBox{ clear:both; margin:10px 0; border:1px dashed #990000; background:#FFFFCC; color:#990000; font-weight:bold; padding:5px 5px 10px 5px; font-size:12px; text-align:left; }
	.errBox ul{ margin:0 20px; }
	
.okBox { clear:both; margin:10px 0; border:1px dashed #0a406b; background:#cae7fe; color:#0a406b; font-weight:bold; padding:5px 5px 10px 5px; font-size:12px; }