/*
	Author: Amal Krishna Bakali 
	Date: 02 April, 2008
	Title: Thailand Hotel Guide    
====================================
*/
body{
	font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	color:#353A3B;
	background:#747474;
	
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:none;
}
ul,ol,li{
	list-style:none;
}	
a{
	color:#353A3B;
	text-decoration:none;
}
h2,h3{
	font-family:"Trebuchet MS";
	font-size:19px;
	line-height:22px;
	margin-bottom:15px;
	font-weight:normal;
}
h3{
	font-size:15px;
	font-weight:bold;
}
a:hover{
	color:#FF0000;
	text-decoration:none;
	cursor:pointer;
}
.hide,h1 b,h2 b,h5 b,a i{
     position: absolute;
     left: -9999px;
}
/*------------------------------Page Structure
*/
#wrap{
	margin:0 auto;
	width:980px;
	text-align:left;
	border-top:1px solid #8C8C8C;
	background:url(images/wrapbg.gif) repeat-y 35px 0;
}
/*-----------------------Header
*/
#hdr{
	width:980px;	height:234px;
	background:url(images/leftimg.jpg) no-repeat bottom left;
	position:relative;
}
#hdrinner{
	width:980px;	height:229px;
	background:url(images/rightimg.jpg) no-repeat bottom right;
	padding-top:5px;
}
#banner{
	display:block;
	background:url(images/banner.jpg) no-repeat;
	width:900px;	height:199px;
	margin:0 auto;
	position:relative;
}
#banner h1 a{
	width:213px;	height:89px;
	top:88px;	left:20px;
	position:absolute;
	z-index:1;
	
}

/*-----------------------Navigation
*/
.nav{
	position:absolute;
	top:204px;
	left:40px;
	background:url(images/navbg.jpg) repeat-x;
	width:900px;	height:30px;
	font-family:Arial;
}
.nav ul{
	overflow:hidden;
}
.nav li{
	display:block;
	float:left;
	background:url(images/divider.gif) no-repeat top left;
	padding-left:1px;
	height:30px;
	line-height:30px;
}
.nav li a{
	display:block;
	float:left;
	margin:0 13px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}
.nav .ignore{
	background:none;
	padding-left:10px;
	margin:0;
	border:none;
}
.nav li a:hover{
	color:#FFD873;
	text-decoration:none;
}
.nav li a:active{
	color:#FFD873;
	text-decoration:none;
}
/*---------------------- Main Body
*/
#main{
	width:910px;
	background:url(images/mainbg.gif) repeat-y;
	padding:20px 25px 20px 25px;
	margin-left:35px;
	overflow:hidden;
	voice-family:"\"}\"";
	voice-family:inherit;	
	width:860px;
}
html>body #main{
	width:860px;
}
#mainlft{
	width:590px;
	float:left;	
}
#mainrt{
	width:250px;
	float:right;
}
.cont1{
	background:#FAF9F1;
	border-top:1px solid #E2DDB0;
	border-bottom:1px solid #E2DDB0;
	padding:19px 20px;
	margin-bottom:20px;
	overflow:hidden;

}
.cont2,.altitem dd{
	background:#F1F8FA;
	border-top:1px solid #B7E4F1;
	border-bottom:1px solid #B7E4F1;
	padding:19px 20px;
	margin-bottom:20px;
	overflow:hidden;
}
.alt{
	background:none;	
}
.content{
	overflow:hidden;
	
}
/*\*/
* html .content{
	height:1%;
}
/**/
.content img,.item img{
	width:auto;
	float:left;
	margin-right:20px;
}
.content p{
	margin-bottom:15px;
	line-height:17px;
	text-align:justify;
}
.links,.item .links{
	font-family:Georgia;
	line-height:20px;
	padding:5px 6px;
	color:#fff;
	text-decoration:none;
	background:#DB8B27;
}
.links:hover,.item .links:hover{
	text-decoration:none;
	color:#353A3B;
}
.itemhold{
	overflow:hidden;
	width:590px;
}
.itemleft{
	float:left;
	width:250px;
}
.itemright{
	float:right;
	width:320px;
}
* html .item dd{
	height:1%;
}
.item a{
	color:#B30013;
}
.item a:hover{
	color:#353A3B;
}
.item dt,.listitem dt{
	font-size:12px;
	text-transform:uppercase;
	color:#B30013;
	font-weight:bold;
	margin-bottom:10px;
}
.item dt span{
	font-size:12px;
	color:#353A3B;
	text-transform:none;
	font-weight:normal;
}
.item dd{
	display:block;
	overflow:hidden;
	font-size:11px;
	margin-bottom:20px;
	border-top:1px solid #DBDBDB;
	padding-top:20px;
}
.item .altbdr{
	border:none;
}
.altitem dd{
	border-top:1px solid #B7E4F1;
}
.searchbox{
	float:right;
	overflow:hidden;
	margin-bottom:20px;
	width:250px;
}
.searchbox input{
	border:1px solid #A2CFE6;
	border-right:none;
	height:19px;
	display:block;
	float:left;
	width:219px;
	background:#EFFAFF;
	padding:4px 0 0 5px;
	font-size:11px;
	text-transform:uppercase;
}
.searchbox .sbtn{
	width:25px;	height:25px;
	border:none;
	padding:0 0 0 0;
}
.listings dd{
	margin:0;
	padding:0;
	line-height:24px;
	font-size:12px;
}
.listings a{
	text-decoration:none;
	color:#353A3B;
}
.listings a:hover{
	text-decoration:underline;
}


