/* CSS Document */
*{
  margin:0;
  padding:0;
}
body{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	color:#3D3D3D;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
}
.clr{clear:both;}
img{border:none;}
#topmenu{
	width:960px;
	height:33px;
	margin:0px auto;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
}
ul#menu{
  list-style: none;
  width:960px;
  height:33px;
  margin:auto;
}
ul#menu li{
  float: left;
  height:30px;
  border-bottom:solid 3px #6D6D6D;

}
ul#menu a, ul#menu a:visited{
    display: block;
    line-height: 30px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    width:120px;
    padding-left:20px;
    padding-right:20px;
    text-align: center;
}

ul#menu a:hover, ul#menu a:active, ul#menu a.on{
  background-color: #BA9426;
  border-bottom: solid #725C1C;
}

#footer{
	width:958px;
	height:56px;
	margin:10px auto 0px;
	padding:0;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat;
}
#footer p{
	padding:20px 15px;
	color:#FFFFFF;}
#footer img{
	margin-top:10px;
	margin-right:15px;
}

#footer p a{
  text-decoration: none;
}
#footer p a:link, #footer p a:visited{
  color:#FFFFFF;
}

#footer p a:hover, #footer p a:active, #footer p a.footeron, #footeron{
  color:#000000;
}



/* CSS for Home Page */
h1#home{
	background-image:url(../images/h1-khaolak-home.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:45px;
}
h2#reservation{
    background-image: url(../images/h2-reservaton.jpg);
    background-repeat:no-repeat;
	text-indent:-9999px;
    margin-top:10px;
    height:37px;
}


#logo{
  width:960px;
  height:167px;
  margin:0 auto;
  padding:0;
}


#content{
	background-color:#FFFFFF;
	width:958px;
	height:auto;
	margin:0 auto;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#content p{
	margin-bottom:20px;
}

#left{
  width:940px;
  height:auto;
  float:left;
  margin-top:10px;
  padding-right:10px;
}
#right{
  width:200px;
  height:auto;
  margin-top:10px;
  float:right;
}

/* Activities Page */
h1#activities{
	background-image:url(../images/h1-activities.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:47px;
}
#actLeft, #facLeft{
	width:319px;
	height:auto;
	margin:10px 10px 20px;
	padding-right:10px;
	float:left;
}

ul#act{
	margin-left:30px;
	margin-bottom:20px;
}
#actRight{
	width:599px;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	float:right;
}
/* Facilities Page */
h1#facilities{	background-image:url(../images/h1-facilities.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:43px;
}
#facLeft p{
	overflow:hidden;}

/* Room Rate */
h1#roomrate{background-image:url(../images/h1-roomrate.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:46px;}
#line{
	width:940px;
	height:2px;
	margin:0 auto 20px;
	display:block;
	background-color:#789D3D;
}
.roomcontent{
	width:940px;
	height:auto;
	margin:0 auto;}

#studio, #superior, #deluxe{font-size:18px;}
#studio{color:#789D3D;}
#superior{color:#92278F;}
#deluxe{color:#8C6239;}

#head {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.blue{background-color:#8CBBE4}
td p{
	margin:10px;
	color:#FFFFFF;
	text-align: left;
}

/* Reservation Page */
#reservationbox{
	background-image:url(../images/privacy-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:940px;
	margin:0 auto;
	height:750px;}
	
h1#reservation{
	background-image:url(../images/h1-reservation.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:47px;}

#reservationform{
	width:690px;
	height:auto;
	background-color:#FFF;
}

/* Privacy Policy Page */
#privacybox{
	background-image:url(../images/privacy-bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:940px;
	margin:0 auto;
	height:221px;
}

h1#privacy{
	background-image:url(../images/h1-privacy.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:47px;}

/* Term Page */
#termbox{
	background-image:url(../images/privacy-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:940px;
	margin:0 auto;
	height:auto;}

h2#term{
	background-image:url(../images/h2-term.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:43px;}

h2#cancell{
	background-image:url(../images/h2-cancellation.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:48px;}

h2#noshow{
	background-image:url(../images/h2-no-show.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:45px;}

h2#amendment{
	background-image:url(../images/h2-amendment.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:45px;}

h2#early{
	background-image:url(../images/h2-early.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:47px;}

/* Contact Page */
h1#contact{
	background-image:url(../images/h1-contact.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
    margin-bottom:20px;
	height:47px;}

#contactleft{
	width:600px;
	height:auto;
	float:left;
	margin:0px 10px 0px;
	}

#contactright{
	width:320px;
	height:auto;
	float:right;
	margin-top:30px;
	margin-right:10px;}

iframe{
	margin:0;
	padding:0;}

/* Booking Online */
#agency{margin-top:15px;}
h3#blue{background-image:url(../images/reservation-partner.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
height:53px;
margin-top:0px;}
#agency ul{list-style-position:inside; margin-top:0px; margin-bottom:10px;}
#agency li{list-style-type: square;}
#agency li a{text-decoration:none;}
#agency li a:link, #agency li a:visited{
	color:#69C;
	font-weight:bold;
}
#agency li a:hover, #agency li a:active{color:#FF6633;}