@charset "utf-8";
.clear-all{clear:both; line-height:0; height:0;}
#main {
	background-color: #ccCCcc;
	width: 1005px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1000;
}
#topmenu {
	position: absolute;
	left: 504px;
	top: 97px;
	z-index:1;
}

#maindody {
	height:235px;
	width: 1005px;
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;
}
.zero {
	font-size: 9px;
	line-height: 0px;
	color: #FFF;
}
#header {
	background-color: #CCCCCC;
	width: 1005px;
	height: 97px;
	background-image: url(images/hoteldecharm_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer {
	clear: both;
	height: 20px;
}
#bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-top: 0px;
	padding-right: 432px;
	padding-left: 100px;
	background-image: url(images/hoteldecharm_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	color: #666666;
	background-color:#fbfbfb;
	padding-top:15px;
}
.textmap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
}
#pckage {
	position: absolute;
	width: 658px;
	left: 100px;
	top: 433px;
}

#main #bigmap #mark .textmap a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#main #bigmap #mark .textmap a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#main #bigmap #mark .textmap a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#maindody img {
	margin: 0px;
	padding:0px;
}

#bodytext a:link{
	color: #666666;
	text-decoration: none;
}

#bodytext a:hover{
	color: #000000;
	text-decoration: none;
}

#bodytext a:active{
	color: #666666;
	text-decoration: none;
}

#bodytext a:visited{
	color: #666666;
	text-decoration: none;
}

#online-reservation {
	background-image: url(images/online-reservation.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 127px;
}

#bodytext p {
	font-size: 0.95em;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}
#mainmenu {
	width: 197px;
	position: absolute;
	background-color: #CCCCCC;
	left: 571px;
	top: 118px;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
#mainmenu ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: none;
}
#mainmenu a:link {
	color: #666666;
}
#mainmenu a:visited {
	color: #333333;
}

#mainmenu a:hover {
	color: #FFFFFF;
}

#bodytext li {
	font-size: 0.95em;
}
#bodytext h3 {
	color: #333333;
}
#bodytext h1 {
	font-size: 1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #530000;
	font-family: Arial, Helvetica, sans-serif;
}
#bodytext h2 {
	font-size: 1.2em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#logo {
	background-image: url(images/hotel-de-charm-logo.jpg);
	height: 72px;
	width: 333px;
	position: absolute;
	top: 24px;
	right: 231px;
}
#footmenu {
	height: 15px;
	width: 195px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 575px;
	top: 316px;
	z-index: 1;
	text-align: center;
	background-color: #CCCCCC;
}

#footmenu_big ul {
	float: left;
	padding: 0px;
}
#footmenu_big li {
	float: left;
	padding: 0px;
}



#footmenu_ {
	background-color: #00FF66;
	height: 15px;
	width: 195px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 575px;
	top: 134px;
	z-index:0;
}

#footmenu_map {
	background-color: #00FF66;
	height: 15px;
	width: 195px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 575px;
	top: 645px;
	z-index:0;
}
#footmenu_mapchiida {
	background-color: #00FF66;
	height: 15px;
	width: 195px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 575px;
	top: 1131px;
	z-index:0;
}
#footmenu_map_2 {
	background-color: #00FF66;
	height: 15px;
	width: 195px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 576px;
	top: 832px;
	z-index:0;
}
#footmenu li,#footmenu_ li,#footmenu_map li,#footmenu_map_2 li  {
	float: left;
	margin-left: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
}
#footmenu_mapchiida li  {
	float: left;
	margin-left: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
}

#rightmenu {
	width: 200px;
	position: absolute;
	float: right;
	left: 573px;
	top: 334px;
}
#rightmenu li{
	margin-top: 2px;
}
/*
#main #bodytext #rightmenu img {
behavior: url(iepngfix.htc)
}
*/

#rightmenu ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#rightmenu ul a:hover {
}

#rightmenu a:link {
	color: #666666;
}
#rightmenu a:hover {
	color: #FFFFFF;
}

#footmenu ul,#footmenu_ ul,#footmenu_map ul,#footmenu_map_2 ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-align: right;
	
}
#footmenu_mapchiida ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-align: right;
	
}

#footmenu a ,#footmenu_ ,#footmenu_map a,#footmenu_map_2 a{
	color: #612d3a;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-decoration: none;
}
#footmenu_mapchiida a{
	color: #612d3a;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-decoration: none;
}
#footmenu a:hover,#footmenu_ ,#footmenu_map,#footmenu_map_2  a:hover,#footmenu_mapchiida  a:hover {
	color: #000000;
}




