body { 
background-color: #000000; padding: 0px 0px 0px 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-attachment: fixed; background-image: url(images/bcg.gif);
}

h1 {
font-family: Trebuchet MS, Arial, Serif; font-size: 21px; color: #993366; background-color: #ffffff; border: 0px none; line-height: 25px; padding-left: 0px; padding-bottom: 4px; font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000;
}

h2  {
font-family:  Trebuchet MS, Arial, Verdana, Serif; font-size: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 0px 0px; color: #993366; font-weight: bold; text-align: left; line-height: 21px;
}

h3, h4, h5 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; font-weight: bold; color: #000000; padding-top: 0px; padding-left: 0px; padding-bottom: 4px; border: 0px none; line-height: 18px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCCCCC;
}

.hextra {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 15px; font-weight: bold; color: #993366; padding-top: 0px; padding-left: 0px; padding-bottom: 5px; border: 0px none; line-height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000;
}

.main {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-small {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-large {
font-family: Arial, Verdana, Serif; font-size: 16px; color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.main-large2 {
font-family: Arial, Verdana, Serif; font-size: 14px; color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.main-purple {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; color: #993366; background-color: #FFFFFF; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-purple-large {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 14px; color: #993366; background-color: #FFFFFF; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-purple-large2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 16px; color: #993366; border: 0px none; line-height: 20px; font-weight: bold;
}

.main-white-large2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 16px; color: #ffffff; border: 0px none; line-height: 20px; font-weight: bold;
}

.main-black-large2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 16px; color: #000000; border: 0px none; line-height: 20px; font-weight: bold;
}

.promo {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 22px; color: #993366; border: 0px none; line-height: 25px; font-weight: bold;
}

.promo1 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 18px; color: #000000; border: 0px none; line-height: 25px; font-weight: bold;
}

.promo2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 16px; color: #993366; border: 0px none; line-height: 25px; font-weight: bold;
}

.menu2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #cecfce; border: 0px none; line-height: 27px; font-weight: normal;
}

