html, body {margin:0; padding:0; font-family:Arial; font-size:12px; color:#000000; background:url(../images/main-back.jpg);}
#skyback {width:100%; height:296px; background:url(../images/sky-back2.png) repeat-x center top; position:absolute; top:0; left:0; z-index:20;}
#wrapper {width:100%; height:auto; position:absolute; top:0; left:0; z-index:21;}
#mainTopBox {width:980px; height:auto;}
#mainBox {width:980px; height:auto; background:url(../images/top-body-sh.png)repeat-y;}
#mainBoxend {width:980px; height:8px; background:url(../images/top-bottom-sh.png) no-repeat; display:block;}
#topBox {width:960px; height:115px; /*background:url(../images/top-background.jpg) no-repeat;*/ position:relative;}/*"cronos-pro"*/
#menuBox{width:760px; height:67px; position:absolute; left:200px; top:37px; z-index:21;}
#toptool {width:auto; height:auto; position:absolute; right:10px; top:10px; position:absolute; z-index:22;}
#time {font-size:10px; float:left;}
#of, #oc {font-size:10px; float:left;}

#tophead {width:960px; height:415px; background:#ffffff; position:relative;}
#reservebox {width:200px; height:415px; background:url(../images/reserve-background.jpg) no-repeat; position:absolute; top:0; left:0;}
#reservebox h1{font-family:"cronos-pro"; font-size:16px; color:#ffffff; padding:0; margin:0; font-weight:700;}
.formbox {font-size:11px; color:#ffffff;}

#picBox {width:760px; height:415px; position:absolute; top:0; left:200px;}
/*#picset {width:760px; height:415px; position:absolute; top:0; left:0; z-index:20;}*/

ul#picset{z-index:20; padding:0; margin:0; list-style-type:none;}
ul#picset li{list-sytle-type:none; padding:0; margin:0; width:760px; height:415px; position:absolute; top:0; left:0;}


#thumbbar {width:760px; height:65px; position:absolute; bottom:0; left:0; z-index:21; background:url(../images/thumbbar-back.png);}

ul#tbitem{list-style-type:none; margin:0; padding:0;}
ul#tbitem li{width:83px; height:47px; background:#ffffff; margin:8px 5px 0 0; float:left;}
ul#tbitem li img{margin:2px 0 0 0; cursor:pointer;}

#contentBox {width:960px; height:auto; background:#ffffff; position:relative;}
#contentBox #left{width:200px; height:auto; float:left; padding:30px 0 0 0;}
#contentBox #center{width:550px; height:auto; float:left; padding:30px 0 0 10px;}
#contentBox #right{width:200px; height:auto; float:left; padding:30px 0 0 0;}
#contentBox #content{width:680px; height:auto; float:left; padding:30px 0 0 40px;}

h1 {font-family: "cronos-pro"; font-weight:400; margin:0; padding:0;}
.title1 {font-size:20px; color:#b69958;}
.title2 {font-size:30px; color:#005696;}
.title3 {font-size:18px; color:#005696; }
.blue {color:#58b5fa;}

#topfooter {width:980px; height:8px; background:url(http://hotelmermaidbangkok.com/images/top-fotter.png) no-repeat; display:block;}
#mainfooter {width:980px; height:19px; background:url(../images/top-bottom-sh.png) no-repeat; display:block;}
#footerBox {width:960px; height:auto; background:#062050; position:relative;}
#footerBox #content {width:914px; height:auto; position:relative; margin:0 0 0 27px; padding:16px 0 20px 0; color:#127bc9;}
#footerBox #content #line{width:900px; height:20px; background:url(../images/bottom-line.gif) repeat-x center center; }

#footerBox a{color:#127bc9; font-size:11px;}
.nowopen {position:absolute; z-index:22; top:100px; left:50%; margin-left:420px;}