html,body   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; background-image: url(../pix/wmworld.gif); background-attachment:fixed; margin:0; padding: 0; height: 100%;}

/* --- TEXT --- */

h1     { color:#A00; font-size:90%;  line-height:200%; font-weight:bold; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #000; text-align:right;}
h2     { color:#060; font-size:80%;  line-height:140%; font-weight:bold; text-align:right; margin-top: 0px; margin-bottom: 0px;}
h2 a   { position: relative; bottom: -10px;}
h3     { color:#333; font-size:70%;  line-height:130%; font-weight:bold; }
h4     { color:#333; font-size:70%;  line-height:130%; font-weight:bold; text-align:right; }
h6     { color:#333; font-size:60%;  line-height:100%; margin-top: 0; }

p      { color:#333; font-size:70%;  line-height:140%; text-align:right; margin-top: 2%; margin-bottom: 2%;}

.small { color:#333; font-size:55%;  line-height:150%; }
.small2 { color:#333; font-size:70%;  line-height:150%; }

hr     { color: #666; }

a:link    { color: #008000; text-decoration: underline;}
a:visited { color: #008000; text-decoration: underline;}
a:hover   { color: #AA0000; text-decoration: underline;}

/* --- HOLDER --- */

#holder { width: 800px; margin: 0 auto; border-style: solid; border-width: 2px; border-color: #800000; min-height: 100%;}

/* --- HEAD --- */

#head   { height: 250px; width: 800px; margin: 0 auto; background-color:#FFFFDD; }

#javamenu { height: 25px; width: 800px; margin: 0 auto; background-color:#800000; }

#staticmenu         { height: 35px; width: 800px; margin: 0 auto; text-align: right; }
#staticmenu a       { font-family: arial; font-weight: bold; font-size:0.60em; line-height:300%; color: #004000; }
#staticmenu a:hover { color: #FF0000; }

#general    {height: 35px; background-image: url(../pix/title_welcome.gif);    }
#vietnam    {height: 35px; background-image: url(../pix/title_vietnam.gif);    }
#cambodia   {height: 35px; background-image: url(../pix/title_cambodia.gif);   }
#laos       {height: 35px; background-image: url(../pix/title_laos.gif);       }
#thailand   {height: 35px; background-image: url(../pix/title_thailand.gif);   }
#myanmar    {height: 35px; background-image: url(../pix/title_myanmar.gif);    }
#china      {height: 35px; background-image: url(../pix/title_china.gif);      }
#malaysia   {height: 35px; background-image: url(../pix/title_malaysia.gif);   }
#bhutan     {height: 35px; background-image: url(../pix/title_bhutan.gif);     }
#comments   {height: 35px; background-image: url(../pix/title_comments.gif);   }
#services   {height: 35px; background-image: url(../pix/title_services.gif);   }
#smallprint {height: 35px; background-image: url(../pix/title_smallprint.gif); }
#about      {height: 35px; background-image: url(../pix/title_about.gif);      }
#tales      {height: 35px; background-image: url(../pix/title_tales.gif);      }


/* ---  PAGES  --- */

#content1 {width: 800px; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; background-image: url(../pix/backfade_tour.jpg); }
#content2 {width: 800px; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; background-image: url(../pix/backfade_gen.jpg); min-height: 100%; }
#content3 {width: 800px; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; background-color: #ffffdd; }
#content5 {width: 800px; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; background-image: url(../pix/backfade_about.jpg); }
#content5 td { vertical-align: top;}

#main1  {width: 520px; float: left; padding-left: 30px; padding-right: 10px; }
#main2  {width: 750px; float: left; padding-left: 25px; padding-right: 20px; min-height: 100%; }
#main3  {width: 760px; float: left; padding-left: 20px; padding-right: 20px; text-align: center; }


#sidebar1 {width: 205px; margin-top: 5px; float: right; padding-left: 10px; padding-right: 20px; border-left: 1px dashed #DDDDDD; }



/* ---  COUNTRY PAGES  --- */

#tourlist table       { width: 100%; border-spacing: 2px; border-top: 1px solid #888; }
#tourlist td          { color:#333; font-size:65%;  font-weight: 700; padding: 1px; line-height:120%; text-align:right; vertical-align: top; margin-top: 1px; margin-bottom: 1px;}
#tourlist td.tourname { color:#060; font-size:80%;  line-height:120%; text-align:right; margin-top: 1px; margin-bottom: 1px; }
#bottom               { vertical-align: bottom; }
#tourlist h2          { color: #A00; margin-bottom: 10px; }

/* ---  HOTELS  --- */

#hotels table { width: 100%;}
#hotels td { color:#333; font-size:70%;  font-weight: 400; line-height:130%; text-align:right; vertical-align: top; margin-top: 1px; margin-bottom: 1px;}
#hotels td h1 { font-size:120%; }
#hotels td h2 { font-size:100%; color: #444; }
#hotels td img { margin: 0px; }

#hotels #hotelgroup tr { height: 25px;}


/* ---  MISC PAGES  --- */

#terms table { border: 1px solid #888; border-collapse: collapse;}
#terms td { border: 1px solid #AAA; font-size:70%;  font-weight: 400; line-height:130%; text-align:left; padding: 7px; }
#terms p { text-align: left; margin-top: 4px; margin-bottom: 5px; }


/* ---  BUTTONS  --- */

.but_view { display: block; float: right; width: 46px; height: 26px; background: url("/pix/buttons/but_view3.gif") no-repeat 0 0; }
.but_view:visited { background-position: 0 0; }
.but_view:hover { background-position: 0 -26px; }
.but_view:active { background-position: 0 -52px; }
.but_view span { display: none; }

.but_next { display: block; float: right; width: 46px; height: 26px; background: url("/pix/buttons/but_next3.gif") no-repeat 0 0; }
.but_next:visited { background-position: 0 0; }
.but_next:hover { background-position: 0 -26px; }
.but_next:active { background-position: 0 -52px; }
.but_next span { display: none; }

.but_top { display: block; float: right; width: 42px; height: 26px; background: url("/pix/buttons/but_top3.gif") no-repeat 0 0; }
.but_top:visited { background-position: 0 0; }
.but_top:hover { background-position: 0 -26px; }
.but_top:active { background-position: 0 -52px; }
.but_top span { display: none; }

.but_hotels { display: block; float: right; width: 46px; height: 40px; background: url("/pix/buttons/but_hotels3.gif") no-repeat 0 0; }
.but_hotels:visited { background-position: 0 0; }
.but_hotels:hover { background-position: 0 -40px; }
.but_hotels:active { background-position: 0 -80px; }
.but_hotels span { display: none; }

.but_tour { display: block; float: right; width: 46px; height: 40px; background: url("/pix/buttons/but_tour3.gif") no-repeat 0 0; }
.but_tour:visited { background-position: 0 0; }
.but_tour:hover { background-position: 0 -40px; }
.but_tour:active { background-position: 0 -80px; }
.but_tour span { display: none; }

.but_price { display: block; float: right; width: 46px; height: 40px; background: url("/pix/buttons/but_price3.gif") no-repeat 0 0; }
.but_price:visited { background-position: 0 0; }
.but_price:hover { background-position: 0 -40px; }
.but_price:active { background-position: 0 -80px; }
.but_price span { display: none; }

.but_info { display: block; float: right; width: 46px; height: 40px; background: url("/pix/buttons/but_info3.gif") no-repeat 0 0; }
.but_info:visited { background-position: 0 0; }
.but_info:hover { background-position: 0 -40px; }
.but_info:active { background-position: 0 -80px; }
.but_info span { display: none; }

.but_email { display: block; float: right; width: 46px; height: 40px; background: url("/pix/buttons/but_email3.gif") no-repeat 0 0; }
.but_email:visited { background-position: 0 0; }
.but_email:hover { background-position: 0 -40px; }
.but_email:active { background-position: 0 -80px; }
.but_email span { display: none; }

.but_pdf { display: block; float: right; width: 42px; height: 36px; background: url("/pix/buttons/but_pdf.gif") no-repeat 0 0; }
.but_pdf:visited { background-position: 0 0; }
.but_pdf:hover { background-position: 0 -36px; }
.but_pdf:active { background-position: 0 -72px; }
.but_pdf span { display: none; }


/* ---  PRICE PAGES  --- */

#content4 { width: 640px; margin: 0 auto; padding: 20px; background-image: url(../pix/backfade_price.jpg); text-align: right; }
#content4 p { font-size:72%; }
#content4 li { font-size:75%; font-weight: normal; margin-bottom:5px; }
#content4 hr { margin-top:10px; }
#content4 .small { font-weight:bold; }


/* ---  DESTINATION PAGES  --- */

#content6 { width: 340px; margin: 0 auto; padding: 20px; background-image: url(../pix/backfade_dest.jpg); text-align: right; }
#content6 p { font-size:70%; }
#content6 .small { font-weight:bold; }


/* ---  PICTURE FEATURES  --- */

#content7 { width: 500px; margin: 0 auto; padding: 20px; background-image: url(../pix/backfade_feature.jpg); text-align: right; }
#content7 p { font-size:72%; }
#content7 hr { margin-top:10px; }


/* ---  FOOTER  --- */

#footer {height: 20px; margin: 0 auto; background-image: url(../pix/footerbar.gif); line-height:150%; color: #FFFFFF; }
#footer a {color: #FFFFFF; }
#footer a:hover {color: #AA0000;}
#fleft { float: left; text-align: left; font-weight: bold; font-size:0.65em; }
#fright { float: right; text-align: right; font-size:0.55em; }


/* --- FAQ & SITEMAP --- */

.faqs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #333333; font-weight: bold; line-height: 18px; text-align: right; }
.faqs a:link    { color: #000000; text-decoration: none;}
.faqs a:visited { color: #000000; text-decoration: none;}
.faqs a:hover   { color: #FF0000; text-decoration: none;}

.smap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #333333; font-weight: bold; line-height: 18px; text-align: left; }
.smap a:link    { color: #000000; text-decoration: none;}
.smap a:visited { color: #555555; text-decoration: none;}
.smap a:hover   { color: #FF0000; text-decoration: none;}


/* --- FORMS --- */


.forms table { margin: 0; padding: 0; float: right; text-align: left; border-collapse: collapse; }
.forms td { font-size:75%; border: 0px solid #666; padding:3px 3px 3px 0px; vertical-align: top; }
.forms textarea, select { border: 1px solid #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #333; }
.forms textarea { height: 60px; width: 250px; color:#333; }
.forms input { border: 1px solid #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #333; }
.forms span { color: #FF0000; font-style: italic; font-weight: bold; }

.ack    { position:relative; left:0px; top:0px; }
.ack h2 { text-align: left; }
.ack p  { text-align: left; font-weight: bold; }

.radio  { font-size: 10px; font-weight: bold; }
.r      { text-align: right; }

.inputBox       { height: 17px;}
.inputBox2      { height: 21px;}
.inputBox:hover { border: 1px dotted #CC0000; }
.inputBox:focus { border: 1px solid #CC0000;  }

.button        { background-color: #ffffef; color: #333; border: 1px solid #333; width: 120px; height: 25px; }
.button:hover  { color: #FF0000; border: 1px solid #FF0000; }

#sel1   { position:relative; left:0px; top:-240px; visibility: hidden; }
#sel2   { position:relative; left:180px; top:0px; visibility: hidden; }
#sel2 p { color: #DD0000; text-align:left; font-size: 75%; }
#sel3   { position:relative; left:180px; top:-100px; visibility: hidden; }
#sel3 p { color: #008000; text-align:left; font-size: 75%; }
#sel4   { position:relative; left:0px; top:-410px; visibility: hidden; }
#sel5   { position:relative; left:0px; top:-190px; visibility: hidden; }
#sel5 p { color: #008000; text-align:left; font-size: 100%; font-weight: bold; vertical-align: top; }

#pax2    { position:relative; left:0px; top:-45px; visibility: hidden; }
#pax3    { position:relative; left:0px; top:-95px; visibility: hidden; }
#pax4    { position:relative; left:0px; top:-145px; visibility: hidden; }
#pax5    { position:relative; left:0px; top:-195px; visibility: hidden; }
#pax6    { position:relative; left:0px; top:-245px; visibility: hidden; }
#pax7    { position:relative; left:0px; top:-295px; visibility: hidden; }
#pax8    { position:relative; left:0px; top:-345px; visibility: hidden; }
#pax9    { position:relative; left:0px; top:-395px; visibility: hidden; }
#paxmore { position:relative; left:0px; top:-650px; visibility: hidden; }


#sub1   { position:relative; left:0px; top:0px; visibility: hidden; }
#sub2   { position:relative; left:0px; top:-45px; visibility: hidden; }
#sub3   { position:relative; left:0px; top:-95px; visibility: hidden; }
#sub4   { position:relative; left:0px; top:-145px; visibility: hidden; }
#sub5   { position:relative; left:0px; top:-195px; visibility: hidden; }
#sub6   { position:relative; left:0px; top:-245px; visibility: hidden; }
#sub7   { position:relative; left:0px; top:-295px; visibility: hidden; }
#sub8   { position:relative; left:0px; top:-345px; visibility: hidden; }
#sub9   { position:relative; left:0px; top:-395px; visibility: hidden; }







