/* CSS Document */
body {
	margin:0; padding:0; color:#B8B8B8; 
	background:#202020 url(../images/main_bg.gif) 0 0 repeat-x;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
div, a, p, img, ul, h1, h2, h3, dl, dt, dd {
	margin:0; padding:0;
}
a {
	color:#B8B800;
}
a:hover {
	color:#FF0000;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}
ul {
	list-style:none;
}
a {
	text-decoration:none; outline:none;
}
img {
	border:none;
}
big {
	font-size:15px;
}
.fly {
	color: #A2A2A2;
	font-size:18px;
}
.fly:hover {
	color: #ff0000;
	font-size:18px;
}
.homeliday {
	color: #A2A2A2;
	font-size:16px;
}
.homeliday:hover {
	color: #ff0000;
	font-size:16px;
}
/*-------- HEADER ----------*/
div#header {
	width:780px; margin:0 auto; height:210px; position:relative; color:#AC9B56;
	background:#393939 url(../images/header-HKT.jpg) 0 16px no-repeat;
}
div#header div.login {
	width:300px;
	height:20px;
	position:absolute; top:10px;
}
div#header input {	
	/*height:18px;*/
	margin-left:5px;
	float:left;
	/*font-size:12px;*/
}
div#header input.password{
	width:100px;
	color:#CCCCCC;
	background-color:#393939;
	border:solid thin #CCCCCC;
}
div#header input.arrow {
	width:20px;
	color:#CCCCCC;
	background-color:#393939;
	border:none;
}
div#header input.menu{
	width:50px;
	color:#CCCCCC;
	background-color:#393939;
	border:solid thin #CCCCCC;
}
div#header img {
	position:absolute; left:305px; top:154px;
	/*width:160px;
	height:15px;*/
}
div#header img.lang-th {
	position:absolute; left:690px; top:23px;
	width:18px;
	height:12px;
}
div#header img.lang-en {
	position:absolute; left:710px; top:22px;
	/*width:160px;
	height:15px;*/
}
div#header img.lang-fr {
	position:absolute; left:730px; top:22px;
	/*width:160px;
	height:15px;*/
}
div#header ul {
	/*padding:50px 0 0 450px;*/
	position:absolute; left:450px; top:52px;
	height:25px;
}
div#header ul li {
	float:left; padding:0 10px; border-left:#868587 1px solid; height:25px;
}
div#header ul li a {
	color:#AC9B56; font-weight:bold; line-height:25px; background-color:#282629;
}
div#header ul li a:hover {
	color:#78692F; background-color:#282629;
}
div#header ul li.noBdr {
	border:none;
}
/*--------------------- BODY ----------------------*/
div#body {
	width:744px; margin:0 auto; padding:12px 0 35px 36px;
}
div#body h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold;
	color:#CDAB7A; /*text-transform:capitalize;*/
} 
/*---------- LEFT PANEL -----------*/
div#body div.leftPanel {
	width:209px; padding:0 32px 0 13px; float:left;
	text-align:justify;
}
div#body div.leftPanel h2 {	
	padding:15px 0 10px 13px;
} 
div#body div.leftPanel div.news {
	padding:16px 30px 33px 18px; background-color:#2C2C2C; font-size:11px; color:#B8B8B8;
}
div#body div.leftPanel dl {
	padding:16px 30px 0 18px; background-color:#2C2C2C; color:#B8B8B8;
}
div#body div.leftPanel dl dt {
	font-size:11px; color:#CDAB7A; font-weight:bold; padding:0 0 9px 0; 
	background-color:#2C2C2C;
}
div#body div.leftPanel dl dd {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 12px 0;  font-size:11px;
}
div#body div.leftPanel dl dd span {
	text-align:right; display:block;
}
/*---------- RIGHT PANEL -----------*/
div#body div.rightPanel {
	width:479px; float:left;
}
div#body div.rightPanel h2 {	
	padding:10px 0 10px 13px;
} 
div#body div.rightPanel div.welcome {
	background:#2C2C2C; padding:5px 24px 17px 24px; color:#B8B8B8;
}
div#body div.rightPanel div.welcome p {
	padding:15px 0 0 0;
	text-align:justify;
}
/*-- GALLERY --*/
div#body div.rightPanel div.gallery {
	padding:25px 0 18px 21px; background:#000; width:441px; margin:4px 0 0 0;
	color:#CDAB7A;
}
div#body div.rightPanel div.gallery ul.gal {
	 font-size:0; line-height:0;
}
div#body div.rightPanel div.gallery ul.gal li {
	padding:0 9px 37px 0; float:left; margin:0; width:134px; height:100px;
}
div#body div.rightPanel div.gallery ul.gal li a img {
	border:#e6b656 2px solid;
}
div#body div.rightPanel div.gallery ul.preNextBtns {
	padding:8px 0 0 8px;
}
div#body div.rightPanel div.gallery ul.preNextBtns li {
	float:left; color:#CDAB7A; font-weight:bold; font-size:9px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color:#000;
}
div#body div.rightPanel div.gallery ul.preNextBtns li.left {
	padding-left:97px;
}
div#body div.rightPanel div.gallery ul.preNextBtns li.right {
	padding-left:105px;
}
div#body div.rightPanel div.gallery ul.preNextBtns li a {
	 color:#CDAB7A; background-color:#000; padding:0 0 0 3px;
}
div#body div.rightPanel div.gallery ul.preNextBtns li a:hover {
	color:#A68657; background-color:#000;
}
div#body div.rightPanel div.gallery ul.preNextBtns li a.rightMar {
	margin-right:3px;
}
/*---------- VIEWVER -----------*/
div#viewer{
	padding:10px 0 10px 40px; background:#000; width:680px; margin:0px 0 0 0;
	color:#CDAB7A;
}
div#viewer img {
	border:#e6b656 2px solid;
}
div#viewer a {
	float:left; color:#CDAB7A; font-weight:bold; font-size:9px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color:#000;
}
/*---------- APARTMENT -----------*/
div#body div.apartment {
	width:740px; float:left;
}
div#body div.apartment h2 {	
	padding:10px 0 10px 13px;
} 
div#body div.apartment div.content {
	background:#2C2C2C; padding:5px 24px 17px 34px; color:#B8B8B8; width:670px;
}
div#body div.apartment div.content p {
	padding:15px 0 0 0;
	text-align:justify;
}
div#body div.apartment div.content ul {
	 font-size:12; line-height:1; height:120px;
}
div#body div.apartment div.content li {
	padding:0 9px 17px 40px; float:left; margin:0; width:164px; height:80px;
}
div#body div.apartment div.content fieldset {
	border:#e6b656 2px solid; 
}
div#body div.apartment div.content legend{
	color:#B8B8B8; 
}
div#body div.apartment div.comment {
	background:#2C2C2C; padding:5px 24px 17px 34px; color:#B8B8B8; width:470px;
	text-align:justify; float:left;
}
div#body div.apartment ul.information {
	padding:8px 8px 0 28px; display:inline;
}
div#body div.apartment ul.information li {
	float:left; color:#CDAB7A; font-weight:bold; font-size:9px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}