body {
	margin: 0px;
	background-color: #999999;
}
#main #header #logo h1 {
	display: none;
}
#footer {
	width: 400.px;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	left: 100px;
	position: relative;
	width: 400px;
}

img {behavior: url(iepngfix.htc)}
table.menu{
	position:absolute;
	z-index:1000;
	background-color: #CCCCCC;
	width: 149px;
	position: absolute;
	padding-top:2px;
	padding-bottom:2px;
}
table.menu td{
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
}
table .menu a:link{
	color:#666666;
	text-decoration:none;
}
table .menu a:active {
	color: #666666;
	text-decoration: none;
}
table .menu a:visited {
	color: #666666;
	text-decoration: none;
}
table .menu a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.clear-all{clear:both; line-height:0; height:0;}
#divmap{
	height:52px;
	z-index:0;
}
#bigmap{
	height:560px;
	z-index:0;
}#footmenu_big {
	height: 15px;
	width: 242px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 585px;
	top: 657px;
	z-index:0;
}
#mark {
	position: absolute;
	left: 139px;
	top: 603px;
	border-top-width: 0px;
	border-top-style: 0;
	width: 207px;
}
#mainmap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: absolute;
	z-index: 6;
	left: 92px;
	top: 687px;
}
#mainmap a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainmap a:hover {
	color: #CCCCCC;
}
#mainmap a:link {
	color: #FFFFFF;
	text-decoration: none;
}


#triyaanaros {
	position:absolute;
	left:262px;
	top:-288px;
	width:141px;
	height:32px;
	z-index:1;
}
#banthai {
	position:absolute;
	left:304px;
	top:-325px;
	width:121px;
	height:32px;
	z-index:2;
}
#baannamping {
	position:absolute;
	left:295px;
	top:-116px;
	width:113px;
	height:39px;
	z-index:3;
}
#fernparadise {
	position:absolute;
	left:406px;
	top:-438px;
	width:114px;
	height:34px;
	z-index:4;
}
#Huen {
	position:absolute;
	left:264px;
	top:-370px;
	width:114px;
	height:34px;
	z-index:5;
}
#Kaomai {
	position:absolute;
	left:151px;
	top:-75px;
	width:114px;
	height:34px;
	z-index:2;
}
#Mohnfahsai {
	position:absolute;
	left:662px;
	top:-96px;
	width:114px;
	height:34px;
	z-index:2;
}
#Sukantara {
	position:absolute;
	left:103px;
	top:-588px;
	width:114px;
	height:34px;
	z-index:2;
}
#chiida {
	position:absolute;
	left:101px;
	top:-539px;
	width:114px;
	height:34px;
	z-index:2;
}
#Tharnthong {
	position:absolute;
	left:665px;
	top:-357px;
	width:114px;
	height:34px;
	z-index:2;
}
#h {
	height: 34px;
	width: 59px;
	position: absolute;
	left: 59px;
	top: 338px;
}

#main_img{
	display:none;
}
#banthaimap {

	height:750px;
	z-index:0;
}
#chiidamap {
	z-index:0;
	height: 1050px;
}
#bannampingmap {

	height:560px;
	z-index:0;
}
#fernmap {

	height:560px;
	z-index:0;
}
#triyaanmap {

	height:560px;
	z-index:0;
}
#tarntongmap {

	height:560px;
	z-index:0;
}
#rcomemap {

	height:560px;
	z-index:0;
}
#monmap {

	height:560px;
	z-index:0;
}
#sukanmap {

	height:560px;
	z-index:0;
}
#kaomaimap {


	height:560px;
	z-index:0;
}

#viva{
	position:absolute;
	left:263px;
	top:-450px;
	width:114px;
	height:34px;
	z-index:2;
}

#sabai{
	position:absolute;
	left:223px;
	top:-508px;
	width:114px;
	height:34px;
	z-index:2;
}
#bhusalahmap {
	z-index:0;
	height: 500px;
}
#footmenu_mapbhusalah {
	background-color: #00FF66;
	height: 15px;
	width: 195px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/foot-menu-bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	left: 575px;
	top: 581px;
	z-index:0;
}
#footmenu_mapbhusalah li {
	float: left;
	margin-left: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
}
#footmenu_mapbhusalah ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-align: right;
}
#footmenu_mapbhusalah a {
	color: #612d3a;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-decoration: none;
}