img.showhide
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: .5; <!-- safari -->
}

img.destinationtop
{
position: absolute;
z-index:500;
top:60px;
left:60px;
}

img.logo
{
position: absolute;
z-index:100;
top:20px;
right:60px;
}

img.destinationbottom
{
position: relative;
z-index:100;
top:30px;
left:60px;
}

div.head
{
position:absolute;
top:20px;
left:30%;
text-align:center;
}

div.thaimap
{
visibility:visible;
position: absolute;
top:50px;
left:5%;
z-index:200;
height:40px;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
}

div.destinationtop
{
position:absolute;
top:60px;
left:2%;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
z-index:500;
}

div.destinationbottom
{
position:relative;
top:-70px;
left:-20px;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
z-index:200;
}

div.menubartop
{
visibility:visible;
position: relative;
top:0px;
left:2%;
width:96%;
text-align:center;
z-index:200;
padding:5px;
background-color:#006666;
color:#ffffff;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.leftmenu
{
visibility:visible;
position: relative;
top:10px;
left:2%;
width:20%;
text-align:center;
padding:5px;
background-color:#006666;
color:#ffffff;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.leftmenu1
{
position:absolute;
top:250px;
left:3%;
width:20%;
text-align:center;
padding:5px;
background-color:#006666;
color:#ffffff;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.maincontent
{
visibility:visible;
position: absolute;
top:270px;
left:26%;
width:70%;
height:750px;
text-align:center;
padding:5px;
padding-right:20px;
background-color:#669966;
color:#ffffff;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.maincontent1
{
visibility:visible;
position: absolute;
text-align:center;
top:280px;
left:26%;
width:70%;
text-align:center;
padding:5px;
padding-right:20px;
background-color:#669966;
color:#ffffff;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.infos
{
visibility:visible;
position: absolute;
text-align:center;
left:5%;
width:90%;
height:500px;
overflow:auto;
text-align:justify;
padding-left:10px;
padding-right:10px;
padding:10px;
background-color:#669966;
color:#ffffff;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.infos1
{
visibility:visible;
position: absolute;
text-align:center;
left:5%;
width:90%;
height:500px;
overflow:auto;
text-align:center;
padding-left:10px;
padding-right:10px;
background-color:#669966;
color:#ffffff;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.infos2
{
visibility:visible;
position: absolute;
text-align:center;
left:5%;
width:90%;
height:650px;
overflow:auto;
text-align:justify;
padding-left:10px;
padding-right:10px;
padding:10px;
background-color:#669966;
color:#ffffff;
font-size:12pt;
font-family:helvetica,arial,serif;
img hspace:10px;
vspace:10px;
}

div.infos3
{
visibility:visible;
position: relative;
text-align:center;
left:2%;
width:95%;
height:620px;
overflow:auto;
text-align:center;
padding-left:10px;
padding-right:10px;
padding:10px;
background-color:#669966;
color:#ffffff;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.infos4
{
visibility:visible;
position: relative;
text-align:center;
left:0%;
width:100%;
height:800px;
overflow:auto;
text-align:center;
background-color:#669966;
color:#ffffff;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.mapbox
{
visibility:visible;
position: relative;
top:20px;
left:5%;
width:90%;
text-align:center;
padding:5px;
color:#ffffff;
background-color:#ffcc66;
font-size:11pt;
font-family:helvetica,arial,serif;
}

div.travelnetworks
{
visibility:visible;
position: relative;
top:20px;
left:5%;
width:40%;
text-align:center;
padding:5px;
color:brown;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.travelnetworks1
{
visibility:visible;
position: relative;
top:0px;
left:5%;
width:90%;
text-align:center;
padding:5px;
color:brown;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.travelnetworks2
{
visibility:visible;
position: relative;
top:0px;
left:25%;
width:70%;
text-align:center;
padding:5px;
color:brown;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.menubarbottom
{
visibility:visible;
position: relative;
top:20px;
left:2%;
width:96%;
z-index:200;
text-align:center;
padding:5px;
background-color:#006666;
color:#ffffff;
font-size:12pt;
font-family:helvetica,arial,serif;
text-decoration:none;
}

div.default
{
visibility:visible;
position: relative;
top:0px;
padding-left: 10px;
width:95%;
height:1500px;
border: 0px groove;
text-align:left;
vertical-align: top;
color:brown;
font-size:14pt;
font-family:helvetica,arial,serif;
}

div.scroll
{
height:650px;
padding-left:20px;
padding-right:20px;
overflow:scroll;
}

div.weather
{
text-align:center;
position:relative;
top:0px;
height:550px;
width:500px;
left:15%;
overflow:auto;
}

div.tours
{
text-align:center;
position:absolute;
top:480px;
height:600px;
width:70%;
left:25%;
overflow:auto;
}

div.links
{
visibility:visible;
position: relative;
top:70px;
left:2%;
width:96%;
text-align:center;
z-index:200;
padding:5px;
background-color:#cc9900;
color:#ffffff;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.google
{
position:relative;
top:30px;
left:0%;
}

div.hotel
{
visibility:visible;
position: absolute;
left:20px;
top:130px;
width:35%;
height:470px;
overflow:auto;
text-align:left;
padding:20px;
color:brown;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.hotel1
{
visibility:visible;
position: absolute;
left:20px;
top:250px;
width:35%;
height:470px;
overflow:auto;
text-align:left;
padding:20px;
color:brown;
font-size:10pt;
font-family:helvetica,arial,serif;
}

div.openpage
{
visibility:visible;
position: absolute;
right: 20px;
top:60px;
width:90%;
height:590px;
background-color:#669966;
text-align:center;
padding:20px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.openpage1
{
visibility:visible;
position: absolute;
right: 10px;
top:130px;
width:40%;
height:510px;
overflow:hidden;
background-color:#669966;
text-align:justify;
padding:20px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.openpage2
{
visibility:visible;
position: absolute;
right: 10px;
top:230px;
width:40%;
height:510px;
overflow:hidden;
background-color:#669966;
text-align:justify;
padding:20px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.content
{
visibility:hidden;
position: absolute;
right: 10px;
top:130px;
height:510px;
width:40%;
overflow:hidden;
background-color:#669966;
text-align:justify;
padding:20px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.content1
{
visibility:hidden;
position: absolute;
right: 10px;
top:230px;
height:510px;
width:40%;
overflow:hidden;
background-color:#669966;
text-align:justify;
padding:20px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.centermenu
{
position:absolute;
top:690px;
left:0px;
background-color:#669966;
width:100%;
padding-bottom:20px;
}

div.centermenu1
{
position:absolute;
top:800px;
left:0px;
background-color:#669966;
width:100%;
padding-bottom:20px;
}

div.rates
{
color: #ffff99;
text-align: center;
font-size: 12pt;
font-weight: bold;
font-family:helvetica,arial,serif;
padding-left:40px;
padding-right:40px;
}

h1
{
position: relative;
color: #3399cc;
text-align: center;
top: 15px;
font-size:20pt;
font-family:helvetica,arial,serif;
font: bold;
padding-left:40px;
padding-right:40px;
}

h2
{
color: #663300;
text-align: center;
font-size: 14pt;
font-family:helvetica,arial,serif;
padding-left:40px;
padding-right:40px;
}

h3
{
color: #003300;
text-align: center;
font-size: 14pt;
font-family:helvetica,arial,serif;
padding-left:40px;
padding-right:40px;
}

h4
{
color: #ffff99;
text-align: center;
font-size: 12pt;
font-family:helvetica,arial,serif;
padding-left:40px;
padding-right:40px;
}

p.yellow
{
color:#ffcc66;
size:14px;
text-align: center;
font-family:helvetica,arial,serif;
}

p.text
{
color:#ffffff;
size:16px;
text-align:justify;
padding-left:40px;
padding-right:40px;
font-family:helvetica,arial,serif;
}

img.bg
{
position: absolute;
width: 975px;
height: 1427px;
z-index: 100px;
border: 0px;
}

img.cities
{
visibility:hidden;
position: relative;
left: 135px;
top: 40px;
width: 750px;
height: 1306px;
border: 0px;
}

div.tabcontentright
{
position: absolute;
top: 100px;
right: 0px;
text-align: center;
color: #663333;
padding: 5px;
width: 22%;
font-size:12pt;
font-family:helvetica,arial,serif;
z-index:300;
}

table.navtop
{
position: absolute;
z-index:300;
left: 60px;
top:120px;
border: 0px groove;
}

table.navmiddle
{
position: absolute;
z-index:300;
left: 60px;
top:630px;
border: 0px groove;
}

table.navbottom
{
position: absolute;
z-index:300;
left: 60px;
top:1200px;
border: 0px groove;
}

table.showhide
{
position: absolute;
top: -130px;
right: 5px;
text-align: center;
margin-left: 30px;
color: #663333;
padding: 5px;
width: 200px;
font-size:12pt;
font-family:helvetica,arial,serif;
z-index:300;
}

table.languages
{
position: absolute;
top: 50px;
right: 20px;
text-align: center;
margin-left: 30px;
color: #663333;
padding: 5px;
width: 150px;
font-size:12pt;
font-family:helvetica,arial,serif;
z-index:300;
}

font.links {
    font-size:10pt;
    font-family:arial,helvetica,sans-serif;
	font-weight:bold;
    color:#996600;
	text-align:left;
	text-valign:top;
	text-decoration: none;
    }
		
div.addcontent
{
position: absolute;
padding-top:5px;
left:15%;
font-size:10pt;
height:25px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#993333;
text-align:center;
background-color:#cccc00;
width:70%;
}

div.addcontent1
{
position: relative;
top:720px;
padding:5px;
border:1px;
left:3%;
font-size:10pt;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#993333;
text-align:center;
background-color:#cccc00;
width:90%;
}

div.advertise
{
background:#cc9900;
padding:2px;
padding-left:10px;
font-size:12pt;
text-align:center;
width:60%;
position:relative;
left:20%;
border: medium solid #663300;
}

div.advertise1
{
background:#cc9900;
padding:2px;
padding-left:10px;
font-size:12pt;
text-align:center;
width:80%;
position:relative;
left:5%;
border: medium solid #663300;
}

a.rightcountry:hover
{color:#ffff00;background-color:#3399cc;}
a.rightcountry { text-decoration: bold; color:#336699; vlink:#ccffcc; alink:#669933;}

a.rightcountry1:hover
{color:#ffff00;background-color:#3399cc;}
a.rightcountry1 { text-decoration: bold; color:#ff9933; vlink:#ccffcc; alink:#669933;}

a.scrollpad:hover
{color:#ffff00;}
a.scrollpad { text-decoration: bold; color:#ffffff; vlink:#ccffcc; alink:#669933;}

a.links {text-decoration:none;}
a.links:hover {background:#99ffcc;}

a.editor {color:#330000; vlink:#ccffcc; alink:#669933;}
a.editor:hover {color:#ffffff;background:#cc6633;}

a.destination:hover
{color:#ffff00;background-color:#3399cc;text-decoration:underline;}
a.destination { text-decoration: bold; color:#993333; vlink:#ccffcc; alink:#669933;}

a.menu:hover
{color:#ffff00;background-color:#3399cc;text-decoration:underline;}
a.menu { text-decoration: bold; color:#ff9900; vlink:#ccffcc; alink:#669933;}

a.linkhotel:hover
{color:#ffff00;background-color:#3399cc;text-decoration:underline;}
a.linkhotel { text-decoration: bold; color:#ffffff; vlink:#ccffcc; alink:#669933;}

a.partner:hover
{text-decoration: bold; color:#ffffff; vlink:#ccffcc; alink:#669933;}
a.partner { color:#ffff00;background-color:#cc6600;text-decoration:underline; }

a.leftmenu:hover
{background-color:#669900; color:#ffffff;vlink:#ccffcc; alink:#669933;}
a.leftmenu { font-weight:bold; color:#ffde28; font-size:14px; text-decoration:underline; }

BODY {
    background-image: url("../images/back.jpg");
    background-attachment: fixed}