@charset "utf-8";
body {
	
  font: 8pt Arial, Helvetica, sans-serif;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  /*text-align: center;*/
 /* color: #636363;*/
 color: #000;
  height: 100%;
}

a:link, a:active, a:hover, a:visited{
	text-decoration:none;
}

a:hover{
	color:#cccccc !important;
}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:active {
	color: #FFFFFF;
}

td{
	vertical-align:top;
	text-align:left;
}

.tdRoomMenu{
	background:url(images/home_02.png) top left no-repeat;
	width:145px;
	height:800px;
}
.tdContent{
/*	padding-top:6px;*/
/*	padding-left:3px;*/
}
.tdFooter{
}

h1{
	padding-left:2px;
	font-size:15pt;
	font-weight:normal;
}

h2{
	font-size:9pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
.package{
	color:#d63121;
	font-weight:bold;
}
.button{
	display:inline-block;
	background-color:white;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	color:black;
	font-size:8pt;
}

.button_red{
	display:inline-block;
	background-color:white;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	color:black;
	font-size:8pt;
	background-color:#d63121;
	color:white;
}
.button_gray{
	display:inline-block;
	background-color:white;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	color:black;
	font-size:8pt;
	background-color:#666;
	color:white;
}

.menu{margin-left:2px;margin-right:2px;color:#999;font-size:8pt;}
.menu:hover{}
.sprite{ font-size:8pt; color:#1A1A1A }
.sprite:hover{color:#cccc;}
.features{margin-left:0px;}
.features:hover{}
.rates{}
.rates:hover{}
.reserve{}
.reserve:hover{}
.press{}
.press:hover{}
.guestbook{}
.guestbook:hover{}
.location{}
.location:hover{}
.contact{}
.contact:hover{}

#td_lang{
	font-size:8pt;
}

.eng{margin-left:88px; color:#cccc}
.eng:hover{color:#000}
.kor{color:#cccc}
.kor:hover{color:#000}
.jap{color:#cccc}
.jap:hover{color:#000}
.fre{color:#cccc}
.fre:hover{color:#000}
.ger{color:#cccc}
.ger:hover{color:#000}
.chi{color:#cccc}
.chi:hover{color:#000}
			/*width="122" height="27" alt="English" /></a></td>
	        <td><a href="#jap"><img border="0" src="../images/jap.png" width="52" height="27" alt="Japanese" /></a></td>
	        <td><a href="#fre"><img border="0" src="../images/fre.jpg" width="42" height="27" alt="French" /></a></td>
	        <td><a href="#ger"><img border="0" src="../images/ger.jpg" width="46" height="27" alt="German" /></a></td>
	        <td><a href="#chi"><img border="0" src="../images/chi.jpg"*/
	        
.setmainlogo h2 {
	font-family: "Myriad Pro";
	color: #787878;
	font-weight: normal;
	font-size: 180%;
}
.setmainlogo {
	padding: 10px 0;
}        
.setmainlogo td {
	vertical-align: middle;
}   
.setmainlogo table {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#menu {
	padding-bottom: 30px;
	text-align: justify !important;
	/*word-spacing: -1px;*/
}
#menu a {
	color: #000;
	/*font-family: "Myriad Pro";*/
	font-size: 12px;
	text-align: justify !important;
}
#menu a.on {
	color: #d72f22 !important;
}
.flashimg {
	width: 340px;
	/*margin: 0 auto;*/
}
#frame {
	width: 100%;
	/*overflow: hidden;border: 1px solid red;*/
	/*height: 801px;*/
	position: relative;
}
#frameleft {
	/*padding-left: 65px;border: 1px solid red;*/
	background:url(images/c.jpg) repeat-y 65px 0;
	/*float: left;*/
	/*width: 100%;*/
	width: 809px;
	/*overflow: hidden;*/
	display: table;
	display: inline-block;
}
#boxmenu {
	width: 144px;/*border: 1px solid red;*/
	float: left;
	height: 100%;
	margin-left: 65px;
	display: inline;
}
#boxcontent {
	width: 450px;/*border: 1px solid red;*/
	float: left;
	/*height: 100%;*/
	padding-bottom: 20px;
}

#wrapcontent {
	padding: 10px 20px 20px 20px;
	/*overflow: hidden;*/
	display: table;
	display: inline-block;
}
#footer {
	color:#999; 
	width: 650px;
	text-align: right; 
	margin-left:200px;
	padding: 0;
	margin: 0;
	margin-top: -15px;
	font-size: 10px;
}
p {
	/*text-align: justify;*/
}
.boxmenu {
	position: relative;
	width: 405px;
}
.boxlanguage {
	background:url(images/bg_box.png) no-repeat 0 0;
	position: absolute;
	width: 216px;
	top: 20px;
	right: -200px;
	display: none;
	height: 93px;
}
.innerlang {
	/*background:url(images/popimg.png) no-repeat 0 0;	
	width: 100%;*/
	
}
.langbg {
	/*background:url(images/popimg2.png) no-repeat 0 0;
	height: 12px;
	width: 100%;*/
}
.boxlanguage ul {
	margin: 0;
	padding: 0;
	padding: 7px 0 0 0;
	list-style: none;
	width: 199px;
	overflow: hidden;
	font-size: 11px;
	position: relative;
}
.boxlanguage ul li {
	float: left;
	width: 40%;
	height: 17px;
	line-height: 17px;
	margin-left: 18px;
	border-bottom:1px solid #CCCCCC;
	display: inline;
}
.boxlanguage ul li a {
	display: block;
}
.boxlanguage ul li a.on {
	color: #d72f22 !important;
}
/*
* +html .innerlang, * html .innerlang {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/popimg.png", sizingMethod="crop");
}
* +html .langbg, * html .langbg {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/popimg2.png", sizingMethod="crop");
}
*/
h1.headtxt {
	font-size: 19pt;
	padding: 0;
	margin: 0 0 5px 0;
	font-family: "Myriad Pro";
	/*color: #636363;*/
	color: #000;
}
ul {
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}
.reviewlist {
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}

.reviewlist table {
	margin-bottom: 20px;
}
.reviewlist td {
	vertical-align: top;
}
.txtalign, .txtalign td {text-align: justify;}
.txthome h3 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 13px;
	color: #4F4F4F;
}
.txthome p {
    margin-top: 0;
}

/*******slide ***********/
#myslides {
	width: 403px;
	height: 280px;
    padding: 0;  
    margin:  0 auto;  
    position: relative;
} 
 
#myslides img {  
    width: 403px;
    height: 280px;
    top:  0; 
    left: 0 
}
#allslide {
	
}
#allslide a {
	padding-left: 5px;
}
#allslide a img {
	border: 0 !important;
}
.arrownext {
	text-align: right;
	padding: 5px 5px;
}
/******* end slide ***********/

.reviewlist {
	width: 100%;
	overflow: hidden;
}
.reviewlist li {
	float: left;
	width: 48%;
	height: 200px;
	border: 1px solid orange;
	margin-right: 3px;
	margin-bottom: 3px;
	position: relative;
	overflow: hidden;
}

.boxedit {
	width: 300px;
	position: fixed;
	background-color: #EFEFEF;
	z-index: 999;
	padding: 20px;
	border: 4px solid orange;
	top: 10%;
	left: 50%;
	margin-left: -150px;
}
.boxedit .txt input {
	width: 250px;
	border: 1px solid silver;
	padding: 2px 5px;
}
.boxedit ul {
	padding: 0;
	list-style: none;
}
.boxedit ul li {
	margin-bottom: 5px;
}
#test-list li.selected {
	background-color: #FFF6DF;
}
.boxedit h3 {
	margin-top: 0;
	font-size: 140%;
}
#test-list li {
	cursor: move;
}
.boxedit .close {
	position: absolute;
	right: 10px;
	top: 10px;
}
#delpdf {
	display: block;
}
#delpdf a, .notetxt strong {
	color: red;
} 
.logincms {
	padding: 0;
	border: 1px solid #FF8D4F;
	width: 280px;
	padding: 10px;
	margin: 0 auto;
	height: 220px;
	position: absolute;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	margin-top: -110px;
}
.logincms ul {
	margin-bottom: 15px;
	list-style: none;
}
.logincms li {
	margin-bottom: 5px;
}
.logincms ul .txt input {
	padding: 2px 3px;
	width: 90%;
	border: 1px solid #CFCFCF;
}
.logincms p {
	margin: 0;
	padding-left: 15px;
}
.logincms a, .userprofile a {
	text-decoration: underline;
	color: #0F93FF;
}
.logincms h2 {
	font-size: 180%;
	margin-bottom: 5px;
}
.logincms h2 img {
	vertical-align: middle;
}
.logincms ul div div, .boxedit ul div div {
	color: red;
}
.userprofile {
	padding: 10px 20px;
	/*border: 1px solid #FFBD6F;*/
	word-spacing: 5px;
	background-color: #FFF8EF;
}
.userprofile a {
	word-spacing: 1px;	
}
* html .pop { 
	position: absolute !important;
 	top: expression(40+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
 	
}
* html .pop2 { 
	position: absolute !important;
 	top: expression(40+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
 	
}