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

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

.main-large {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
border: 0px none;
line-height: 20px;
font-weight: normal;
}

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

.chart-white {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
border: 0px none;
line-height: 17px;
padding: 3px;
border: 0px solid #999999;
font-weight: normal;
}

.chart-red {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
background-color: #800000;
border: 0px none;
line-height: 17px;
padding: 3px;
border: 0px solid #999999;
font-weight: normal;
}

.chart-other {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #ffff80;
border: 0px none;
line-height: 17px;
padding: 3px;
border: 0px solid #999999;
font-weight: bold;
}

.featured-property {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #01264a;
border: 0px none;
line-height: 25px;
padding: 0px;
border: 0px solid #999999;
font-weight: normal;
}

.house-models {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-color: #01264a;
border: 0px none;
line-height: 21px;
padding: 0px;
border: 0px solid #999999;
font-weight: normal;
}

.house-models1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #01264a;
border: 0px none;
line-height: 21px;
padding: 0px;
border: 0px solid #999999;
font-weight: normal;
}

.top-text {
font-family: sans-serif, Trebuchet MS, Verdana, Arial, Helvetica;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
border: 0px none;
line-height: 25px;
}

.middlebg1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #4a569a;
border: 0px none;
line-height: 28px;
font-weight: bold;
}

.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;
}

.top-links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-color: #01264a;
border: 0px none;
line-height: 31px;
background-image: url(images/top-linksbg.gif);
}

.job1 {
font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; color: #000000; background-color: #F1F1F1; font-weight: normal; line-height: 21px; padding: 5px; border: 1px solid #000000;}

.job2 {
font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; color: #FFFF00; background-color: #CC0000; font-weight: normal; line-height: 21px; padding: 5px; border: 1px solid #000000;}

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

.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: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #01264a;
border: 0px none;
line-height: 23px;
padding-left: 5px;
font-weight: bold;
}

.bottom-links {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-color: #C00000;
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;
}

.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;
}

.middlebg {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
background-color: #fba423;
border: 0px none;
line-height: 28px;
font-weight: normal;
background-image: url(images/middlebg.gif);
}

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

.dropdown2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #4273af;
border: 0px none;
height: 25px;
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: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #C00000;
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;
}

.linkswhite {
font-family: Arial, Verdana, Serif;
font-size: 13px;
font-weight: normal;
color: #FFFFFF;
border: 0px none;
line-height: 30px;
}

.newlinks {
font-family: Arial, Verdana, Serif;
font-size: 11px;
font-weight: normal;
color: #71828A;
border: 0px none;
line-height: 16px;
}

.li1 {
display: block;
color: #333333;
text-decoration: none;
padding-right: 0px;
padding-left: 23px;
padding-bottom: 1px;
padding-top: 1px;
line-height: 21px;
font-family: Arial, Serif;
font-size: 11px;
font-weight: normal;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
background-image: url(images/li1.gif);
}

.li2 {
display: block;
color: #ff0000;
text-decoration: none;
padding-right: 0px;
padding-left: 23px;
padding-bottom: 1px;
padding-top: 1px;
line-height: 21px;
font-family: Arial, Serif;
font-size: 11px;
font-weight: normal;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
background-image: url(images/li1.gif);
}

a.li2:link {color: #FF0000;}
a.li2:active {color: #FF0000;}
a.li2:visited {color: #FF0000;}
a.li2:hover {color: #FF0000;}

p.vb1 {
font-size: 10px;
text-align: left;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}

a.box:link, a.box:active, a.box:visited {
display: block;
color: #333333;
text-decoration: none;
padding-right: 0px;
padding-left: 7px;
padding-bottom: 1px;
padding-top: 1px;
line-height: 16px;
font-family: Arial, Serif;
font-size: 11px;
font-weight: normal;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

a.box:hover {
border: 1px solid #000000;
}

.boxa {
margin: 25px 0px 0px;
padding: 0px;
width: 198px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}

.boxb {
margin: 5px 0px 5px;
padding: 0px;
width: 188px;
background-color: #ececec;
border: 1px solid #CDCDCD;
}

.forms {
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;
}

.form2 {
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: 5px;
border: 1px solid #999999;
}

.form-support {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #f5f5f5;
padding: 9px;
border: 1px solid #999999;
}

.hotelbg1 {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #c0c0ff;
padding: 2px;
border: 0px solid #999999;
}

.hotelbg2 {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #ffff80;
padding: 2px;
border: 0px solid #999999;
}

.project {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
}

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

#homeBox01 {
margin:0px 0px 0px 0px;
padding: 10px;
border: 1px solid #DDD8D1;
}

#homeBox02 {
margin:0px 0px 0px 0px;
padding: 10px;
border: 1px solid #DDD8D1;
}

p.resources {
font-family: Verdana, Arial, Serif;
font-size: 11px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #EEEEEE;
padding: 10px;
border: 1px solid #999999;
}

p.resources01 {
font-family: Verdana, Arial, Serif;
font-size: 11px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: normal;
background-color: #EEEEEE;
padding: 10px;
border: 1px solid #999999;
}

p.directory {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 20px;
font-weight: normal;
background-color: #EEEEEE;
padding: 5px;
border: 0px solid #999999;
}

p.directory1 {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 20px;
font-weight: normal;
background-color: #FFFFC0;
padding: 5px;
border: 0px solid #999999;
}

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

li {
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;
}

.form1 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #eeeeee; font-weight: normal; line-height: 21px; padding: 10px; border: 1px solid #000000;}

.form2 {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 21px; padding: 5px; border: 1px solid #000000;}

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

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

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

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

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

.greycolor {
background-color: #CECFCE;
}

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

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

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

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

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

.bgright {
background-color: #e0e0e0;
}

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

a:hover {
color: #000000;
text-decoration: underline;
}

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

a.yell:link {color: #FFFF00;}
a.yell:active {color: #FFFF00;}
a.yell:visited {color: #FFFF00;}
a.yell:hover {color: #FFFFFF;}

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

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

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

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

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