body {
	margin:0px;
	padding:0px;
	color:#444444;
	background-image: url(../images_RD/bg.jpg);
	text-align:center;
	line-height:14px;
	font-family:"Tahoma";
	font-size: 11px;
	
}

.clear {clear:both;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:inherit;}

.container{
margin:0px auto 0 auto;
padding:0px;
width:100%;
height:100%;
text-align:center;
border:0px solid violet;
}

#intro{
width:367px;
height:522px;
background-image: url(../images/bg_intro.jpg);
background-repeat:no repeat;
background-position:top;
display:block;
border:0px solid red;
margin:15% 0 0 0;
}

.shadow{
border:1px solid silver;
position:relative;
display:inline;
background:white;
z-index:100
}



.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10

}

.text_intro{
width:auto;
padding:8px 13px 0px 13px;
text-align:justify;
line-height:14px;
font-family:"Tahoma";
font-size: 11px;
}

.text_bold{
font-weight:bold;}

.text_bigbold{
font-weight:bold;
font-size: 15px;}

.text_bold_green{
font-weight:bold;
color:#77B23E;}

.text_footer{
color:#FFFFFF;
font-family:"Tahoma";
font-size: 11px;
text-align:center;}

.text_bigbold_green{
font-weight:bold;
color:#8ABA56;
font-size: 15px;}

	
a.rr_enter:link {	color: #009AD8;	text-decoration: none; font-weight:bold;}
a.rr_enter:visited {	color: #009AD8;	text-decoration: none;  font-weight:bold;}
a.rr_enter:active {	color: #009AD8;	text-decoration: none;  font-weight:bold;}
a.rr_enter:hover {	color: #009AD8;	text-decoration: underline;  font-weight:bold;}

a.rd_enter:link {	color: #35CC00;	text-decoration: none; font-weight:bold;}
a.rd_enter:visited {	color: #35CC00;	text-decoration: none;  font-weight:bold;}
a.rd_enter:active {	color: #35CC00;	text-decoration: none;  font-weight:bold;}
a.rd_enter:hover {	color: #35CC00;	text-decoration: underline;  font-weight:bold;}

a.room_link:link {	color: #8ABA56;	text-decoration: underline; font-weight:bold;}
a.room_link:visited {	color: #8ABA56;	text-decoration: underline;  font-weight:bold;}
a.room_link:active {	color: #8ABA56;	text-decoration: underline;  font-weight:bold;}
a.room_link:hover {	color: #FF6600;	text-decoration: underline;  font-weight:bold;}

a.top_page:link {	color: #ff6600;	text-decoration: none; font-weight:bold;}
a.top_page:visited {	color: #ff6600;	text-decoration: none;  font-weight:bold;}
a.top_page:active {	color: #ff6600;	text-decoration: none;  font-weight:bold;}
a.top_page:hover {	color: #ff6600;	text-decoration: underline;  font-weight:bold;}


/*------------------- Detail of Webpage ----------------------*/

#area_page{
width:779px;
padding:0px 0px 0px 0px;
background-color:#fff;
border-left:1px solid white; 
border-right:1px solid white;
display:block;
margin:0 auto 0 auto;}

.area_left{
width:387px;
height:auto;
float:left;
margin:0px 0px 10px 7px;
border:0px solid red;}

.location{
width:384px;
height:auto;
border-top:1px solid #A4A4A4;
border-left:1px solid #A4A4A4;
border-right:1px solid #A4A4A4;
background-color:#D2F2B0;
float:left;}

.location .pic{
width:127px;
margin:10px 0px 0px 0px;
padding:0 10px 0 10px;
float:left;}

.location .text{
width:230px;
margin:18px 0px 0px 0px;
padding:0px 0px 15px 0px;
color:#333333;
line-height:14px;
font-family:"Tahoma";
font-size: 11px;
text-align:left;
float:left;}

.location .flash{
border-right:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
width:387px;}

.area_right{
width:340px;
padding:0px 12px 0px 12px;
color:#666666;
text-align:justify;
height:533px;
float:right;
margin:0px 7px 10px 0px;
border:1px solid #9BD45E;
background-color:#DEFFDA;
line-height:14px;
font-family:"Tahoma";
font-size: 11px;}

.accomodation{
background-image: url(../images_RD/bg_accomodation.jpg);
background-repeat: no-repeat;
background-position:top left;
width:258px;
height:auto;
float:left;
padding:0px;
text-align:center;
margin:0px  0px 20px 0px;
}

.accomodation .detail{
	width:226px;
	margin:20px auto 10px auto;
	line-height:13px;
	font-family:"Tahoma";
	font-size: 11px;
	text-align:justify;
	color:666666;
}

.recommend_location{
width:767px;
margin:0 0px 0px 0px;
float:left;
}

.recommend_location .pic2{
width:120px;
height:83px;
margin:5px 0px 0px 5px;
padding:0px 0px 0px 0px;
float:left;
/*border-bottom:1px dotted #cccccc;*/}

.recommend_location .text2{
width:635px;
height:auto;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#666666;
line-height:14px;
font-family:"Tahoma";
font-size: 11px;
text-align:left;
float:left;
/*border-bottom:1px dotted #cccccc*/;}

.backtop{
width:760px;
float:left;
padding:10px 0 10px 0;
font-family:"Tahoma";
font-size: 11px;
text-align:right;}

/*--------- Main Menu ---------*/
#NavigationPanel {
	background-image: url(../images_RD/bg_menu.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	text-align: left;
	float: left;
	border: 0px solid yellow;
	width: 777px;
	height:31px;
}

#NavigationPanel ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	border: 0px solid blue;
	float: left;
}

#NavigationPanel ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	border: 0px solid cyan;
	}


#NavigationPanel ul li#home a { 
			background-image: url(../images_RD/menu01.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#home a:hover {	
			background-image: url(../images_RD/menu01_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}		

#NavigationPanel ul li#home2 a { 
			background-image: url(../images_RD/menu01_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#home2 a:hover {	
			background-image: url(../images_RD/menu01_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#room a { 
			background-image: url(../images_RD/menu02.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#room a:hover {	
			background-image: url(../images_RD/menu02_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#room2 a { 
			background-image: url(../images_RD/menu02_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#room2 a:hover {	
			background-image: url(../images_RD/menu02_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#gallery a { 
			background-image: url(../images_RD/menu03.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#gallery a:hover {	
			background-image: url(../images_RD/menu03_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#gallery2 a { 
			background-image: url(../images_RD/menu03_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#gallery2 a:hover {	
			background-image: url(../images_RD/menu03_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#activities a { 
			background-image: url(../images_RD/menu04.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#activities a:hover {	
			background-image: url(../images_RD/menu04_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#activities2 a { 
			background-image: url(../images_RD/menu04_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#activities2 a:hover {	
			background-image: url(../images_RD/menu04_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#contact a { 
			background-image: url(../images_RD/menu05.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#contact a:hover {	
			background-image: url(../images_RD/menu05_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#contact2 a { 
			background-image: url(../images_RD/menu05_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#contact2 a:hover {	
			background-image: url(../images_RD/menu05_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#map a { 
			background-image: url(../images_RD/menu06.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#map a:hover {	
			background-image: url(../images_RD/menu06_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#map2 a { 
			background-image: url(../images_RD/menu06_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#map2 a:hover {	
			background-image: url(../images_RD/menu06_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}


#NavigationPanel ul li#RD a { 
			background-image: url(../images_RD/menu07.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#RD a:hover {	
			background-image: url(../images_RD/menu07_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#home_th a { 
			background-image: url(../images_RD/menu01th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#home_th a:hover {	
			background-image: url(../images_RD/menu01th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}		

#NavigationPanel ul li#home2_th a { 
			background-image: url(../images_RD/menu01th_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#home2_th a:hover {	
			background-image: url(../images_RD/menu01th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#room_th a { 
			background-image: url(../images_RD/menu02th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#room_th a:hover {	
			background-image: url(../images_RD/menu02th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#room2_th a { 
			background-image: url(../images_RD/menu02th_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#room2_th a:hover {	
			background-image: url(../images_RD/menu02th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#gallery_th a { 
			background-image: url(../images_RD/menu03th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#gallery_th a:hover {	
			background-image: url(../images_RD/menu03th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#gallery2_th a { 
			background-image: url(../images_RD/menu03th_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#gallery2_th a:hover {	
			background-image: url(../images_RD/menu03th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#activities_th a { 
			background-image: url(../images_RD/menu04th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#activities_th a:hover {	
			background-image: url(../images_RD/menu04th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#activities2_th a { 
			background-image: url(../images_RD/menu04th_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#activities2_th a:hover {	
			background-image: url(../images_RD/menu04th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#contact_th a { 
			background-image: url(../images_RD/menu05th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}
#NavigationPanel ul li#contact_th a:hover {	
			background-image: url(../images_RD/menu05th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#contact2_th a { 
			background-image: url(../images_RD/menu05th_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#contact2_th a:hover {	
			background-image: url(../images_RD/menu05th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


#NavigationPanel ul li#map_th a { 
			background-image: url(../images_RD/menu06th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#map_th a:hover {	
			background-image: url(../images_RD/menu06th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	

#NavigationPanel ul li#map2_th a { 
			background-image: url(../images_RD/menu06th_over.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#map2_th a:hover {	
			background-image: url(../images_RD/menu06th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}

		
#NavigationPanel ul li#RD_th a { 
			background-image: url(../images_RD/menu07th.jpg);
			border: 0px solid red;
			margin: 0px;
			padding: 0px;
			float: left;
		}

#NavigationPanel ul li#RD_th a:hover {	
			background-image: url(../images_RD/menu07th_over.jpg);
			background-position: 0% 0px;  
			border: 0px solid blue;
		}	


/*------------- Room ---------------------*/
.type_room{
width:auto;
height:175px;
background:#CAE7F4;
border:2px solid #53B5DD;
margin:70px 18px 10px 18px;
padding:15px 10px 15px 10px;
text-align:left;
font-family:"Tahoma";
font-size: 11px;
font-weight:bold;}

.text_col_table{
font-family:"Tahoma";
font-size: 11px;
font-weight:bold;
color:#444444;}

.text_col_table2{
font-family:"Tahoma";
font-size: 11px;
font-weight:bold;
color:#FF0000;}

.text_table{
font-family:"Tahoma";
font-size: 11px;
font-weight:normal;
color:#666666;
line-height:25px;}

.text_table_bold{
font-family:"Tahoma";
font-size: 11px;
font-weight:bold;
color:#666666;
line-height:25px;}

.text_table_bold_red{
font-family:"Tahoma";
font-size: 11px;
font-weight:bold;
color:#FF0000;
line-height:25px;}

.room_show{
width:555px;
padding:20px 0 20px 0;
text-align:left;
line-height:14px;
font-family:"Tahoma";
font-size: 11px;
text-align:justify;
}

/*--------- Contact Form -------------*/
.headerForm {
	margin: 10px auto 10px auto;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #dddddd;
	/*border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;*/
	width: 700px;
	text-align: left;
	color:#638D34;
	font-weight:bold;
	font-size:14px;
	font-family:"Tahoma";
	/*background-color:#2687B1;*/
}

#FormInput {
	margin: 0px auto 30px auto;
	padding: 0px auto px auto;
	/*background-color:#f6f6f6;*/
	width : 400px;
	text-align: left;
}

#FormInput fieldset {
	margin: 0px auto 0 auto;
	padding: 6px 4px 5px 0px;
	border: 0px solid pink;
	font-size : 11px;
}

#FormInput fieldset label {
	float:left;
	text-align: right;
	font-size: 11px;
	color: #444444;
	font-weight:bold;
	margin: 0px;
	padding: 2px 0px 0px 10px;
	width: 90px;
	border: 0px solid blue;
}

#FormInput fieldset div {
 	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;;
	width: 290px;
	border: 0px solid yellow;
	overflow: auto;
}


.text_contact{
	font-weight:normal;
	font-size:11px;
	font-family:"Tahoma";
	color:#666666;
}
.symbol{
color:#FF6600;
font-weight:bold;}

#input_contact{
width: 250px;
font-size:11px;
font-family:"Tahoma";
}

/*----------------- Map -----------------------*/

.headerContact {
	margin: 10px auto 10px auto;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #dddddd;
	/*border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;*/
	width: 700px;
	text-align: left;
	color:#638D34;
	font-weight:bold;
	font-size:14px;
	font-family:"Tahoma";
	/*background-color:#2687B1;*/
}

.text_map{
	font-weight:normal;
	font-size:11px;
	font-family:"Tahoma";
	color:#666666;
}



