A:link {color :#535353; }
A:visited {color :#535353;}
A:active {color :#535353;}
A:hover {font-size:28;  color: #9a6427;} 
body  {
	font: 8px Verdana, Arial, Helvetica, sans-serif;
	background-color: #02262e;
	background-image:url(haikei.gif);
	background-position: 50% 0px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 7* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
 
a { 
text-decoration:none;
color:black;
}
 
div.footer{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#808184

	}

div.body{
padding-left: 52px;
}

div.bodymain{
color:#535353;
text-align:left;
padding: 10px 30px 0px 20px;
line-height:130%;
}
.header {
color: rgb(74, 94, 92);
}	

div.subhead {
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#6d6e70;
padding: 10px 0px 10px 0px;
}
div.pageHeader{
font: 25px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #1a545f;
}

div.book { color:#6d6e70; text-align:left; padding: 0; line-height:130%; } 
div.bookw { color:#1e545f; text-align:left; padding: 0; line-height:130%; font-size:11px; margin: 2px 0 5px 0; } 
div.bookw2 { color:#1e545f; text-align:left; padding: 0; line-height:130%; font-size:11px; margin: 3px 0 4px 0; } 
div.bookw3 { color:#1e545f; text-align:left; padding: 0; line-height:130%; font-size:11px; margin: 0 0 4px 0; } 
div.bookw4 { color:#1e545f; text-align:left; padding: 0; line-height:130%; font-size:11px; margin: 0 0 4px 0; } 

div.book_r { color:#6d6e70; text-align:left; padding-left: 95px; line-height:130%; } 
div.book_h { color:#6d6e70; text-align:left; padding-left: 95px; line-height:130%; font-size: 16px; padding: 10px 0; } 

div.booksubhead { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#1a545f; padding:15px 0 5px 0; }

.style3 {color: #FFFFFF}
.style4 {color: #4a5e5c}
.style5 {font-weight: bold}
.style6 {color: #FFFFFF;}
.style7 {color: #4A5E5C}
select, input {color: #4A5E5C}


/* RESERVATION */
#reservation { padding:39px 0 0 67px }
#reservation * {vertical-align: middle;}
#reservation p { display:block; height:35px; width:100%; clear:both }
#reservation span { display:block; float:left; width:300px; margin:0 15px 0 0 }
#reservation select { width:145px; font-size:11px; float:left; margin:0 5px 0 0 }
#reservation label { width:102px; display:block; padding:2px 0; float:left;}
#reservation label.special {width: 250px; text-align: left;}
#reservation input {display:block; padding:1px 0; margin:0 4px 0 0 ;float:left; }
#reservation textarea { width:555px; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:80px }
#reservation .txtfield { width:144px }
#reservation .day, .month { width:33px }
#reservation .year { width:46px }
#reservation .roomTypes { width:400px }
#reservation .checkBox { padding:2px 0 0 102px; display:block; width:20px; margin:0  }
#reservation .checkBlk { height:22px }
#reservation .longer { width:180px }
#reservation .areaBlk { height:80px }

#reservation hr { height:2px; width:560px; margin:10px 0 }
	#reservation span.formHlight {color:#C5272A; font-weight:bold; float:left; width:10px; margin:0 6px 0 2px }
	#reservation span.seperate { width:8px; float:left; height:20px; padding:2px 0 0 0; font-size:14px; margin:0  }
	#reservation span.seperate1 { width:20px; float:left; padding:2px; margin:0 }

	.formRadio { width:15px; display:block; float:left; padding:2px 0 0 0 }
	.formLeft { width:290px; float:left; margin:0 15px 0 0; }
	.formRight { width: 285px; float:left; }
	.resTitle { width:288px; height:57px; background:url(../imgs/title_reservations.gif) no-repeat}
	.privacyTitle { width:288px; height:57px; background:url(../imgs/title_privacypolicy.gif) no-repeat}
	.termsTitle { width:288px; height:57px; background:url(../imgs/title_termofuse.gif) no-repeat}
	.resFormTitle { width:288px; height:44px; background:url(../imgs/title_res_form.gif) no-repeat}

input.btn { font: 100% Verdana, Arial;  color: white;  font-weight:bold; background-color:#60868a; border:1.5px solid #355052; padding: 3px 5px; }

/* Cutebiz */
.CutebizViewOtherTit { font-size:14px; font-weight:bold; color:#02617e; }
.CutebizThumbnail1 { border:1px; border-style:solid; border-color:White; float:left; }
.CutebizThumbnail2 { border:1px; border-style:solid; border-color:White; float:right;}

.CutebizTitleMybooking { height:30px; background:#1a545f; color:#fff; padding: 0 5px; text-align:center; }

div#CuteError{ text-align:left; margin: 20px 0 0 20px; }

.hometext { padding:17px 5px 10px 15px; color:#FFFFFF; }
.hometext p { margin: 0px 0px 5px 0px; padding: 0; }
.hometext p a { line-height: 1.3em; margin: 0px; }

/* Add by Ha MH -- 290310 */
.NewsLetterTitle { font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-bottom:2px; font-weight:bold; color:#1e545f; }
.SignUp { background:#fff; border:1px solid #333; vertical-align:bottom; font-size:11px; padding-top:2px; padding-bottom:2px; cursor:pointer; font-weight:bold; }
.SignUp:hover { color:#CC0000; }

.RoomsPro { position:relative; letter-spacing:1px; }
.RoomsPro .ImgRoomsPro { position:absolute; top:50px; right:10px; }
* html .RoomsPro .ImgRoomsPro { position:absolute; top:50px; right:150px; }
.RoomsPro .ImgRoomsPro img#feature { width:115px; height:125px; border:solid 1px #ffffff; }

#Default_Home { position:relative; }
#ContenHome_cb { position:absolute; bottom:0; left:0; width:805px; height:105px; z-index:450; }
#BackGoundDummyTrans { position:absolute; bottom:0; left:0; width:805px; height:140px; z-index:400; background:#fff; opacity:0.6; filter:alpha(opacity=65) }
#BackGoundDummy { position:absolute; bottom:0; left:0; width:805px; height:100px; z-index:400; background:#1e545f; }

#BackGoundDummyRighten { position:absolute; right: 0; height:100px; width: 230px; background-color:#FFFFFF; }
#BackGoundDummyRightja { position:absolute; right: 0; height:100px; width: 230px; background-color:#FFFFFF; }
#BackGoundDummyRightvi { position:absolute; right: 0; height:100px; width: 235px; background-color:#FFFFFF; }

a#lnkRoomPromotion, a#lnkRoomPromotion:hover { color:#FFFFFF; font-size: 9px; font-weight: bold; }

.menu_nav ul {list-style:none; float: right; margin:0 5px 0 0;}
.menu_nav ul li { list-style:none; float:left; padding-left: 5px; padding-right: 1px; font-family: arial; font-size: 9px; color:#fff; line-height:20px;}
    .menu_nav ul li.line { padding-left:0; padding-right:0;}
    .menu_nav ul li a { font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:#fff; text-decoration:none; display: block;}
        .menu_nav ul li a:hover { color: #A1D7CB !important;}
        .menu_nav ul li:hover ul { display: block; z-index: 1000;}

    .menu_nav ul li ul { display:none; position:absolute;  width: 130px; background: #60868A; padding:0;}
        .menu_nav ul li ul li {             
            width: 124px; padding-left:5px; line-height: 16px; float:left; height: auto; margin-top:3px; margin-bottom:3px;
        }
        .menu_nav ul li ul li:hover { background:#A1D7CB; cursor:pointer;}      
        .menu_nav ul li ul li:hover a { color: #1A545F !important;}
        .menu_nav ul li ul li a:hover { color: #FFF;}