div#body div.apartment ul.information li a {
	 color:#CDAB7A; padding:0 0 0 3px;
}
div#body div.apartment ul.information li a:hover {
	color:#A68657;
}
/*-- APPARTMENT GALLERY --*/
div#body div.apartment div.gallery {
	padding:25px 0 6px 21px; background:#000; width:707px; margin:4px 0 0 0;
	color:#CDAB7A; float:left;
}
div#body div.apartment div.gallery a img{
	margin-left:10px;
}
/* thumbnail list */
div#body div.apartment ul#thumbs, ul#thumbs li{
	margin:0;
	padding-left:15px;
	list-style:none;
}
div#body div.apartment ul#thumbs li{
	float:left;
	margin-right:5px;
	border:1px solid #e6b656;	
	padding:2px;
}
div#body div.apartment ul#thumbs a{
	display:block;
	float:left;
	width:100px;
	height:100px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
div#body div.apartment ul#thumbs a img{
	float:left;
	position:absolute;
	top:-30px;
	left:-80px;	
}
/* mouse over */
div#body div.apartment ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
div#body div.apartment ul#thumbs a:hover img{
	border:1px solid #e6b656;	
	background:#fff;
	padding:2px;			
}		
/* // mouse over */
/* clearing floats */
div#body div.apartment ul#thumbs:after, li#thumbs:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
div#body div.apartment ul#thumbs, li#thumbs{
	display:block;
}
/*  \*/
div#body div.apartment ul#thumbs, li#thumbs{
	min-height:1%;
}
div#body div.apartment * html ul#thumbs, * html li#thumbs{
	height:1%;
}	
/* // clearing floats */
/* // thumbnail list */
div#body div.apartment div.gallery ul.preNextBtns {
	padding:8px 8px 0 28px;
}
div#body div.apartment div.gallery ul.preNextBtns li {
	float:left; color:#CDAB7A; font-weight:bold; font-size:9px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color:#000;
}
div#body div.apartment div.gallery ul.preNextBtns li.left {
	padding-left:210px;
}
div#body div.apartment div.gallery ul.preNextBtns li.right {
	padding-left:210px;
}
div#body div.apartment div.gallery ul.preNextBtns li a {
	 color:#CDAB7A; background-color:#000; padding:0 0 0 3px;
}
div#body div.apartment div.gallery ul.preNextBtns li a:hover {
	color:#A68657; background-color:#000;
}
div#body div.apartment div.gallery ul.preNextBtns li a.rightMar {
	margin-right:3px;
}
/*---------- BOOKING -----------*/
div#body div.booking {
	width:732px;
	color:#B8B8B8;
	background-color: #2C2C2C;
	float:left;
}
div#body div.booking h2 {	
	padding:10px 0 10px 13px;
} 

