body { 
background-color: #8ac452;
margin: 0px;
padding: 0px;
margin-top:0; 
margin-bottom:0; 
margin-left:0; 
margin-right:0;
background-attachment: fixed;
background-image: url(images/bg.jpg);
}

h1 {
font-family: Arial, Verdana, Serif;
font-size: 14px;
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:  Arial, Verdana, Serif;
font-size: 12px;
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: 12px;
font-weight: bold;
color: #000000;
width: 490px;
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: Arial, Verdana, Serif;
font-size: 12px;
font-weight: bold;
color: #000000;
width: 490px;
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;
}

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

.mainsmall {
font-family: Arial, Serif;
font-size: 11px;
color: #000000;
border: 0px none;
line-height: 20px;
font-weight: normal;
}

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

.main3 {
font-family: Arial, Serif;
font-size: 13px;
color: #008000;
background-color: #FFFFFF;
border: 0px none;
line-height: 20px;
font-weight: bold;
}

.mainbig {
font-family: Arial, Serif;
font-size: 18px;
color: #000000;
background-color: #FFFFFF;
border: 0px none;
line-height: 38px;
font-weight: normal;
font-style: italic;
}

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

.web-design-links-blue {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-color: #0033ff;
border: 0px none;
line-height: 25px;
}

.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: Arial, Serif;
font-size: 12px;
color: #FFFFFF;
background-color: #008000;
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-links {
font-family: Verdana, Arial, Serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #008000;
border: 0px none;
line-height: 26px;
}

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

.line01 {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: bold;
color: #000000;
width: 490px;
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;
}

.sublinks {
font-family: Arial, Serif;
font-size: 12px;
font-weight: bold;
color: #000000;
width: 200px;
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;
}

.sublinks1 {
font-family: Arial, Serif;
font-size: 12px;
font-weight: bold;
color: #000000;
width: 200px;
padding-top:00px;
padding-left: 0px;
padding-bottom: 5px;
border: 0px none;
line-height: 20px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

.sublinks01 {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
border: 0px none;
line-height: 20px;
font-weight: bold;
}

.greycolora {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
background-color: #CECFCE;
border: 0px none;
line-height: 25px;
font-weight: normal;
}

.tel {
font-family: Arial, Serif;
font-size: 13px;
color: #000000;
background-color: #CECFCE;
border: 0px none;
line-height: 25px;
font-weight: normal;
}

.pattaya {
font-family: Arial, Serif;
font-size: 12px;
color: #008000;
background-color: #000000;
border: 0px none;
padding-left: 3px;
line-height: 20px;
font-weight: bold;
}

.pattaya1 {
font-family: Arial, Serif;
font-size: 12px;
color: #FFFFFF;
background-color: #000000;
border: 0px none;
padding-right: 2px;
line-height: 20px;
font-weight: bold;
}

.asterix {
font-family: Arial, Serif;
font-size: 12px;
color: #008000;
border: 0px none;
line-height: 21px;
font-weight: normal;
}

.headings {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: bold;
color: #000000;
width: 235px;
padding-top: 0px;
padding-bottom: 8px;
border: 0px none;
line-height: 18px;
}

.orangeheadings {
font-family: Arial, Verdana, Serif;
font-size: 14px;
font-weight: bold;
color: #FF6600;
width: 250px;
line-height: 45px;
}

.click-here  {
font-family:  Arial, Verdana, Serif;
font-size: 12px;
font-weight: bold;
color: #008000;
line-height: 21px;
}

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

li {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: normal;
color: #008000;
border: 0px none;
line-height: 21px;
}

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

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

.pink12 {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: bold;
color: #008000;
border: 0px none;
line-height: 18px;
}

.faq {
font-family: Arial, Serif;
font-size: 12px;
font-weight: bold;
color: #000000;
border: 0px none;
line-height: 20px;
}

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

.mainorange12 {
font-family: Arial, Verdana, Serif;
font-size: 12px;
font-weight: normal;
color: #008000;
border: 0px none;
line-height: 18px;
}

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

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

.form2 {
font-family: Arial, Serif;
font-size: 12px;
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;
}

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

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

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

.hosting-plan {
font-family: Verdana, Arial, Serif;
font-size: 12px;
color: #000000;
border: 0px none;
line-height: 21px;
font-weight: bold;
background-color: #FFA500;
}

.hosting-plan-1 {
font-family: Verdana, Arial, Serif;
font-size: 12px;
color: #FFFFFF;
border: 0px none;
line-height: 21px;
font-weight: bold;
background-color: #FF0000;
}

.error {
font-family: Arial, Serif;
font-size: 15px;
color: #FF0000;
background-color: #FFFFFF;
border: 0px none;
line-height: 21px;
font-weight: normal;
}

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

.test {
font-family: Arial, Serif;
font-size: 18px;
color: #ffffff;
border: 0px none;
line-height: 18px;
font-weight: bold;
background-color: #000000;
}

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

.whitecolor {
background-color: #FFFFFF;
}

.greycolor {
background-color: #CECFCE;
}

.greycolor2 {
background-color: #f5f5f5;
}

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

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

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

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

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

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

.boxbg01 {
font-family: Verdana, Arial, Serif;
font-size: 11px;
color: #535353;
line-height: 20px;
font-weight: normal;
background-image: url(images/boxbg04.gif);
}

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

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

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

a:hover {
color: #008000;
}

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

a.newgrey:link {color: #A0A7AD;}
a.newgrey:active {color: #A0A7AD;}
a.newgrey:visited {color: #A0A7AD;}
a.newgrey:hover {color: #008000;}

a.green:link {color: #008000;}
a.green:active {color: #008000;}
a.green:visited {color: #008000;}
a.green:hover {color: #000000;}

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

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

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

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