/*Common rule for EVERY PAGES!!*/
/*
text : 5E5C56
link : 7F6337
lite brown:BCB6A6
header:33312B
*/

html{ /* forces scrollbars */
height:100%;
margin-bottom:1px;
}

* {
margin:0;
padding:0;
outline:0;
}

body{
background-color:#F1EFE3;
font-family:Tahoma, Verdana, Arial, Georgia;
font-size:11px;
margin:0;
color:#5E5C56;
line-height:1.4em;
cursor:default;
}

a:link,a:visited{
text-decoration:none;
color:#3D1600;
}
a:hover, a:active, a:focus{
color:#3D1600;
text-decoration:underline;
}

acronym{cursor:help;}

br.clearBoth{clear:both;}
fieldset{border:none;}
img, a img{border:0;}

h1{font-size:1.4em;}
h2{font-size:1.2em;color:#33312B;}
h3{font-size:1.1em;}

p{margin:10px 0;letter-spacing:normal;}

span.center{
clear:both;
display:block;
text-align:center;
}

span.warning{color:red;}

ul{
list-style:disc outside;
margin:7px 25px;
}

ol{
list-style:decimal;
margin:7px 22px;
}

ol li{margin:7px 0px;}

ul li ul{list-style:square outside;}

/*layout*/
#main{
display:block;
margin:0 auto;
width:936px;
}

#langBox{display:block;float:left;width:936px;height:35px;}

#langBox p{float:right;margin:15px 3px 5px 0;}

#bigPic{
display:block;
float:left;
width:936px;
height:297px;
}

.q_home{background:url('../images/banner_q_home.jpg') no-repeat top left;}
.q_destination{background:url('../images/banner_q_destination.jpg') no-repeat top left;}
.q_room{background:url('../images/banner_q_room.jpg') no-repeat top left;}
.q_food{background:url('../images/banner_q_food.jpg') no-repeat top left;}
.q_spa{background:url('../images/banner_q_spa.jpg') no-repeat top left;}
.q_business{background:url('../images/banner_q_business.jpg') no-repeat top left;}
.q_contact{background:url('../images/banner_q_contact.jpg') no-repeat top left;}
.q_sub{background:url('../images/banner_q_sub.jpg') no-repeat top left;}

.rim_home{background:url('../images/banner_rim_home.jpg') no-repeat top left;}
.rim_destination{background:url('../images/banner_rim_destination.jpg') no-repeat top left;}
.rim_room{background:url('../images/banner_rim_room.jpg') no-repeat top left;}
.rim_food{background:url('../images/banner_rim_food.jpg') no-repeat top left;}
.rim_spa{background:url('../images/banner_rim_spa.jpg') no-repeat top left;}
.rim_business{background:url('../images/banner_rim_business.jpg') no-repeat top left;}
.rim_contact{background:url('../images/banner_rim_contact.jpg') no-repeat top left;}
.rim_sub{background:url('../images/banner_rim_sub.jpg') no-repeat top left;}

.s_home{background:url('../images/banner_s_home.jpg') no-repeat top left;}
.s_destination{background:url('../images/banner_s_destination.jpg') no-repeat top left;}
.s_room{background:url('../images/banner_s_room.jpg') no-repeat top left;}
.s_food{background:url('../images/banner_s_home.jpg') no-repeat top left;}
.s_spa{background:url('../images/banner_s_spa.jpg') no-repeat top left;}
.s_business{background:url('../images/banner_s_business.jpg') no-repeat top left;}
.s_contact{background:url('../images/banner_s_contact.jpg') no-repeat top left;}
.s_sub{background:url('../images/banner_s_sub.jpg') no-repeat top left;}

.raja_home{background:url('../images/banner_raja_home.jpg') no-repeat top left;}
.raja_destination{background:url('../images/banner_raja_destination.jpg') no-repeat top left;}
.raja_room{background:url('../images/banner_raja_room.jpg') no-repeat top left;}
.raja_food{background:url('../images/banner_raja_food.jpg') no-repeat top left;}
.raja_spa{background:url('../images/banner_raja_spa.jpg') no-repeat top left;}
.raja_business{background:url('../images/banner_raja_business.jpg') no-repeat top left;}
.raja_contact{background:url('../images/banner_raja_contact.jpg') no-repeat top left;}
.raja_sub{background:url('../images/banner_raja_sub.jpg') no-repeat top left;}