/*---------- CONTACT -----------*/
div#body div.contactLeftPanel {
	width:250px; padding:0 32px 0 12px; float:left;
	text-align:justify;
}
div#body div.contactLeftPanel h2 {	
	padding:15px 0 10px 13px;
}
div#body div.contactLeftPanel img {
	border:#e6b656 2px solid;
}
div#body div.contactLeftPanel div.picture {
	padding:12px 0 12px 12px; background:#000; width:254px; margin:4px 0 0 0;
	color:#CDAB7A;
}
div#body div.contactLeftPanel div.plan {
	padding:12px 0 12px 12px; background:#000; width:254px; margin:4px 0 0 0;
	color:#CDAB7A;
}
div#body div.contactLeftPanel div.plan img {
	border:#e6b656 2px solid;
	margin-left:18px;
}
div#body div.contactRightPanel {
	width:430px; float:left;
}
div#body div.contactRightPanel h2 {	
	padding:10px 0 10px 0px;
}
div#body div.contactRightPanel div.howTo {
	background:#2C2C2C; padding:5px 24px 17px 24px; color:#B8B8B8;
}
div#body div.contactRightPanel div.howTo p {
	padding:15px 0 0 0;
	text-align:justify;
}
/*---------- INFOS -----------*/
div#body div.infosPanel {
	width:730px; float:left;
}
div#body div.infosPanel h2 {	
	padding:10px 0 10px 0px;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold;
	color:#CDAB7A;
}
div#body div.infosPanel div.menu {
	background:#2C2C2C; padding:5px 24px 17px 24px; color:#B8B8B8;
}
div#body div.infosPanel div.menu a {
	color:#CDAB7A;
}
div#body div.infosPanel div.menu a:hover {
	color:#FF0000;
}
div#body div.infosPanel input.arrow {
	width:20px;
	color:#CCCCCC;
	background-color:#393939;
	border:none;
}
div#body div.infosPanel div.links {	
	padding:10px 0 10px 10px;
}
div#body div.infosPanel div.links a{	
	padding:10px 0 10px 10px; line-height:20px;
	color:#CCCCCC;
}
div#body div.infosPanel div.links a:hover{	
	color:#FF0000;
}
/*--------- FOOTER --------*/
div#footer {
	background:#393939 url(images/footer.gif) 0 0 repeat-x;
}
div#footer ul {
	height:25px; padding-top:12px 0 0 100px; width:420px; margin:0 auto;
}
div#footer ul li {
	float:left; border-left:#868587 1px solid; height:19px;
}
div#footer ul li a {
	color:#CDB96A; font-weight:bold; line-height:19px; background-color:#393939;
	display:block; padding:0 10px; font-size:11px;
}
div#footer ul li a:hover {
	color:#E1D08F; background-color:#282629;
}
div#footer ul li.noBdr {
	border:none;
}
div#footer p {	
	padding:0 0 12px; text-align:center; font-size:10px;
}
div#footer p a {
color:#B8B8B8; text-decoration:none;
}
div#footer p a:hover {
color:#CDB96A;
}

/*------ MISCLENIOUS --------*/
a.moreBtn {
	font-weight:bold; color:#CDAB7A; font-size:11px;
}
a.moreBtn:hover {
	color:#9D8563;
}
.topPad {
	padding-top:18px !important;
}
.leftPad {
	padding-left:38px !important;
}
.noPad {
	padding-bottom:0 !important;
}
.noPad1 {
	padding-right:0 !important;
}