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

h1 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #000000;
padding-top: 15px;
padding-left: 0px;
padding-bottom: 5px;
border: 0px none;
line-height: 15px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

h2  {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
color: #000000;
font-weight: bold;
text-align: left;
line-height: 21px;
}

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

.main {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
border: 0px none;
line-height: 20px;
font-weight: normal;
}

.main-blue {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
background-color: #4174a9;
border: 0px none;
line-height: 20px;
font-weight: normal;
}

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

span.submenus { position: relative; visibility: hidden; display: none; }

.web-design-links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-color: #4174a9;
border: 0px none;
line-height: 25px;
}

.web-design-links-blue {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #FFFFFF;
background-color: #4174a9;
border: 0px none;
line-height: 25px;
}

.scroll {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #cecfce;
border: 0px none;
line-height: 25px;
font-weight: normal;
}

.tel-large {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #C00000;
border: 0px none;
line-height: 25px;
font-weight: bold;
}

.grey-bg-top {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-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, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
background-color: #000000;
border: 0px none;
line-height: 21px;
padding-left: 5px;
font-weight: bold;
}

.greycolora {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #CECFCE;
border: 0px none;
line-height: 24px;
font-weight: normal;
}

.headings {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
width: 235px;
padding-top: 0px;
padding-bottom: 8px;
border: 0px none;
line-height: 18px;
}

.txtbox {
background-color: #FFFFFF;
color : #313C51;
border : 1px solid #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size : 13px;
}

li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
border: 0px none;
list-style-type: circle;
line-height: 22px;
}

.li1 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #000000;
border: 0px none;
list-style-type: circle;
line-height: 21px;
}

.subitems {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #C00000;
border: 0px none;
list-style-type: circle;
line-height: 21px;
}

.menu1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
padding-bottom: 0px;
border: 0px none;
line-height: 28px;
background-image: url(images/menubg1.gif);
}

.special {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13;
font-weight: bold;
color: #000000;
padding-bottom: 0px;
border: 0px none;
line-height: 25px;
}

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

.form {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #EEEEEE;
padding: 10px;
border: 1px solid #999999;
}

.form1 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #FFFFFF;
padding: 10px;
border: 1px solid #CCCCCC;
}

.form2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #EEEEEE;
padding: 5px;
border: 1px solid #999999;
}

.form3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 27px;
font-weight: normal;
background-color: #FFFFFF;
padding: 3px;
border: 1px solid #999999;
}

.form4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #FFFFFF;
padding: 7px;
border: 1px solid #999999;
}

.form5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 27px;
font-weight: normal;
background-color: #FFFFFF;
padding: 10px;
border: 1px solid #999999;
}

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

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

.copy {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
border: 0px none;
line-height: 26px;
}

.bottom-links {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-color: #4174a9;
border: 0px none;
line-height: 26px;
}

.web-site-design-pattaya {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
border: 0px none;
line-height: 26px;
}

.whitecolor {
background-color: #FFFFFF;
}

.greycolor {
background-color: #CECFCE;
}

.greycolor2 {
background-color: #f2f2f2;
}

.greycolora {
height: 24px;
background-color: #CECFCE;
}

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

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

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

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

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

a:hover {
color: #C00000;
}

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

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

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

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

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

a.blue:link {color: #4174a9;}
a.blue:active {color: #4174a9;}
a.blue:visited {color: #4174a9;}
a.blue:hover {color: #C00000;}