a.topGoHome{
display:block;
float:left;
width:936px;
height:297px;
}

/*nav for 4 hotels*/

ul.nav{
list-style:none;
display:block;
float:left;
margin:0;
width:936px;
height:62px;
}

.queens{background:#452813;}/*additional color for ul.nav for each hotels*/
.rimkwai{background:#796137;}
.songkhla{background:#A99A69;}
.rajaman{background:#CBC193;}

ul.nav li, ul.nav li a, ul.nav li span{
display:block;
float:left;
height:56px;
}

ul.nav li a.destination, .destinationOn{
background:url("../images/nav.jpg") no-repeat left top;
width:180px;
}
ul.nav li a.rooms, .roomsOn{
background:url("../images/nav.jpg") no-repeat -180px top;
width:100px;
}
ul.nav li a.food, .foodOn{
background:url("../images/nav.jpg") no-repeat -280px top;
width:170px;
}
ul.nav li a.spa, .spaOn{
background:url("../images/nav.jpg") no-repeat -450px top;
width:115px;
}
ul.nav li a.business, .businessOn{
background:url("../images/nav.jpg") no-repeat -565px top;
width:110px;
}
ul.nav li a.gallery, .galleryOn{
background:url("../images/nav.jpg") no-repeat -675px top;
width:110px;
}
ul.nav li a.contact, .contactOn{
background:url("../images/nav.jpg") no-repeat -785px top;
width:151px;
}

ul.nav li a.destination:hover, .destinationOn{background-position:left bottom;}

ul.nav li a.rooms:hover, .roomsOn{background-position:-180px bottom;}

ul.nav li a.food:hover, .foodOn{background-position:-280px bottom;}

ul.nav li a.spa:hover, .spaOn{background-position:-450px bottom;}

ul.nav li a.business:hover, .businessOn{background-position:-565px bottom;}

ul.nav li a.gallery:hover, .galleryOn{background-position:-675px bottom;}

ul.nav li a.contact:hover, .contactOn{background-position:-785px bottom;}

/*end nav*/

/*footer for all*/
#footer{
background:#BCB6A6;
display:block;
float:left !important;
float:none;
margin:0 36px;
padding:0 30px;
width:804px;
height:27px;
color:#FFFFFF;
}
#footer p{float:left;margin:6px;}
#footer span{
float:right;
color:#584D42;
}
/*end footer*/

#content{
background:#FFFFFF;
display:block;
float:left;
padding:40px 0 0 0;
width:936px;
}

/*left and reservations (4 hotels)*/
#left{
display:block;
float:left;
width:260px;
}

#left h2{float:right;}

#reserv{
background:#F7F4EF url("../images/bg_reserv.jpg") repeat-x left bottom;
display:block;
float:left;
margin:6px 0 8px 0;
padding:10px 20px 0 45px;
width:195px;
height:170px;
}

.reservRow{
display:block;
float:left;
margin:5px 0;
width:170px;
}

#reserv select{border:1px solid #9D8870;}

a.newsLeft, a.proLeft{
background:url("../images/newslink.gif") no-repeat bottom;
display:block;
float:left !important;
float:none;
margin:0 0 5px 0;
width:260px;
height:25px;
}

a.proLeft{background:url("../images/prolink.gif") no-repeat bottom;margin:0 0 50px 0;}

a.newsLeft:hover, a.newsLeft:active, a.proLeft:hover, a.proLeft:active{background-position:top;}

#centerSubPage{
display:block;
float:left;
padding:0 35px;
width:448px;
}

/*right*/
#right{
display:block;
float:left;
width:122px;
}

#right img{
margin:0 0 5px 0;
}

/*end right*/

/*end layout*/

/*index.php*/
#centerHome{
display:block;
float:left;
padding:0 35px;
width:371px;
}

#centerHome p{text-align:justify;}

#galleryBoxHome{
display:block;
float:left;
margin:10px 0;
width:370px;
}

#galleryBoxHome a{
display:block;
float:left;
}

#galleryBoxHome a:hover{text-decoration:none;}

img.xThumb{
background:#FFFFFF;
float:left;
margin:0 3px 0 0;
padding:4px;
border:1px solid #838383;
}

#galleryBoxHome p{
float:right;
margin:3px;
}

#rightHome, #newsOutline{
display:block;
float:left;
width:235px;
}

#newsOutline{
background:#EDEAE5 url("../images/bg_righthome.jpg") no-repeat right bottom;
margin:15px 0;
padding-bottom:15px;
height:275px;
}

