charset "utf-8";
/* CSS Document */

img, div, a, input { behavior: url(include/iepngfix.htc) } /* Fixed PNG on IE6 */

html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */        
background:#F4ECC4; /*color background - only works in IE */
/*font-size:80%; set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
}
h1,h2,h3,h4,h5,h6{ color: #002157; text-decoration: none;}

body {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
border:0; /* remove borders */
margin: 0 0 50px;
background-color:#F4ECC4;
/*background: #002157 url('images/background.jpg') top center no-repeat; */
}
.clear { clear:both; }
body,td,th { font-family:Tahoma, Geneva, sans-serif; font-color: #898989; font-size:9pt;}
body,td,th,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote{ margin: 0; padding: 0; }

A { color:#7f7f7f;text-decoration:none;}
A:hover {text-decoration:underline;}

A.lang { color:#7f7f7f;text-decoration:none;}
A.lang:hover {text-decoration:underline;}

#navigation { width:960px; margin:0 auto;}

#topmenu { width:960px; margin:0 auto; overflow:hidden;}
#logo { width:960px; height:100px;margin:0 auto; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; border-top:1px solid #c5c5c5;background:url(layout/toplogo.jpg)  no-repeat;}
#homelogo { width:960px; height:100px;margin:0 auto; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; border-top:1px solid #c5c5c5;background:url(layout/home1_01.jpg)  no-repeat;}
.logolink {text-align:right;padding-top:75px;padding-right:255px; }
.logolink A { color:#300;text-decoration:none; line-height:15px; font-size:10pt;}
.logolink A:hover {text-decoration:underline;}
#pagetop {padding-right:10px; text-align:right; background-color:#fff;padding-top:5px;}
#pagetop A { color:#300;text-decoration:none; line-height:15px; font-size:10pt;}
#pagetop A:hover {text-decoration:underline;}

#hometop { width:960px;height:100px; }
#wrapper{ clear:both;width:960px; margin:0 auto; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;overflow:hidden;background-color:#FFFFEf;}
#wrapperleft{width:709px;float:left;overflow:hidden;}
#wrappermenu{width:250px;float:right;overflow:hidden; background-color:#b2b2b2;border-left:1px solid #fff;border-top:1px solid #fff; border-bottom:1px solid #fff;height:161px;}
#wrappermenu A {color:#fff}
#wrapperright{width:250px;float:right;overflow:hidden; height:auto; background-color:#b2b2b2;border-left:1px solid #fff;border-top:1px solid #fff; border-bottom:1px solid #fff;}

#banner { width:690px; height:92px; border-top:1px dotted #c5c5c5; border-bottom:1px dotted #c5c5c5; text-align:right; padding-right:20px;padding-top:10px;} 
#banner span.bannertxt1{ font-size:30pt;color:#a3a3a3; font-weight:bold;letter-spacing:6px;display:block;} 
#banner span.bannertxt2{ font-size:9pt; letter-spacing:3px;} 
#bannersublink { width:690px;  padding-right:20px; background-image:url(layout/bannerbg.png); height:22px;margin-top:8px; }
#bannersublink ul {float:right; }
#bannersublink li { float:left;line-height:18px; padding:0 10px; list-style-position:inside;list-style-type:square; color:#fff;}
#bannersublink a {font-weight:bold;font-size:9pt;color:#fff;line-height:22px;  }

#footer{ clear:both;width:930px; margin:0 auto; background-color:#b2b2b2;border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;padding:18px 15px; font-size:9pt;color:#fff;}
#footer a{color:#474747; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer span{ font-size:8pt;float:right; text-align:right; line-height:20px;}
#footer span a{color:#474747; text-decoration:underline;}
#footer span a:hover{text-decoration:none;}
#topmenu{ width:960px; margin:0 auto; }

ul#topnav {	margin: 0;padding: 0;list-style: none;font-size: 10pt; width: 960px; text-align:right;  }
ul#topnav li{ margin: 0;padding: 0; overflow: hidden; float: right; height:30px; }
ul#topnav a, ul#topnav span { padding: 5px 20px; float: left; text-decoration: none; color: #600; text-transform: uppercase;clear: both;height: 20px;line-height: 20px;background: #fffff; }
ul#topnav a { color: #600; }
ul#topnav a:hover { color: #666; }
ul#topnav span { display: none; }

#flyList {width:960px; height:320px; position:relative; background:url(layout/home1_02.jpg); margin:0 auto; overflow:hidden;border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; }
#flyList DIV.flyListbg {float:left;width:709px; background-color:#000;height:320px;}
#menu {padding:0; margin:0; list-style:none; width:250px; height:319px;float:right; background-color:#858585;border-left:#c3c3c3 1px solid;padding-bottom:15px;border-top:1px solid #c5c5c5;}
#menu li.level1-li {float:left; height:30px; width:250px;top:15px;margin-top:6px;}
#menu li.level1-li a.level1-a {display:block; height:25px; line-height:23px; padding-left:60px; text-decoration:none; font-size:10pt; font-family:verdana, arial, sans-serif; color:#fff;  font-weight:bold; padding-top:5px;letter-spacing:6px;}
#menu li.sub a.level1-a {background:#858585 url(layout/arrow.gif) no-repeat 25px center;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}

#menu div.listHolder {position:absolute; left:-9999px; border:1px solid #fff; border-width:1px 0px 1px 1px; background-color:#534B46; filter: alpha(opacity=70); opacity:0.7; font-family:verdana, arial, sans-serif; font-weight:bold;width:200px;height:320px;} 
#menu div.listCol {width:180px; float:right; padding:10px;}
#menu div.col1 {width:181px;} 
#menu div.col2 {width:360px;} 
#menu div.col3 {width:540px;}
#menu div.listCol ul {padding:0; margin:0; list-style:none;}
#menu div.listCol ul li {height:23px;}
#menu div.listCol ul li a {display:block; height:21px; line-height:18px; font-size:9pt; text-decoration:none; color:#fff; padding-left:10px; background: url(layout/dot.gif) no-repeat 5px center; letter-spacing:3px; }
#menu div.listCol h5 {padding:2px 0 0px 5px; margin:0; margin-bottom:5px;font-size:11px; line-height:22px; background:url(layout/linedot.gif) repeat-x left bottom;letter-spacing:3px;color:#c2c791;}
#menu div.listHolder div.bottomLine {clear:both;}
#menu div.listHolder div.bottomLine p {padding:0 20px; margin:0; line-height:20px; background:#400 url(layout/arrow1.gif) no-repeat 7px 7px; color:#fff; font-size:10px;}
#menu div.listHolder div.bottomLine p a {color:#8ff;}

#menu li a:hover {background-color:#c2c791 url(layout/arrow.gif) no-repeat 10px center; color:#000; filter: alpha(opacity=70); opacity:0.7;}
#menu li.level1-li:hover > a {background:#c2c791 url(layout/arrow.gif) no-repeat 10px center; color:#000; filter: alpha(opacity=70); opacity:0.7;}
#menu li.sub a:hover {border-right:0;}
#menu li.sub:hover > a {border-right:0;}
#menu li.menuunder {}
/* #menu :hover div.listHolder {left:508px;top:0;} run on home.php*/ 
#menu div.listCol ul li a:hover {text-decoration:underline;color:#fff;}
#menu div.listHolder div.bottomLine p a:hover {color:#8ff; text-decoration:none; background:transparent;}
/* IE6 only */ 
#menu table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } 

#undermenu {width:250px; border-top:1px solid #fff; border-left:1px solid #fff; margin-top:20px;background-color:#c2c791; float:right; height:83px;font-size:9pt;}
#undermenu DIV.undermenuleft {float:left;width:124px;height:83px;text-align:center; line-height:80px;}
#undermenu DIV.undermenuright {float:right;border-left:1px solid #fff;width:125px;height:83px;text-align:center; line-height:80px;}
#booklink {width:250px;border-bottom:1px solid #fff;height:30px;text-align:center; line-height:31px; background:#d4d4c0 url('layout/onlineres.png') no-repeat 45px 8px;}
#booklink A {color:#534B46;font-weight:bold;text-decoration:none;}
#booklink A:hover {color:#600;font-weight:bold;text-decoration:none; }
#booklink A:hover > #bookiink {background-color:#CCC;}
#undermenu * A {color:#600;font-weight:bold;text-decoration:none;}
#undermenu * A:hover {color:#fff;font-weight:bold;text-decoration:none;}
#homeleft {float:left;width:354px; background:#d4d4c0 url(layout/homebox1.jpg) no-repeat top; height:131px; }
#homeright {float:right;width:354px;border-left:1px solid #fff; background:#d4d4c0 url(layout/homebox2.jpg) no-repeat top; height:131px;}
.hometopic {line-height:31px;padding-left:15px; font-size:12pt; color:#534B46; font-weight:bold;}
.homebox {padding:5px 5px 5px 10px;}
.homebox2 {text-align:center; }
.homebox2 span.price{ font-size:24pt;line-height:50px;display:block;color:#534b46;}
.homebox2 span.priceremark{ font-size:10pt; color:#fff; line-height:20px;}
.homeinfo {line-height:30px;font-size:10pt; text-align:right; padding-right:15px; }

#reservation input{
	width:100px;border:1px solid #eed;white-space:normal;}
#slideshow_1 {font-size:9pt;} 
	
	
#resform {font-size:8pt;font-family:Tahoma, Geneva, sans-serif;}
#resform #formtd{both:clear; width:344px;}
#resform #formtd DIV.formleft{float:left;width:232px; line-height:30px;}
#resform #formtd span.date{float:right;line-height:30px; display:inline;}
#resform #formtd DIV.formright{float:right;width:110px; line-height:30px;}
#resform #down { width:250px;padding:5px 0;}
#resform #formtd DIV.formright input{border:1px solid #fff; line-height:20px;padding-top:2px; background-color:#300; color:#fff;}

#txtarea { padding:8px 20px 20px 20px; overflow:hidden; width:669px;height:100%;}
#txtarea DIV.title {line-height:45px; font-size:15pt;}
#txtarea DIV.txt { font-size:10pt;letter-spacing:3px;padding-top:15px;}
#txtarea DIV.albums { font-size:10pt;letter-spacing:3px;padding-top:15px;}

#coinfo {width:645px; border:1px dotted #c3c3c3; background-color:#f3f3f3;padding:10px; overflow:hidden; font-size:10pt;}
#coinfo DIV.cotitle {width:150px; text-align:right;padding:2px;float:left; line-height:18px; }
#coinfo DIV.cotxt { width:475px; text-align:left;float:right; line-height:18px;}
#coinfo DIV.cotxt h2{  line-height:30px;}

#spbox{ width:645px; border:1px dotted #c3c3c3; background-color:#f3f3f3;padding:10px; overflow:hidden; font-size:10pt; }


#comap {width:665px; border:1px dotted #c3c3c3;margin-top:10px;}
#contactform fieldset { margin: 10px 0; border: 1px solid #ccc; padding-bottom:20px; width:665px; }
#contactform legend { padding-top: 2px; color:#333333; font-weight:bold; border-bottom:2px solid #DC0101; left:10px; position:relative; margin-bottom:20px; } 
#contactform dl { padding: 1px; }
#contactform dt{ width:200px; margin-right:10px; float:left; text-align:right; padding: 2px 0 2px 0; }
#contactform dd{ padding: 2px 0 2px 0; }
#contactform select{ border:1px solid #CCCCCC; background-color:#f3f3f3; }
#contactform input{  border:1px solid #cccccc; background-color:#f3f3f3; padding:2px; }
#contactform textarea{  border:1px solid #cccccc; background-color:#f3f3f3; padding:2px; }
#formtopic{ padding:5px;  }

#albums {width:690px; text-align:left; overflow:hidden;}
#albums span{}
#albums .photo{ width:200px;padding:5px;margin-top:5px;margin-right:5px;border:1px solid #d3d3d3;display:inline-block;overflow:hidden;vertical-align:top;background-color:#ffffff;}
*+html #albums .photo { display:inline; } /* IE7 */
#albums .photo:hover{ background-color:#d4d4c0; border:1px solid #EAEAE9;}

#page500 { clear:both;width:500px;border:1px dotted #c3c3c3; overflow:hidden;background-color:#fff;filter: alpha(opacity=70); opacity:0.7; float:right;margin-top:8px; padding:15px;margin-bottom:80px;}

#special { clear:both;width:300px;border:1px dotted #c3c3c3; overflow:hidden;background-color:#fff;filter: alpha(opacity=70); opacity:0.7; float:right;margin-top:8px; padding:5px;}
#special #specinfobox {  padding:3px; }
#specinfobox { padding:5px;}
#specinfobox DIV.specinfotopic{padding-top:5px; font-weight:bold; font-size:9pt;}
#specinfobox DIV.specinfotxt{ font-weight:bold; font-size:12pt; color:#F60;}