html, body {background-color: #e1e1df;  color:#777777; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; margin: 0px; height:100%;  }

/*CLEARFIX*/
/* Hides from IE-mac float clearing for IE6 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {DISPLAY: inline-block}
.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


LI { list-style-type: none; DISPLAY: block;}
OL, UL { list-style-type: none; DISPLAY: block; margin: 0px; padding: 0px;}
/*BOOKMARK*/

.clearboth { CLEAR: both; HEIGHT: 0px; VISIBILITY: hidden;}
.highlight { font-weight: bold;}
.breakpage { height: 40px;  margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

/* Default titles */    
    H1, h2, h3, h4, h5, h6{margin: 4px 0px; font-weight: 400;}
    h1 { font-size: 15px; color: #b38315; letter-spacing: -1px; font-family: 'Nobile', Arial, serif;}
    h2 { font-size: 14px; color: #666; margin: 0px; padding: 0px; font-weight: bold;}
    h3 { font-size: 15px; color: #b38315; letter-spacing: -1px; font-family: 'Nobile', Arial, serif; border-top: 1px #ccc solid; padding-top: 5px;}
    h4 { font-size: 16px; text-align: center; letter-spacing: -1px; line-height: 20px;}
	
H6 { color: #5b7e76;  font-size: 12px; margin-top: 14px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;background-image: url(tab.png); background-repeat: no-repeat; background-position: left top; width: 106px; height: 40px;}
H6 A{  color: #fff; padding: 17px;  line-height: 26px; margin: 0px;  text-decoration: underline; outline: 0; }
H6 A:hover{ text-decoration: none; outline: 0; }

H5 { color: #b38315; font-weight: bold; font-size: 12px; padding: 0px; line-height: 18px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px;}
H5 A{  color: #b38315; padding: 0px; line-height: 18px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 10px; text-decoration: underline;outline: 0; }
H5 A:hover{ text-decoration: none; }

/*NAV*/
.navcontainer{ z-index:999; width:280px; height: 540px; position: absolute; margin-left: 60px; margin-top: 0px;padding: 0px; display: block; background-image: url(bknav.png); background-repeat: repeat-y; background-position: left top;}
.topmenu {position: absolute; top: 10px; left: 0px; width:880px; padding: 0px; height:56px;}

/*MAINCONTENT*/
#container {  margin:0 auto; padding: 0px;   }
.wrapper { width: 1100px; margin:0 auto; padding: 0px; }
.maincontent {background-image: url(bg-pattern.png); background-repeat: repeat; background-position: left 0px;  width:100%; height:100%; padding-bottom: 40px;}
.bartop {position: absolute; top: 10px; background-image: url(bg-pattern.png); background-repeat: repeat; background-position: center 0px;width:100%; height:56px;}
.left { position: absolute; width: 280px; top: 70px;}
.textholder {position: absolute; top: 252px; width: 240px; padding: 0px; margin-left: 20px;}
.leftfloat{margin: 25px 0px 0px 60px; width: 540px; float: left;}
.rightfloat {margin: 25px 0px 0px 45px; width: 190px; float: left;}
.floattxt{margin: 0px 0px 0px 15px; width: 367px; float: right;}
.floatphoto {margin: 0px; border: solid 4px #d8d8d5; float: left;}
.formfloat{margin: 25px 0px 0px 60px; width: 540px; float: left; }

/*GENERAL TEXT*/
.info1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.5; font-weight: 400; color:#fff; font-style: italic;  padding-bottom: 18px; margin: 0px;}
.info2 {font-size: 12px; line-height: 22px; display: block;  padding: 0px; margin: 0px ;}

/*LOGO*/
#logo {position: absolute; width: 280px; top: 0px; }
UL#logo	{float: left; margin: 0px; padding: 0px; list-style: none;}
UL#logo li { text-indent: -9999px; }
UL#logo li a { height: 244px; display: block; background-image: url(logo.png); background-repeat: no-repeat; background-position: center top; outline: 0;}

/*TOP MENU*/
UL#menu	{ margin: 0px; padding: 0px; list-style: none; float: left; font-size: 11px; font-weight: normal; color: #000; }
UL#menu li#logosm{ background-image: url(logosm.png); display: block; background-repeat: no-repeat; background-position: 20px 4px;  width: 300px; height: 56px;}
UL#menu li#contact{ width: 360px; height: 56px;}

UL#menu li { float: left; }
UL#menu li a{ color:#333; font-size: 12px;}
UL#menu LI#folio A {  width: 172px; height: 56px; display: block; background-image: url(folio.png);  background-repeat: no-repeat; background-position: center top; text-indent: -9999px; outline: 0;}
UL#menu LI#folio A:hover{background-image: url(folio.png); background-position: center -56px;outline: 0;}

/*FACILITIES*/
UL.facil {padding: 0px;  width: 190px; margin: 0px; font-size: 12px; line-height: 22px; DISPLAY: block;}
LI.facil {list-style-type: none; }
.facilwithline {font-weight: bold; margin: 0px; padding: 0px;}

/*FOOTER*/
.footer {height: 70px; width: 970px; margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px;}
.footercontent { padding: 0px; margin: 0px;}
.leftcol{ float: left; width: 340px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; margin: 0px;}


/*PRICE LIST IN TABLE*/
.roomtype1{ font-size: 14px; color: #666; margin: 0px; padding: 0px; font-weight: bold; }
.bkterms1{ font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}

/*FORM*/
.prices1 {font-size: 12px;}
.star { color: #F00; font-size: 14px; font-weight:bold;}

textarea, input, input#form, option, select { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #777777; background-color: #efefef; background-image: url(bg-pattern.png); background-repeat: repeat; border: 1px dotted  #999; margin-top: 1px; padding: 4px;}