/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}

caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 

body,p,td,th,ul,li{ color: #000; font-family: "Lucida Grande", Arial, Tahoma; font-size: 11px; line-height: 15px; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }

body { background-color:#6e3319;}
#wrapper { width:1000px; margin:0 auto;}
#banner { width:990px; height:400px; border: 5px solid #f86f00; overflow:hidden;}
#mainbody { width:1000px; background-image:url(images/main-bg.gif); background-repeat:repeat-y; }
#mainthreecol { background-image:url(images/main-bg2.gif); background-repeat:repeat-y; width:1000px;}
#left { width:250px; float: left; background-color:#8f340b; overflow:hidden;}
/*********************MENU***********************************/
#left ul { margin:0; padding:0;}
#left ul li { padding:0; margin:0 0 3px 0;}
#left li a { display:block; text-align:right; width: 227px; height:17px; padding:2px 23px 0 0;}
#left li a{ background-color:#ddb39b; color:#58301e; font-size:14Spx; font-weight: bold; margin:0 0 3px 0;}
#left li a:hover { background-color:#e3996f;}
#left li#sub1 a { background-image: url(images/list-menu1.gif); color:#FFFFFF; padding:2px 33px 0 0; width: 217px; height: 17px; margin:0 0 3px 0;}
#left li#sub2 a { background-image: url(images/list-menu2.gif); color:#FFFFFF; padding:2px 33px 0 0; width: 217px; height: 17px; margin:0 0 3px 0;}
#left li#sub3 a { background-image: url(images/list-menu3.gif); color:#FFFFFF; padding:2px 33px 0 0; width: 217px; height: 17px; margin:0 0 3px 0;}
#left li#sub4 a { background-image: url(images/list-menu4.gif); color:#FFFFFF; padding:2px 33px 0 0; width: 217px; height: 17px; margin:0 0 3px 0;}


/***********************End Menu********************************/ 
#right { width:730px; float: right; background-color:#f0d3bf; padding:0 10px 10px 10px;}
#right h1 { font-size:11px; font-weight:bold; color:#8f340b; margin:10px 0 15px 0;}
#right p { color: #8f340b; font-size:11px; margin:0 0 10px 0;}
#right ul { margin:0; padding:0 0 20px 10px;}
#right li { float: left; width: 330px; color: #8f340b; font-size:11px; margin: 0 0 5px 0;}

#below { width:1000px;}
#below .boxbelow { width:250px; float: left;}
#below .boxbelow .tabbelow1 
{ width: 230px; background-color:#8f340b; padding:10px; font-size: 12px; font-weight:bold; text-align:center;}
#below .boxbelow .tabbelow2 
{ width: 230px; background-color:#58301e; padding:10px; font-size: 12px; font-weight:bold; text-align:center;}
#below .boxbelow a {color:#f0d3bf;}

/********************THREE COL*********************************/
#colcen { width: 356px; float: left; background-color:#b36134; padding:10px 0 10px 10px;}
#colcen .boderbig
{ background-image:url(images/palm-village-borderbig.gif); width:335px; height: 250px; padding:5px; margin: 0 0 10px 0;}
#colcen .bodersmall { padding:0  margin: 0;}
#colcen .bodersmall img
{ 
background-image:url(images/palm-village-bordersmall.gif); padding:5px; width:100px; height:100px; float:left;
display:block; margin:0 6px 7px 0;
}
#colcen .bodersmall a img
{ 
background-image:url(images/palm-village-bordersmall.gif); padding:5px; width:100px; height:100px; float:left;
display:block; margin:0 6px 7px 0; border:0;
}
#colcen p { text-align:left; color:#fff; font-size:11px; margin: 0 0 10px 0;}

#colright { width:384px; float:left; background-color:#f0d3bf;}
#colright .content { width: 354px; padding:0 15px 15px 15px; }
#colright  h1 { font-size:11px; font-weight:bold; color:#8f340b; margin:15px 0 15px 0; padding:}
#colright p{ color: #8f340b; font-size:11px; margin:0 0 10px 0;}
#colright p.text{ color: #8f340b; font-size:14px; margin:0 0 10px 0; font-weight:bold;}
#colright ul {padding:0; margin:0;}
#colright ul li {float: left; width: 175px; color: #8f340b; font-size:11px; margin: 0 0 5px 0;}
#colright ul li.col2 {float: left; width: 350px; color: #8f340b; font-size:11px; margin: 0 0 5px 0;}
#colright th 
{ background-color:#8f340b; font-size:11px; font-weight:bold; text-align:center; vertical-align: middle; color:#f0d3bf; height:25px;}
#colright td 
{ background-color:#b36134; font-size:11px; font-weight:bold; text-align:center; vertical-align: middle; color:#f0d3bf; height:25px;}


#location{ text-align:center;}
#mapshow { width: 730px;}
#map1, #map2, #map3, #map4
{ 
width:480px; height:285px; 
padding: 20px; background-color:#993300; 
margin:0 auto;
position:relative; top: -450px; right: -150px; display:none;}

#map5, #map6, #map7
{ 
width:480px; height:285px; 
padding: 20px; background-color:#993300; 
margin:0 auto;
position:relative; top: -450px; left: -150px; display:none;}


#guestbook { width:700px; padding:15px 0 15px 15px;}
#guestbook h1 
{ background-image: url(images/guest-head.gif); width:673px; height:23px; color:#f0d3bf; font-size:18px; padding: 10px 0 0 20px; margin: 0 0 15px 0;}
#guestbook .boxguestbook{ width:696px; margin:0 0 15px 0;}
#guestbook .top { background-image:url(images/guest-top.gif); width:696px; height:10px;}
#guestbook .body { background-image: url(images/guest-body.gif); width:676px; background-repeat:repeat-y; padding:10px;}
#guestbook .bottom { background-image:url(images/guest-bottom.gif); width:696px; height:10px;}
#guestbook .boxleft { width: 100px; float:left;}
#guestbook .boxright{ width: 560px; float:right;}
#guestbook .boxright .name { color:#6e3319; font-weight:bold; margin:0 0 10px 0;}
#guestbook .boxright .p { color:#6e3319;}
#guestbook li { width:auto;}

#contactdetail { }
#contactdetail p { color:#f0d3bf; font-weight:bold; font-size:14px; margin:0 0 10px 0;}
#contactdetail p span{ color:#6e3319; font-size:16px; font-weight:bold;}
#contacttable {width: 354px; padding:15px;}
#contacttable td { height:25px; color:#8f340b; text-align:left; background-color:#f0d3bf; font-size: 12px;}
#contacttable td input { background-color: #895543; border:0 none; color:#FFFFFF;}
#contacttable td input#submit { background-color:#f86f00; color:#FFFFFF; font-weight: bold; border:1px solid #8f340b;}
#contacttable td textarea { background-color: #895543; border:0 none; width: 250px; color:#FFFFFF;}


#around { width:750px; float: right; background-color:#f0d3bf; padding:0;}
#around #aroundcontent { width:720px; padding:15px;}
#aroundcontent .aroundbox { width:240px; height:220px; margin:0 0 10px 0; overflow: hidden; float:left;}
#aroundcontent .aroundbox img 
{background-image:url(images/around-phuket-border.gif); width:224px; height:151px; display:block; padding:7px 8px; }
#aroundcontent .aroundbox p 
{ background-color:#f6e5da; color:#8f340b; text-align: center; padding:5px 0; margin: 10px 0 0 8px; font-size:12px; font-weight:bold; width:220px; display:block;}
/*****************************************FOOTER********************/
#footer { width:1000px; padding:5px 0 15px 0; text-align: right; color:#cf8a6b; font-size:10px; font-weight:bold;}

#pagenumber { width:720px; padding: 0; border-top: 3px solid #FFFFFF;}
#pagenumber a
{ float: left; display: block; padding: 5px 15px; background-color:#FFFFFF; color:#333333; margin:0 0 0 2px; font-weight: bold;}
#pagenumber a:hover { background-color: #CCCCCC;}
#pagenumber.numbselect1 a#s1 { background-color: #CCCCCC;}
#pagenumber.numbselect2 a#s2 { background-color: #CCCCCC;}
#pagenumber.numbselect3 a#s3 { background-color: #CCCCCC;}