html, body  { width:100%; height: 100%; margin: 0px; overflow:hidden; border:0px; padding: 0px; background-color: #000; font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif; font-weight: normal; color: #666; text-align: left;}

/* Hides from IE-mac float clearing for IE6 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both;}
.clearfix {DISPLAY: inline-block}

/*BOOKMARK*/
.jqbookmark {font-size: 10px; color: #FFF;text-decoration: none; font-weight: bold;}
.highlight { font-weight: bold;}
.clearboth { CLEAR: both; HEIGHT: 0px; VISIBILITY: hidden;}

/*MAINCONTENT*/
#wrapper { position:absolute;top:0;left:0;z-index:2; width:100%;height:100%;overflow:auto; border: 0px; margin: 0px; padding: 0px;}

#content {  z-index:2; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: hidden; position: relative; float: right; width: 700px; padding: 0px; border: 0px;  }

/*SLIDE PANEL*/
#header { margin-left: auto; margin-right: auto; height: 163px;background-image: url(bk.jpg); background-repeat: repeat-y; background-position: left top;padding: 0px;border: 0px;}
#pagecontainer { position: relative; margin-left: auto; margin-right: auto; width: 700px; top: -31px;}
#headerblock { height: 30px; top: -30px; border: none;}
.panel_button { margin-left: auto; margin-right: auto; top: 0px; width: 173px; height: 26px; background: url(panel_button.png); cursor: pointer;z-index: 300;}
.panel_button img { position: relative; top: 1px; left: 45px; border: none;}
.panel_button a { text-decoration: none; color: #FFF; font-size: 12px; font-weight: lighter; position: relative; top: 1px; left: 60px; font-family: "Century Gothic", Arial, Geneva, Helvetica, sans-serif; outline: 0;}
.panel_button a:hover {color: #999; outline: 0;}
#mainpanel { width: 700px;}
#panel { width: 700px; position: relative; top: 1px; height: 0px; margin-left: auto; margin-right: auto; z-index: 200; overflow: hidden; background-image: url(bk.jpg); background-repeat: repeat-y; background-position: left top;}
#panelcontents {margin-top: 5px;position: absolute; z-index: -1;}
/*--SLIDE PANEL--*/

.right{  width:560px; background-color: #fff; border: 1px #ccc solid; position: relative; margin-left: 50px;  margin-top: 10px; margin-bottom: 10px; padding: 20px; }
.right1{  width:560px; background-color: #fff; border: 1px #ccc solid; position: relative; margin-left: 50px;  margin-top: 10px; margin-bottom: 30px; padding: 20px;}
.top{  height:52px;}
.title{ margin-left: 50px; margin-top: 0px; margin-bottom: 0px; padding: 15px 20px; clear: both; }

.flowcontent { position: relative; margin-left: 47px;  margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding: 0px ; }

/*LOGO*/
.logo{ width: 700px; position: relative; clear: both; }
UL#logo	{ display: inline; float: left; margin: 0; padding: 0; list-style: none; left: 0px; top: 0px;}
UL#logo li { height: 100px; width: 600px; text-indent: -9999px; }
UL#logo li a { height: 100px; width: 600px; display: block; outline: 0; background-image: url(logo.png); background-repeat: no-repeat; background-position: 235px top;}

/*HEADERS*/
H1 {font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: 16px; margin: 0px; padding: 0px; line-height: 20px; letter-spacing: -1px; color: #000;}
H3 {font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 18px; padding: 0px; margin: 0px; font-weight: bold; color: #000;}
H4 {font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; line-height: 20px; letter-spacing: -1px; color: #000; }
H5 { font-family: "Times New Roman", Times, Georgia ; font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; line-height: 20px; color: #000; font-style: italic; text-align: right;}
H6 { font-family: "Century Gothic", Arial, Geneva, Helvetica, sans-serif; font-size: 10px; margin: 0px; padding: 0px; line-height: 16px; color: #000; text-align: left;  font-weight: lighter;}

/*TEXT STYLES*/
.info1 { line-height: 20px; font-size: 12px; padding-top: 5px;  padding-bottom: 5px; margin: 0px;}
.info2 { line-height: 20px; font-size: 12px; padding: 0px;  margin: 0px;}

/*NAV*/
#topnav { width: 300px; height: 33px; margin-left: 4px; margin-top: 0px;  margin-bottom: 0px; margin-right: 0px; padding: 0px;  background-image: url(topnavmain.png);background-repeat:repeat-x; position: absolute; top: 0px; right: 0px;}
.navcontent {background-image: url(topnavside.png); width: 304px; height: 33px; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px;}
.leftnav { width: 330px; height: 33px; margin-left: 50px; margin-top: 7px;  margin-bottom: 0px; margin-right: 0px; padding: 0px;  position: absolute; top: 0px; left: 0px;}
.leftnav1 { width: 198px; margin-left: 50px; margin-top: 0px;  margin-bottom: 0px; margin-right: 0px; padding: 0px;  position: absolute; top: 52px; left: 0px;}

UL#topnav	{font-family: "Century Gothic", Arial, Geneva, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #FFF; width:300px; margin: 0px; padding: 0; list-style: none; float: left; }
UL#topnav li { float: left; }
UL#topnav li a { margin-top: 6px;  width: 110px; color: #FFF; text-decoration: underline;  padding:0px;  text-align: center; display: block; outline: 0; }
UL#topnav li a:hover { text-decoration: none; outline: 0;}

UL.menu	{ width: 560px; margin: 0px; list-style: none; float: left; padding-top: 5px; padding-bottom: 5px; }
UL.menu li { color: #000; float: left; padding-right: 20px; font-size:11px; font-weight:lighter; }

LI { list-style-type: none; DISPLAY: block;}
OL, UL { list-style-type: none; DISPLAY: block; margin: 0px; padding: 0px;}

/*FACILITIES*/
UL.facil {float: left; WIDTH: 170px; display: block;  padding: 0px; margin-right: 15px; padding-top: 5px; padding-bottom: 5px;}
LI.facil{ list-style-type: none;font-size: 11px; font-weight:lighter; display: block; line-height: 18px; margin: 0px; padding: 0px;}
LI.facil img{ padding: 4px; background-color: #e9e9e9; border: solid #ccc 1px;}
UL.faciltxt {float: left; WIDTH: 560px; display: block;  padding: 0px; margin: 0px; line-height: 20px; font-size: 12px; padding-top: 5px;  padding-bottom: 5px; margin: 0px;}
LI.faciltxt{ list-style-type: none;display: block;  margin: 0px; padding: 0px;}

/*FOOTER*/
.footer{  width:560px; position: relative; margin-left: 30px;  margin-top: 0px; margin-bottom: 30px; padding: 20px; clear: both; }
.leftcol{ float: left; width: 265px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px;}
H2 { color: #000; font-weight: normal; font-size: 11px; padding: 0px; line-height: 16px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px;}
H2 A{ background-color: #000; color: #fff; padding: 3px 4px; line-height: 16px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 10px; text-decoration: none; outline: 0px;}
H2 A:hover{ background-color: #fff; color: #000; text-decoration: none; outline: 0px;}

/*PRICE LIST IN TABLE*/
.roomtype1{ font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; color: #000;}
.bkterms1{ font-size: 12px; padding: 0px; margin: 0px; }


/*FORM*/
.prices1 { font-size: 11px; padding: 0px;  margin: 0px;}
.star { font-family: Tahoma; color: #F00; font-size: 11px; font-weight:bold;}
.formcontent {background-color:#FFF; width: 500px;}
#formbkcolor {background-color:#FFF;}

textarea { font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;  font-size: 11px; color: #000; background-color: #FFF; border: 1px solid #CCC;}
input { font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;  font-size: 11px; color: #000; background-color: #FFF; border: 1px solid #CCC;}
input#form { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; padding: 4px; background-color: #000; border: none;}
option { font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;  font-size: 11px; color: #000; background-color: #FFF; border: 1px solid #CCC;}
select { font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background-color: #FFF; border: 1px solid #CCC;}
