.input2,.input3,input,textarea{font-family:Arial,Helvetica,sans-serif;border:1px solid #5e5a15;background:0 0;font-size:9pt;color:#fff;width:320px;margin:2px 0 0}
textarea{width:685px}
.input2{width:80px}
.input3{width:270px}
input.button{border:1px solid #5e5a15;background:#242216;font-size:10pt;color:#fff;width:60px;height:25px;cursor:pointer;text-align:center}
input.button:hover{color:#f1e846}
input.button:active{color:#FF0}

body{margin:0;padding:0;background:url(images/bg.gif) center top repeat-y #333;font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#fff;text-align:justify;line-height:12pt}
p{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:10px 0 15px;padding:0}
h1,h3{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-weight:400}
h1{font-size:19pt;margin:0 0 15px;color:#330;height:30px;background:url(images/line.gif) bottom repeat-x}
h3{font-size:13pt;margin:0 0 5px;color:#f1e846;padding:0}
a{text-decoration:none;color:#ff9}
a:hover{color:#fff}

#container,#top,#flash,#menu{width:980px}
#container{margin:auto}
#top{height:70px;background:url(images/bg-logo.gif) center repeat-x}
#flash{height:350px}

#menu{height:50px;background:#242216}
#menu div{width:920px;margin:auto;height:50px;text-align:right}
#mnHome,#mnRoom,#mnRates,#mnPackages,#mnFacilities,#mnMap,#mnReservation,#mnContact,#mnGallery{display:inline-block;height:50px;background-position:top left;background-repeat:no-repeat}
#mnHome{background-image:url(images/home-0.gif);width:61px}
#mnRoom{background-image:url(images/room-0.gif);width:75px}
#mnRates{background-image:url(images/rates-0.gif);width:63px}
#mnPackages{background-image:url(images/packages-0.gif);width:94px}
#mnFacilities{background-image:url(images/facilities-0.gif);width:86px}
#mnMap{background-image:url(images/map-0.gif);width:57px}
#mnReservation{background-image:url(images/reservation-0.gif);width:107px}
#mnContact{background-image:url(images/contact-0.gif);width:106px}
#mnGallery{background-image:url(images/gallery-0.gif);width:71px}
#mnHome:hover{background-image:url(images/home-2.gif)}
#mnRoom:hover{background-image:url(images/room-2.gif)}
#mnRates:hover{background-image:url(images/rates-2.gif)}
#mnPackages:hover{background-image:url(images/packages-2.gif)}
#mnFacilities:hover{background-image:url(images/facilities-2.gif)}
#mnMap:hover{background-image:url(images/map-2.gif)}
#mnReservation:hover{background-image:url(images/reservation-2.gif)}
#mnContact:hover{background-image:url(images/contact-2.gif)}
#mnGallery:hover{background-image:url(images/gallery-2.gif)}
#mnHome.mActive{background-image:url(images/home-1.gif)}
#mnRoom.mActive{background-image:url(images/room-1.gif)}
#mnRates.mActive{background-image:url(images/rates-1.gif)}
#mnPackages.mActive{background-image:url(images/packages-1.gif)}
#mnFacilities.mActive{background-image:url(images/facilities-1.gif)}
#mnMap.mActive{background-image:url(images/map-1.gif)}
#mnReservation.mActive{background-image:url(images/reservation-1.gif)}
#mnContact.mActive{background-image:url(images/contact-1.gif)}
#mnGallery.mActive{background-image:url(images/gallery-1.gif)}

#content{margin:0;padding:0;width:980px;height:550px;background:url(images/bg-content.gif) repeat-x}
#contentbox{position:absolute;width:980px;height:550px;overflow:hidden}
#yellowbambu,#rightbambu,#contenttext,#contenttextroom{position:absolute;margin:0;padding:0}
#yellowbambu{top:0;left:0;height:550px;width:275px;background:url(images/yellow-bamboo.jpg) no-repeat}
#rightbambu{top:0;right:0;height:550px;width:492px;background:url(images/right-bamboo.jpg) right bottom no-repeat}
#contenttext,#contenttextroom{left:240px;top:40px;z-index:1000}
#contenttext{width:500px}
#contenttextroom{width:710px}
#map{text-align:center;padding:5px;margin:0;background:url(images/bg-pict.png) center center;border:1px solid #996}
.flist{width:355px;float:left}
ul{margin:0;padding:0;list-style-type:none;display:list-item;text-align:justify}
li{margin:0 0 0 20px;padding:4px 0 0;display:list-item;list-style-type:disc;list-style-position:outside}

#packages{position:absolute;margin:0;padding:0;right:0;top:40px;width:210px}
.contentpackages{height:210px;margin:0 0 10px;overflow:hidden}
.picture{height:140px;width:210px;margin:0;z-index:1000}
.titlepackages,.descpackages{position:relative;top:-30px;width:210px}
.titlepackages{height:30px;z-index:1100;background:url(images/bg-packages-title.png) no-repeat}
.titlepackages h1{position:relative;top:3px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14pt;font-style:italic;font-weight:400;line-height:25px;margin:0 0 0 10px;color:#242216;background:0 0}
.descpackages{height:70px;background:url(images/bg-desc-packages.jpg) no-repeat}
.descpackages .text{position:relative;top:10px;left:10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8pt;width:180px;padding:0;text-align:left;line-height:9pt}
#footer{width:980px;height:80px;background:url(images/bg-bottom.gif) right no-repeat #242216;color:#999;font-size:8.5pt;line-height:10pt}

#footerlogo{background:url(images/bottom-logo.gif) no-repeat;width:187px;height:80px;float:left}
#footeraddress{background:url(images/bottom-line.gif) repeat-y;width:542px;height:80px;float:left}
#footeraddress div{margin:20px 0 0 20px}
#footer a{text-decoration:none;color:#993}
#footer a:hover{color:#fff}
.dot{color:#777032}
#footercopy{background:url(images/bottom-line.gif) repeat-y;width:251px;height:80px;float:left}
#footercopy div{margin:20px 0 0 20px}
.photo{width:710px;margin:7px 0 0}
.photo1,.photo2{width:168px;margin:0 10px 10px 0;float:left;text-align:center;background:url(images/bg-pict.png) center center;border:1px solid #996}
.photo2{margin:0}
.photo img{margin:5px}
.text1,.text2{width:168px;margin:-3px 10px 0 0;float:left;text-align:center}
.text2{margin:-3px 0 0}
#submenu{position:absolute;top:13px;right:0;text-align:right;font-size:8pt}
th{color:#330;padding:4px}
tr{background:url(images/line.gif) bottom repeat-x}
.tr2{background:0 0}
.td1,td{padding:4px}
.note{font-size:8pt;font-style:italic;color:#220;line-height:normal}
.note ul{width:340px;margin:0;padding:0;list-style-type:none;display:list-item;text-align:justify}
.note li{margin:0 0 0 20px;padding:2px 0 0;display:list-item;list-style-type:disc;list-style-position:outside}
.textleft,.textright{width:344px;padding:0;margin:0 20px 0 0;float:left}
.textright{margin:0}
.msg{font-family:"Trebuchet MS",arial,helvetica,sans-serif;font-size:8pt;color:#f1e846}
.securitycode{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;font-weight:700;color:#f1e846}
.inperr{border-color:orange}
.inperr:focus-visible{outline:1px solid crimson !important}