body { background: #FFF; color: #777; margin: 0; padding: 0; }
body, td, a, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; }
h2 { font-size: 14px; color: #FFFFFF; margin-bottom: 4px; }
/*UL, OL, LI { margin: 0; padding: 0; list-style: none; }*/
a, a:link { text-decoration: none; color: #F76F14;  }
FORM { margin: 0; padding: 0 }
.clear { clear: both; overflow: hidden; }
P { margin: 0 0 12px 0; text-align: justify; }
div, img { margin: 0; padding: 0; }

#flipkey-badge {position:fixed; top:0;right:-20px;}
#wrapper { width: 975px; height: 600px; background-color: #FFF;}
#wrapper-splash { width: 975px; background-color: #FFF;}

/* splash-page */
#splash-logo { width: 337px; height: 500px; float: left; background: url(/images/splash/left_bg.gif) repeat-y; }
#splash-logo img { margin: 120px 0 0 0; display: inline; }
	.left-intro { margin-top:0; padding: 0 8px 0 8px; font-size: 12px; color: #fff/*F76F14*/;}
#splash-anim { width: 638px; height: 500px; float: left; overflow: hidden; }
	.badge {margin:0 auto 0 30px; /*position:absolute; right:105px; bottom:-135px;*/}
#splash-clicktoenter { margin: 10px 0 0 0px; float: left; display: inline; }
#splash-clicktoenter a { color: #3F7460; font-size: 11px; font-weight: bold; }
#splash-copyright { margin: 10px 0 0 10px; float: right; font-size: 11px; display: inline; }
#splash-copyright a { font-size: 11px; color: #547757; }
#splash-copyright a:hover { color: #8FB594; }
#splash-langselector { background: url(/images/splash/lang_chooser.gif) no-repeat; width: 204px; height: 47px; float: right; margin: 53px 20px 0 0; }
#splash-langselector a:hover { background:#FFF;  filter: Alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; } 
#splash-langselector .btn_english { display: block; width:41px; height:16px; float: left; margin: 4px 0 0 10px; overflow: hidden; display: inline; } 
#splash-langselector .btn_japanese { display: block; width:49px; height:16px; float: left; margin: 4px 0 0 15px; overflow: hidden; display: inline; } 
#splash-langselector .btn_chinese { display: block; width:44px; height:16px; float: left; margin: 4px 0 0 15px; overflow: hidden; display: inline; } 

/* main-page */
#main-header { height: 70px; width:975px; }
#main-header #logo { background: url(/images/logo.gif) no-repeat; width: 273px; height: 83px; margin: 75px 0 0 55px; float: left; display: inline; }
#main-header #logo a { width: 273px; height: 83px; display: block; }
#main-header #langselector { background: url(/images/language-selector.gif) no-repeat; width: 61px; height: 56px; margin: 23px 34px 0 0; float: right; display: inline; }
#main-header #langselector a { display: block; float:none; margin: 4px 0 0 0; }
#main-header #langselector a:hover { background-color: #FFF; filter: Alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; }
#main-header #langselector a.btn_english { width: 47px; height: 14px; overflow: hidden; }
#main-header #langselector a.btn_chinese { width: 50px; height: 14px; overflow: hidden; }
#main-header #langselector a.btn_japanese { width: 47px; height: 14px; overflow: hidden; }

#main-header #menu { background: url(/images/menu-normal.gif); width: 380px; height: 34px; float: right; margin: -40px 38px 0 0; display: inline; }
#main-header #menu a { overflow: hidden; display: block; }
#main-header #menu a:hover { background: url(/images/menu-hover.gif) no-repeat; }
#main-header #menu a.active { background: url(/images/menu-hover.gif) no-repeat; }
#main-header #menu a.btn_home { width: 33px; height: 13px; background-position: -3px -2px; float:left; margin: 2px 0 0 3px; display: inline; }
* html #main-header #menu a.btn_home:hover { background: url(/images/menu-hover.gif) no-repeat -3px -2px; }
* html #main-header #menu a.btn_home .active { background: url(/images/menu-hover.gif) no-repeat -3px -2px; }
#main-header #menu a.btn_rooms { width: 36px; height: 13px; background-position: -58px -2px; float:left; margin: 2px 0 0 22px; display: inline; }
* html #main-header #menu a.btn_rooms:hover { background: url(/images/menu-hover.gif) no-repeat -58px -2px; }
* html #main-header #menu a.btn_rooms .active { background: url(/images/menu-hover.gif) no-repeat -58px -2px; }
#main-header #menu a.btn_staff { width: 85px; height: 13px; background-position: -122px -2px; float:left; margin: 2px 0 0 28px; display: inline; }
* html #main-header #menu a.btn_staff:hover { background: url(/images/menu-hover.gif) no-repeat -122px -2px; }
* html #main-header #menu a.btn_staff .active { background: url(/images/menu-hover.gif) no-repeat -122px -2px; }
#main-header #menu a.btn_gallery { width: 44px; height: 13px; background-position: -228px -2px; float:left; margin: 2px 0 0 21px; display: inline; }
* html #main-header #menu a.btn_gallery:hover { background: url(/images/menu-hover.gif) no-repeat -228px -2px; }
* html #main-header #menu a.btn_gallery .active { background: url(/images/menu-hover.gif) no-repeat -228px -2px; }
#main-header #menu a.btn_locmap { width: 85px; height: 13px; background-position: -292px -2px; float:left; margin: 2px 0 0 20px; display: inline; }
* html #main-header #menu a.btn_locmap:hover { background: url(/images/menu-hover.gif) no-repeat -292px -2px; }
* html #main-header #menu a.btn_locmap .active { background: url(/images/menu-hover.gif) no-repeat -292px -2px; }
#main-header #menu a.btn_reservation { width: 104px; height: 13px; background-position: -3px -19px; float:left; margin: 4px 0 0 3px; display: inline; }
* html #main-header #menu a.btn_reservation:hover { background: url(/images/menu-hover.gif) no-repeat -3px -19px; }
* html #main-header #menu a.btn_reservation .active { background: url(/images/menu-hover.gif) no-repeat -3px -19px; }
#main-header #menu a.btn_floorplan { width: 64px; height: 13px; background-position: -130px -19px; float:left; margin: 4px 0 0 23px; display: inline; }
* html #main-header #menu a.btn_floorplan:hover { background: url(/images/menu-hover.gif) no-repeat -130px -19px; }
* html #main-header #menu a.btn_floorplan .active { background: url(/images/menu-hover.gif) no-repeat -130px -19px; }
#main-header #menu a.btn_about { width: 101px; height: 13px; background-position: -212px -19px; float:left; margin: 4px 0 0 18px; display: inline; }
* html #main-header #menu a.btn_about:hover { background: url(/images/menu-hover.gif) no-repeat -212px -19px; }
* html #main-header #menu a.btn_about .active { background: url(/images/menu-hover.gif) no-repeat -212px -19px; }
#main-header #menu a.btn_contact { width: 52px; height: 13px; background-position: -324px -19px; float:left; margin: 4px 0 0 11px; display: inline; }
* html #main-header #menu a.btn_contact:hover { background: url(/images/menu-hover.gif) no-repeat -324px -19px; }
* html #main-header #menu a.btn_contact .active { background: url(/images/menu-hover.gif) no-repeat -324px -19px; }

#main-content { background: url(/images/bgmain.gif); width: 975px; height: 373px; }
#main-content #pic { width: 473px; height: 358px; margin: 7px 0 0 65px; background: #000; float: left; display: inline; }

#main-content #content { width: 350px; height: 300px; padding: 0 20px 0 5px; margin: 7px 0 0 21px; float: left; display: inline; overflow: auto; text-align: justify; }
* html #main-content #content { width: 375px; height: 300px; padding: 0 20px 0 5px; margin: 7px 0 0 21px; float: left; display: inline; overflow-y: auto; overflow-x: hidden; text-align: justify; }

#testimonials { width: 368px; height: 50px; padding: 0; margin: 14px 0 0 21px; float: left; display: inline; overflow: hidden; background: url(../images/testimonials/0.jpg) }

#main-content #content p { text-align: justify; }
#main-content #room-menu { margin: 7px 0 0 21px; display: inline; width: 120px; height: 150px; background: url(/images/room-menu-normal.gif) no-repeat; float: left; }
#main-content #room-menu a { display: block; overflow: hidden; }
#main-content #room-menu a:hover { background: url(/images/room-menu-hover.gif) no-repeat; }
#main-content #room-menu a.active { background: url(/images/room-menu-hover.gif) no-repeat; }
#main-content #room-menu a.bedrooms { width: 70px; height: 14px; background-position: -8px -5px; margin: 5px 0 0 8px; display: inline; float: left; }
* html #main-content #room-menu a.bedrooms:hover { background: url(/images/room-menu-hover.gif) no-repeat -8px -5px; }
* html #main-content #room-menu a.bedrooms .active { background: url(/images/room-menu-hover.gif) no-repeat -8px -5px; }
#main-content #room-menu a.diningroom { width: 69px; height: 14px; background-position: -8px -29px; margin: 10px 0 0 8px; display: inline; float: left; }
* html #main-content #room-menu a.diningroom:hover { background: url(/images/room-menu-hover.gif) no-repeat -8px -29px; }
* html #main-content #room-menu a.diningroom .active { background: url(/images/room-menu-hover.gif) no-repeat -8px -29px; }
#main-content #room-menu a.livingpavilion { width: 73px; height: 14px; background-position: -8px -52px; margin: 9px 0 0 8px; display: inline; float: left; }
* html #main-content #room-menu a.livingpavilion:hover { background: url(/images/room-menu-hover.gif) no-repeat -8px -52px; }
* html #main-content #room-menu a.livingpavilion .active { background: url(/images/room-menu-hover.gif) no-repeat -8px -52px; }
#main-content #room-menu a.gflounge { width: 106px; height: 14px; background-position: -8px -76px; margin: 10px 0 0 8px; display: inline; float: left; }
* html #main-content #room-menu a.gflounge:hover { background: url(/images/room-menu-hover.gif) no-repeat -8px -76px; }
* html #main-content #room-menu a.gflounge .active { background: url(/images/room-menu-hover.gif) no-repeat -8px -76px; }
#main-content #room-menu a.study { width: 31px; height: 14px; background-position: -8px -98px; margin: 8px 0 0 8px; display: inline; float: left; }
* html #main-content #room-menu a.study:hover { background: url(/images/room-menu-hover.gif) no-repeat -8px -98px; }
* html #main-content #room-menu a.study .active { background: url(/images/room-menu-hover.gif) no-repeat -8px -98px; }
#main-content #room-menu a.gymswim { width: 90px; height: 25px; background-position: -8px -121px; margin: 9px 0 0 8px; display: inline; float: left; }
* html #main-content #room-menu a.gymswim:hover { background: url(/images/room-menu-hover.gif) no-repeat -8px -121px; }
* html #main-content #room-menu a.gymswim .active { background: url(/images/room-menu-hover.gif) no-repeat -8px -121px; }

#main-content #floorplan-menu { margin: 7px 0 0 21px; display: inline; width: 120px; height: 52px; background: url(/images/floorplan-normal.gif) no-repeat; float: left; }
#main-content #floorplan-menu a { display: block; overflow: hidden; }
#main-content #floorplan-menu a:hover { background: url(/images/floorplan-hover.gif) no-repeat; }
#main-content #floorplan-menu a.active { background: url(/images/floorplan-hover.gif) no-repeat; }
#main-content #floorplan-menu a.ground_floor { width: 105px; height: 14px; background-position: -8px -5px; margin: 5px 0 0 8px; display: inline; float: left; }
* html #main-content #floorplan-menu a.ground_floor:hover { background: url(/images/floorplan-hover.gif) no-repeat -8px -5px; }
* html #main-content #floorplan-menu a.ground_floor .active { background: url(/images/floorplan-hover.gif) no-repeat -8px -5px; }
#main-content #floorplan-menu a.first_floor { width: 87px; height: 14px; background-position: -8px -29px; margin: 10px 0 0 8px; display: inline; float: left; }
* html #main-content #floorplan-menu a.first_floor:hover { background: url(/images/floorplan-hover.gif) no-repeat -8px -29px; }
* html #main-content #floorplan-menu a.first_floor .active { background: url(/images/floorplan-hover.gif) no-repeat -8px -29px; }

#main-content #room-content { margin: 7px 0 0 0px; padding: 0 5px 0 5px; width: 245px; height: 300px; float: left; display: inline; overflow: auto; text-align: justify; }
#main-content #room-content p { text-align: justify; }

#main-content #content .gallery_pic { width: 72px; height: 72px; float: left; margin: 0 8px 8px 0; border:0; padding: 0; display: inline; }
#main-content #content .gallery_pic a { width: 72px; height: 72px; display: block; background: #000; filter: Alpha(Opacity=20); -moz-opacity:0.2; opacity:0.2; }
#main-content #content .gallery_pic a:hover { filter: Alpha(Opacity=0); -moz-opacity:0; opacity:0; }

#main-copyright { margin: 3px 0px 0px 0px; float: left; font-size: 11px; display: inline; width: 670px; }
#main-copyright a { font-size: 11px; color: #547757; }
#main-copyright a:hover { color: #8FB594; }

#main-footer { float: right; font-size: 11px;margin: 3px 40px 0px 0px;  }

.input_text {
	/*border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #AAA;*/
	border: 1px solid #AAA;
	width: 100%;
}
.input_text_s { border: 1px solid #AAA; width: 70%;}
.input_textarea {
	border: 1px solid #AAA;
	width: 100%;
	height: 80px;
}

.input_btn {

	color: #FFF;
	background-color: #244835;
	border: 1px solid #244835;
	
}