/*---------------------- Footer */
#ftr{
	width:910px;
	font-size:11px;
	color:#DADADA;
	text-align:left;
	margin:0 auto;
	background:url(images/btm.gif) no-repeat;
	padding:27px 0;
}
#ftr a{
	font-size:11px;
	text-decoration:none;
	color:#DADADA;
}
#ftr p{
	padding-left:25px;
}
#ftr a:hover{
	text-decoration:underline;
}

/*===============================================================SHUMON 07.05.08*/
/*#sbMain{
	width:910px;
	background:url(images/mainbg.gif) repeat-y;
	padding:20px 15px 40px 15px;
	margin-left:35px;
	overflow:hidden;
	voice-family:"\"}\"";
	voice-family:inherit;	
	width:880px;
}
html>body #sbMain{
	width:880px;
}*/
#sbMainTop,#sbMainMid{
	width:860px;
	overflow:hidden;
}
.mainTopNav{
	width:580px;
	float:left;
	margin-right:0px;
}
.mainTopNav a{
	color:#B30013;
	font-size:12px;
	margin:0 2px 0 2px;
	text-decoration:underline;
	line-height:26px;
}
.mainTopNav a:hover,.mainTopNav #mainTopSelect{
	color:#353A3B;
}
#sbMainLft{
	width:580px;
	float:left;
}
#sbMainLft dl dt{
	font-size:17px;
	color:#353A3B;
	font-family:"Trebuchet MS";
}
#sbMainLft dl dd{
	margin-top:11px;
}
#sbMainLft dl dd b{
	font-size:12px;
	font-weight:bold;
}
#sbMainLft dl dd p{
	font-size:11px;
	margin:10px 0;
	color:#353A3B;
	text-align:justify;
} 


.mapArea #mapCont{
	background:#F3FBF0;  
	width:580px; 
	height:390px;
	margin-top:10px;
	border-bottom:1px solid #C6F8AF;
	border-top:1px solid #C6F8AF; 
} 

.mapArea #google_map{
	width:540px; 
	height:350px;
	margin:20px 0 0 20px;
} 

.htlFtr{
	width:580px;
	background:#F0FDFF;
	border-bottom:1px solid #BCF0FF;
	padding:10px;
	margin-top:11px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	width:560px;
}
html>body .htlFtr{
	width:560px;
}
.htlFtr b{ 
	color:#AE0823; 
} 
#sbMainRght{
	width:260px;
	float:right;
	margin-top:32px;
	background:#FFEFEC;
	border-bottom:1px solid #A6041F;
	border-top:1px solid #A6041F;
	padding:20px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	width:220px;
}
html>body #sbMainRght{
	width:220px;
}
#picGal dt{
	font-size:17px;
	font-family:"Trebuchet MS";
	color:#B30013;
}
#picGal dt img{
	margin-left:69px;
}
#picGal dd{
	overflow:hidden;
	width:220px;
	margin-top:20px;
	display:block;
}
#picGal dd span,#picGal dd .alt{
	height:100px;
	width:100px;
	background:#fff;
	display:block;
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	background:#FFF;
	line-height:100px;
}
#picGal dd span img,#picGal dd .alt {
	margin-top: expression(( 100 - this.height ) / 2);
}
html>body #picGal dd span img, html>body #picGal dd .alt { /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}
#picGal dd span{
	float:left;
}
#picGal dd .alt{
	float:right;
} 
.picLft{
	height:100px;
	width:100px;
	margin-right:20px;
}
#picGal dd span a img {
	margin-top: expression(( 100 - this.height ) / 2); 
}
html>body #picGal dd span a img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}
#picGal dd p a img {
	margin-top: expression(( 100 - this.height ) / 2); 
}
html>body #picGal dd p a img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}
#sblft{
	width:660px;
	float:left;
	overflow:hidden; 
}