a.newsLink{
display:block;
float:left !important;
float:none;
margin:15px 10px 0 10px;
padding-bottom:15px;
width:215px;
border-bottom:1px dashed #A99A69;
cursor:pointer;
}

img.xThumbNews{
background:#FFFFFF;
float:left;
margin:0 10px 0 0;
padding:4px;
width:83px;
height:43px;
border:1px solid #838383;
}

a.newsLink p{
display:block;
float:right;
margin:0;
width:110px;
}

/*end index.php*/

/*room.php*/

#roomTable{
display:block;
float:left;
margin-bottom:20px;
width:448px;
}

.roomTableType, .roomTableCapacity{
display:block;
float:left;
margin:0 1px;
padding:2px 5px;
width:250px;
}

.roomTableCapacity{
width:170px;
text-align:center;
}

.roomRate1, .roomRate2{
display:block;
float:left;
margin:0 1px;
padding:2px 5px;
width:240px;
}

.roomRate2{
width:85px;
text-align:center;
}

/*end room.php*/

/*food.php*/

#foodTable{
display:block;
float:left;
margin:20px 0;
width:605px;
}

.foodTableRow{
display:block;
height:33px;
}

.foodTableRestaurant, .foodTableLocation, .foodTableHours, .foodTableCapacity, .foodTableConcept, .foodTableRate{
display:block;
float:left;
margin:0 1px;
padding:2px 5px;
width:108px;
height:100%;
text-align:center;
}

.foodTableRestaurant{
text-align:left;
}

.foodTableRate{
width:350px;
text-align:left;
}

img.foodBottom{
margin:0 17px 0 0;
}

.headBg{background-color:#CCC1A2;font-weight:bold;text-align:center;}

.withBg{background-color:#F4F3EE;}

/*end food.php*/

/*business.php*/

#busTable{
display:block;
float:left !important;
float:none;
margin-bottom:20px;
width:448px;
}

.busTableRoom, .busTableSize{
display:block;
float:left;
margin:0 2px;
padding:2px 5px;
width:220px;
}

.busTableSize{width:90px;}

/*end business.php*/

/*contact.php*/

.inputRow{
float:left;
margin:3px 0 0 0;
width:410px;
/*border:1px solid red;*/
}

.inputRow label{
float:left;
margin:0 5px 0 0;
padding-top:1px;
width:100px;
height:25px;
text-align:right;
}

.inputRow input, .inputRow textarea{
padding:1px 2px 1px 3px;
width:140px;
height:15px;
font:normal 11px Tahoma;
border:1px solid #A78B47;
}

.inputRow textarea{
width:200px;
height:100px;
overflow:auto;
}

.inputRow select{
font:normal 11px Tahoma;
border:1px solid #A78B47;
}

input.inputSubmit{
padding:0;
width:100px;
height:20px;
font:normal 11px Verdana;
border:none;
outline:0;
cursor:pointer;
}

/*end contact.php*/

/*news.php*/

.newsRow{
background:url("../images/hr_bg.jpg") no-repeat center bottom;
display:block;
float:left !important;
float:none;
margin:0 0 10px 0;
padding:0 0 20px 0;
width:448px;
}

.forPic{
display:block;
float:left;
margin:0 5px 0 0;
width:158px;
height:100%;
}

.newsPic{
padding:4px;
width:150px;
height:113px;
border:1px solid #838383;
}

.newsText{
display:block;
float:left;
margin:0 5px 0 0;
padding:4px;
width:270px;
}

/*end news.php*/

/*choose page ////////////// use in news.php and cms.php*/
#pager{
clear:both;
display:block;
margin-top:20px;
color:#5E5C56;
text-align:center;
}

a.choosePage, a.choosePage:visited, .greyOut{
background:none;
margin:0 3px 0 0;
padding:1px 5px;
color:#756538;
text-decoration:none;
border:1px solid #ABABAB;
line-height:1.3em;
}

a.choosePage:hover, a.choosePage:active{
background:#B6A77B;
color:#FFFFFF;
text-decoration:none;
border:1px solid #978348;
}
.greyOut{color:#ABABAB;}
.greyOut b{color:#978348;}
/*end*/

/*gallery.php*/

img.gThumb{
background:#FFFFFF;
float:left;
margin:0 25px 25px 0;
padding:4px;
border:1px solid #838383;
}

/*end gallery.php*/