.time {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.main-home {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 18px; font-weight: normal;
}

.topbg1 {
background-image: url(images/topbg1.gif);
}

.topbg2 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #ffffff; font-weight: normal; line-height: 30px;}

.border1 {
font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: normal; line-height: 21px; padding: 0px; border: 2px solid #ffffff;}

.notice {
font-family: Trebuchet MS, Arial, Verdana; font-size: 11px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 21px; padding: 5px; border: 1px solid #000000;}

.rates1 {
font-family: Trebuchet MS; font-size: 13px; color: #ffffff; background-color: #993366; font-weight: normal; line-height: 21px; padding: 0px; border: 1px solid #000000;}

.rates2 {
font-family: Trebuchet MS; font-size: 13px; color: #000000; background-color: #cccccc; font-weight: normal; line-height: 21px; padding: 0px;}

.rates3 {
font-family: Trebuchet MS; font-size: 13px; color: #000000; background-color: #cccccc; font-weight: normal; line-height: 21px; padding: 0px;}

.navnew {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #eeeeee; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #cccccc;}

.grey-bg-top {
font-family: Arial, Verdana, Serif;
font-size: 13px;
font-weight: normal;
color: #FFFFFF;
border: 0px none;
line-height: 24px;
background-image: url(images/grey-bg-top.gif);
}

.header {
font-family: Trebuchet MS, Arial, Serif; font-size: 13px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.header2 {
font-family: Trebuchet MS, Arial, Serif; font-size: 13px; color: #FFFFFF; background-color: #993366; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.header2a {
font-family: Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #993366; border: 1px solid #000000; padding-left: 5px; line-height: 21px; font-weight: bold;
}

.header3 {
font-family: Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #993366; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.header4 {
font-family: Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 27px; padding-left: 5px; font-weight: bold;
}

.headermenu {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.headermenu1 {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #993366; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.headermenu1bg {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 21px; padding-left: 0px; font-weight: normal;
}

.headermenu2 {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #666666; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.headermenu3 {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #000000; background-color: #cccccc; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.headernews {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.portfolio {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
border: 0px none;
line-height: 21px;
}

.bottom-promotion {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px;
}

.news {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 20px; font-weight: normal;
}

.slide-news {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; background-image: url(images/news-bg.gif);
}

.plinetop {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; background-image: url(images/plinebg.gif);
}

.pline {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; background-image: url(images/plinebg.gif);
}

.bottom-links {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #993366; border: 0px none; line-height: 21px; background-image: url(images/bottom-links-bg.gif);
}

.bottom-links2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.web-site-design-thailand {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 25px; font-weight: normal;
}

.txtbox {
background-color: #FFFFFF;
color : #000000;
font-weight: bold;
border : 1px solid #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
}

li {
font-family: Trebuchet MS, Arial;
font-size: 12px;
font-weight: bold;
color: #993366;
border: 0px none;
line-height: 21px;
}

.links {
font-family: Arial, Verdana, Serif;
font-size: 11px;
font-weight: bold;
color: #000000;
border: 0px none;
line-height: 30px;
}

.dropdown {
font-family: Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #f0eeef; line-height: 15px; font-weight: bold; border : 1px solid #999999;
}

.dropdown2 {
font-family: Arial, Verdana, Serif; font-size: 11px; color: #000000; background-color: #f0eeef; line-height: 15px; font-weight: normal;
}

.homeform {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #eeeeee; font-weight: bold; line-height: 20px; padding: 15px; border: 1px solid #000000;}

.form1 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 15px; border: 1px solid #000000;}

.form2 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #1c3155;}

.form2a {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #1c3155;}

.form2b {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 28px; padding: 2px; padding-left: 5px; border: 1px solid #cccccc;}

.form2ba {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 21px;}

.form2bb {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 21px;}

.form2bc {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #FF0000; font-weight: bold; line-height: 21px;}

.formsmall {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #000000; font-weight: bold; line-height: 18px;}

.formsmall1 {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #ff0000; font-weight: bold; line-height: 18px;}

.form3 {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #ffffff; background-color: #993366; font-weight: normal; line-height: 20px; padding: 10px; border: 0px solid #ffffff;}

.form3a {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #ffffff; background-color: #993366; font-weight: normal; line-height: 18px; padding: 10px; border: 0px solid #ffffff;}

.form4 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 20px; padding: 9px; border: 0px solid #999999;}

.form5 {
font-family: Trebuchet MS, Arial; font-size: 13; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 20px; padding: 0px; border: 4px solid #ffffff;}

.loading {
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}

.lines {
background-image: url(images/3lines.gif);
}

.line {
background-image: url(images/35by3.gif);
}

.line-cp {
background-image: url(images/35by3-cp.gif);
}

.box {
background-image: url(images/box.gif);
}

.box1 {
background-image: url(images/box1.gif);
}

.linkbg {
font-family: Trebuchet MS, Arial; font-size: 12px;
color: #993366;
line-height: 21px;
font-weight: normal;
padding-left: 21px;
background-image: url(images/linkbg.gif);
}

.greycolor2 {
background-color: #e9e9e9;
}

.boxbg01 {
font-family: Verdana, Arial, Serif; font-size: 11px; color: #535353; background-color: #eeeeee; line-height: 20px; font-weight: normal; padding: 5px; border: 1px solid #999999;
}

.boxbg02 {
background-image: url(images/boxbg02.gif);
}

.boxbg03 {
background-image: url(images/boxbg03.gif);
}

.portfolio-bg {
background-image: url(portfolio/portfolio-bg.gif);
}

a:link, a:active, a:visited {
text-decoration: none;
color: #000000;
font-weight: normal;
}

a:hover {
color: #993366;
}

a.pink:link {color: #993366;}
a.pink:active {color: #993366;}
a.pink:visited {color: #993366;}
a.pink:hover {color: #000000; background: #DDDDDD;}

a.red:link {color: #993366;}
a.red:active {color: #993366;}
a.red:visited {color: #993366;}
a.red:hover {color: #000000;}

a.pink2:link {color: #000000;}
a.pink2:active {color: #000000;}
a.pink2:visited {color: #000000;}
a.pink2:hover {color: #993366; background: #DDDDDD;}

a.purple:link {color: #993366;}
a.purple:active {color: #993366;}
a.purple:visited {color: #993366;}
a.purple:hover {color: #000000;}

a.grey:link {color: #CCCCCC;}
a.grey:active {color: #CCCCCC;}
a.grey:visited {color: #CCCCCC;}
a.grey:hover {color: #993366;}

a.white:link {color: #ffffff;}
a.white:active {color: #ffffff;}
a.white:visited {color: #ffffff;}
a.white:hover {color: #000000;}

a.white-purple:link {color: #FFFFFF;}
a.white-purple:active {color: #FFFFFF;}
a.white-purple:visited {color: #FFFFFF;}
a.white-purple:hover {color: #993366;}

a.white-pink:link {color: #FFFFFF;}
a.white-pink:active {color: #FFFFFF;}
a.white-pink:visited {color: #FFFFFF;}
a.white-pink:hover {color: #993366;}

a.black:link {color: #000000;}
a.black:active {color: #000000;}
a.black:visited {color: #000000;}
a.black:hover {color: #993366;}

a.black-pink:link {color: #FFFFFF;}
a.black-pink:active {color: #FFFFFF;}
a.black-pink:visited {color: #FFFFFF;}
a.black-pink:hover {color: #993366;}

a.black-orange:link {color: #FFFFFF;}
a.black-orange:active {color: #FFFFFF;}
a.black-orange:visited {color: #FFFFFF;}
a.black-orange:hover {color: #FFA500;}

a.black-grey:link {color: #000000;}
a.black-grey:active {color: #000000;}
a.black-grey:visited {color: #000000;}
a.black-grey:hover {color: #993366; background: #DDDDDD;}

a.greyshadow:link {color: #000000; background: #DDDDDD;}
a.greyshadow:active {color: #000000; background: #DDDDDD;}
a.greyshadow:visited {color: #000000; background: #DDDDDD;}
a.greyshadow:hover {color: #ff0000; background: #DDDDDD;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 1px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

a.hintanchor:link {color: #993366;}
a.hintanchor:active {color: #993366;}
a.hintanchor:visited {color: #993366;}
a.hintanchor:hover {color: #000000; background: #DDDDDD;}