#sblft2{
	width:180px;
	float:left;
	height:475px;
	background:#F0FDFF;
	border-top:1px solid #BCF0FF;
	border-bottom:1px solid #BCF0FF;
}
#sblft2 h3{
	border-bottom:1px solid #BCF0FF;
	padding:12px 0; 
}
#sblft2 h3 b{
	font-size:11px;
	color:#B30013;
	margin-left:10px; 
}
#sblft2 h3 span{
	margin-left:85px;
}
#sblft2 ul{
	margin-left:15px;
}
#sblft2 ul li a{
	line-height:20px;
	text-decoration:none;
	background:url(images/rdbullet.gif) no-repeat 0 4px;
	padding-left:12px;
	font-size:12px;
	color:#353A3B; 
}
#sblft2 ul li a:hover{
	color:#18C2DC;
} 
#sbLftRght{
	width:460px;
	float:right;
}

#sbLftRght p{
	padding-top:0px;
	text-align:justify;
}

#page{
	width:460px;
	float:right;
}

#midLinks{
	margin-top:4px;
	width:460px;
}
#midLinks li{
	width:459px;
	border-left:1px solid #A6041F;
	background:#FFEFEC;
	line-height:33px;
	margin-top:20px;
}
#midLinks li a{
	text-decoration:none;
	font-size:17px;
	font-family:"Trebuchet MS";
	color:#353A3B;
	background:url(images/picArrow02.gif) no-repeat 0 5px;
	padding-left:24px;
	margin-left:20px;
}
#midLinks li a:hover{
	color:#E56D56;
}
#brsLinks{
	margin-top:10px;
	width:460px;
}
#brsLinks li{
	background:#F1F8FA;
	width:460px;
	border-bottom:1px solid #B7E4F1;
	border-top:1px solid #B7E4F1;
	margin-top:10px;
	overflow:hidden;
	padding:10px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	width:440px;
}
html>body #brsLinks li{
	width:440px;
}
#brsLinks li span{
	width:140px;
	float:left;
}
#brsLinks li p{
	float:right;
	width:300px;
	font-size:11px;
}
#brsLinks li p b{
	display:block;
	font-size:12px;
	margin-bottom:10px;
	color:#AE0823;
} 
	
#sbRght{
	width:180px;
	float:right;
	background:#FEEFD6;
	border-bottom:1px solid #FBC57E;
	border-top:1px solid #FBC57E;
	height:475px;  
}
#sbRght01{
	width:180px;
	float:right;
	background:#FAF9F1;
	border-bottom:1px solid #DFDED7;
	border-top:1px solid #DFDED7;
	height:475px;  
} 
 
#sbRght01 dl dd{
	border-bottom:1px solid #DFDED7; 
	overflow:hidden;
	display:block;
	height:44px; 
}
#sbRght01 dl dd b{
	font-size:11px;
	color:#B30013;
	margin-left:10px;
	width:126px;
	float:left;
	line-height:16px;
	height:44px;
	margin-top:7px; 
}
#sbRght01 dl dd span{ 
	float:right; 
	margin-top:10px;
	margin-right:10px;  
}




/*----------------*/

.contactform{
	float:right;
	padding:0px 0 50px 10px;
	overflow:hidden;
	text-align:left;
	border:0px #000 solid;
}

.form_error{
	font-size:13px;
	padding:5px 0 0px 10px;
	text-align:center;
	margin 0;
	border:0px #000 solid;
	color:#f00;
}


.contactform label{
	width:100px;
	display:block;
	float:left;
	height:21px;
	margin:0 10px 7px 0px;
	border:0px solid #6A6A6A;
}

.contactform input{
	width:250px;
	height:19px;
	border:1px solid #6A6A6A;
	background:url(../images/inpbg.gif) repeat-x;
	display:block;
	margin:0 60px 7px 11px;
	float:left;
	
}
.contactform textarea{
	width:250px;
	height:81px;
	border:1px solid #6A6A6A;
	background:url(../images/inpbg.gif) repeat-x;
	float:left;
	display:block;
	margin:0 60px 7px 11px;
	float:left;
}

* html .contactform textarea{
	margin-left:10px;
}

#sbbutton{
	width:300px;
	display:block;
	border:0px #000 solid;
	float:left;
	margin-top:20px;
}

* html #sbbutton{
	width:320px;
}


#sbbutton input{
	border:0px;
	background:#FFF; 
	float:right;
	display:inline;
	margin:0px;
	margin-right:10px;
}

/*-----------------------*/


.detailtitle a{
	color:#B30013;
	font-size:12px;
	text-decoration:underline;
}
.detailtitle a:hover{
	color:#353A3B;
}