img.showhide
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: .5; <!-- safari -->
}

img.destinationtop
{
position: absolute;
z-index:100;
top:20px;
left:60px;
}

img.destinationbottom
{
position: absolute;
z-index:100;
top:1830px;
left:60px;
}

div.menubartop
{
visibility:visible;
position: absolute;
z-index:300;
top:130px;
left:2%;
width:95%;
text-align:center;
background-color:#006666;
padding:5px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.destinationtop
{
position:absolute;
top:20px;
left:2%;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
z-index:200;
}

div.destinationbottom
{
position:absolute;
top:1830px;
left:2%;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
z-index:200;
}

div.mapbox
{
visibility:visible;
position: absolute;
z-index:300;
top:1250px;
left:5%;
width:90%;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
}

div.mapboxthai
{
visibility:visible;
position: absolute;
top:1350px;
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: absolute;
z-index:300;
top:1440px;
left:5%;
width:90%;
height:40px;
text-align:center;
padding:5px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.menubarbottom
{
visibility:visible;
position: absolute;
z-index:300;
top:1770px;
left:2%;
width:95%;
text-align:center;
background-color:#006666;
padding:5px;
color:brown;
font-size:12pt;
font-family:helvetica,arial,serif;
}

div.default
{
visibility:visible;
position: relative;
left:5%;
z-index:100;
top:70px;
width:97%;
height:1040px;
overflow:auto;
border: 0px groove;
text-align:left;
color:brown;
font-size:14pt;
font-family:helvetica,arial,serif;
}

div.thaimap
{
visibility:visible;
position: absolute;
top:180px;
left:2%;
z-index:300;
text-align:center;
padding:5px;
color:#ffffff;
font-size:14pt;
font-family:helvetica,arial,serif;
}

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;
}

img.bg
{
position: absolute;
left:50px;
z-index:100;
top:300px;
width: 900px;
height: 897px;
z-index: 100px;
border: 0px;
}

img.cities
{
visibility:hidden;
position: absolute;
left: 47px;
top: 300px;
width: 865px;
height: 870px;
z-index:200;
border: 0px;
}

div.legend
{
position:absolute; 
top:340px; 
right:20px;
text-align:left;
text-color:#ffffff;
z-index:300;
border: 3px groove;
background-color:#006699;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: .8;
}

div.google
{
position:absolute;
top:1850px;
left:30%;
}

table.showhide
{
position: absolute;
top: 180px;
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: 30px;
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;
}

a.rightcountry:hover
{color:#ffff00;background-color:#3399cc;text-decoration:underline;}
a.rightcountry { text-decoration: bold; color:#003300; vlink:#ccffcc; alink:#669933;}

a.destination:hover
{color:#ffff00;background-color:#3399cc;text-decoration:underline;}
a.destination { text-decoration: bold; color:#993333; vlink:#ccffcc; alink:#669933;}

a.scrollpad:hover
{color:#ffff00;text-decoration:underline;}
a.scrollpad { text-decoration: bold; color:#ffffff; vlink:#ccffcc; alink:#669933;}

BODY {
    background-image: url("../../images/back.jpg");
    background-attachment: fixed}
