@font-face{
	font-family:"Raleway";
	src:url('Raleway.eot');
	src:url('Raleway.eot?#iefix') format('eot'),
	url('Raleway.ttf') format('truetype'),
	url('Raleway.woff') format('woff'),
	url('Raleway.svg#Raleway') format('svg');
}
@font-face{
	font-family:"SBModern";
	src:url('SBModern.eot');
	src:url('SBModern.eot?#iefix') format('eot'),
	url('SBModern.ttf') format('truetype'),
	url('SBModern.woff') format('woff'),
	url('SBModern.svg#SBModern') format('svg');
}
body{
	font-family:"SBModern";
	font-size:22px;
	color:#4c5336;
	margin:0;
	background-color:#FFFFFF;
}
a{
	color:#4c5336;
	text-decoration:none;
}
a:hover{
	color:#8c6a2d;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:95%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	background-color:#f5f5f5;
	color:#1b3146;
	padding:3px 10px;
}
input[type='text'].date{
	width:130px;
}
select.small{
	width:60px;
}
textarea{
	height:auto;
}
h1{
	font-family:"Raleway";
	width:60%;
	font-size:50px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:solid 1px #4c5436;
	margin:30px auto;
	text-align:center;
	padding:30px 0;
}
h2{
	font-family:"Raleway";
	font-size:50px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:solid 1px #4c5436;
	margin:30px auto;
	text-align:center;
	padding:30px 0;
}
h3{
	font-family:"Raleway";
	font-size:30px;
	font-weight:normal;
}
.white, .white a{
	color:#FFF;
	text-decoration:none;
}
.white a:hover{
	color:#4c5336;
}
.red{
	color:#FF0000;
}
.font50{
	font-family:"Raleway";
	font-size:50px;
}
.font25{
	font-size:25px;
}
.font20{
	font-family:"Raleway";
	font-size:20px;
}
.bali_color{
	color:#aa6230;
}
.garden_color{
	color:#424c31;
}
.baanthai_color{
	color:#424c31;
}
.cover{
	width:1300px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.main_top{
	width:100%;
	border-top:solid 12px #b68735;
	overflow:hidden;
}
.bali_top, .garden_top, .baanthai_top{
	width:100%;
	border-top:solid 12px #474d33;
	overflow:hidden;
}
#logo{
	font-family:"Raleway";
	width:40%;
	float:left;
	font-size:38px;
	color:#4c5336;
	padding:20px 0;
}
#listmenu{
	width:60%;
	float:right;
	padding:40px 0;
}
.row{
	width:100%;
	overflow:hidden;
	padding:10px 0;
}
#btntop{
	width:auto;
	margin-top:-25px;
}
.main_btnbook, .bali_btnbook, .garden_btnbook, .baanthai_btnbook{
	font-family:"Raleway";
	background-color:#b68735;
	color:#FFF;
	font-size:14px;
	padding:8px 20px;
	text-transform:uppercase;
	cursor:pointer;
}
.bali_btnbook, .garden_btnbook, .baanthai_btnbook{
	background-color:#474d33;
}
#slideshow{
	width:100%;
	overflow:hidden;
}
#main_foot, #bali_foot, #garden_foot, #baanthai_foot{
	font-family:"Raleway";
	width:100%;
	background-color:#8c6a2d;
	font-size:16px;
	padding:20px 0;
	margin-top:30px;
}
#bali_foot{
	background-color:#aa6230;
}
#garden_foot{
	background-color:#4d5337;
}
#baanthai_foot{
	background-color:#d9ae44;
}
.col5{
	width:18%;
	float:left;
	padding:1% 1.5%;
}
.col3, .m-col3{
	width:30%;
	float:left;
	padding:1.6% 1.5%;
}
.col2, .m-col2{
	width:47%;
	float:left;
	padding:5px 1.5%;
}
#main_bottom, #bali_bottom, #garden_bottom, #baanthai_bottom{
	font-family:"Raleway";
	width:100%;
	background-color:#b68735;
	font-size:14px;
	text-align:center;
	padding:15px 0;
}
#bali_bottom{
	background-color:#9e5b2c;
}
#garden_bottom{
	background-color:#3f442e;
}
#baanthai_bottom{
	background-color:#caa241;
}
.p-element{
	display:block;
}
.m-element{
	display:none;
}
hr{
	background-color:#FFF;
}
.topic-news{
	width:100%;
	background-color:#8c6a2d;
	padding:20px 0;
	text-align:center;
	font-family:"Raleway";
	font-size:36px;
	color:#FFFFFF;
	text-transform:uppercase;
	overflow:hidden;
}
.bggray{
	width:100%;
	background-color:#f6f6f6;
	margin:20px 0;
	padding:15px 0;
	overflow:hidden;
}
.btngreen{
	background-color:#4c5436;
	color:#FFF;
	font-family:"Raleway";
	font-size:14px;
	text-transform:uppercase;
	padding:8px 25px;
	cursor:pointer;
	letter-spacing:5px;
	border:none;
}
.bgabout{
	width:100%;
	background:url(../images/bg-about.jpg) no-repeat;
	height:391px;
	padding:120px 0;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0;
}
.gallery img{
	width:18%;
	margin:1%;
	float:left;
}
.padding{
	padding:20px;
}
.Rfloat{
	float:right;
}
ul.list li{
	list-style:url(../images/bullet.png);
}
table.chart th{
	text-align:center;
	font-weight:bold;
	height:40px;
	border-bottom:solid 2px #474747;
}
table.chart td{
	padding:8px;
	border-bottom:dashed 1px #474747;
}
@media only screen and (max-width: 800px) {
	h1{
		width:90%;
		font-size:30px;
		padding:20px 0;
	}
	h2{
		font-size:30px;
		padding:20px 0;
	}
	h3, .font50{
		font-size:30px;
	}
	.font25{
		font-size:20px;
	}
	.cover{
		width:100%;
	}
	.detail{
		width:95%;
		margin:0 auto;
	}
	#btntop{
		display:none;
	}
	#logo{
		width:70%;
		font-size:30px;
		padding-left:10px;
	}
	#listmenu{
		width:100%;
		margin-top:-60px;
		padding:0;
		text-align:right;
	}
	.p-element{
		display:none;
	}
	.m-element{
		display:block;
	}
	.col5{
		width:24%;
	}
	.col3{
		width:70%;
	}
	.col2{
		width:100%;
		padding:0;
	}
	.m-col3{
		width:100%;
		padding:15px 0;
	}
	.topic-news{
		font-size:24px;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	.font25{
		font-size:18px;
	}
	.cover{
		width:100%;
	}
	.detail{
		width:95%;
		margin:0 auto;
	}
	#logo{
		width:35%;
		font-size:35px;
		padding-left:10px;
	}
	#listmenu{
		width:60%;
	}
	.gallery img{
		width:18%;
		margin:1%;
		float:left;
	}
}