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

h1 {
font-family: Trebuchet MS, Arial, Serif; font-size: 18px; color: #78006c 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: #711071; 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: #711071; 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; background-image: url(images/background222.gif);
}

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

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

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

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

.time {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #cccccc; 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;
}

.linkmain1 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 15px; color: #ffffff; background: #0c0c0c; border: 0px none; line-height: 18px; font-weight: bold;
}

a.linkmain1:link {color: #ffffff; background: #0c0c0c;}
a.linkmain1:active {color: #ffffff; background: #0c0c0c;}
a.linkmain1:visited {color: #ffffff; background: #0c0c0c;}
a.linkmain1:hover {color: #78006c; background: #DDDDDD;}

.linksbg {
font-family: Trebuchet MS, Arial, Verdana, ; font-size: 12px; color: #ffffff; font-weight: normal; line-height: 21px; padding: 0px; background-image: url(images/linksbg4.jpg);
}

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

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

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

.header {
font-family: Trebuchet MS, Arial, Serif; font-size: 13px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 26px; padding-left: 10px; font-weight: bold; background-image: url(images/header1bg.gif);
}

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

.header2 {
font-family: Trebuchet MS, Arial, Serif; font-size: 13px; color: #FFFFFF; background-color: #711071; border: 1px solid #ffffff; padding-left: 5px; line-height: 21px; font-weight: bold;
}

.header2a {
font-family: Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #711071; 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: #711071; 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: #711071; 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: #e9e9e9; border: 1px 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;
}

.headermenu2a {
font-family: Trebuchet MS, Arial, Serif; font-size: 13px; color: #FFFFFF; background-color: #666666; border: 0px none; line-height: 28px; 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;
}

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

.homelistings2 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #e9e9e9; font-weight: normal; line-height: 20px; padding: 8px; border: 1px solid #000000;}
}

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

.price {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #711071; background-color: #ffffff; font-weight: bold; line-height: 20px; padding-left: 5px; border: 1px solid #000000;}
}

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

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

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

.bottom-links2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; color: #000000; background-color: #e9e9e9; border: 0px none; line-height: 25px; font-weight: normal; background-image: url(images/bottom-bg.gif);
}

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

.greycolora {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
background-color: #CECFCE;
border: 0px none;
line-height: 24px;
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;
}

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

.no-credit-card-red {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #FF0000; font-weight: normal; line-height: 18px; padding: 0px;}

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

.form1 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #c8c8c8; font-weight: bold; line-height: 20px; padding: 10px; 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: #000000; background-color: #99cbff; font-weight: normal; line-height: 20px; 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;}

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

.client2 {
font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #000000; background-color: #711071; font-weight: normal; line-height: 21px; padding: 2px;}

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

.client4 {
font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #000000; background-color: #ffff80; font-weight: normal; line-height: 21px; padding: 2px;}

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

.linebg1 {
font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; color: #ffffff; background-color: #711071; font-weight: normal; line-height: 25px; padding: 0px; background-image: url(images/line1.gif);
}

.linebg1a {
font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; color: #ffffff; background-color: #711071; font-weight: normal; line-height: 25px; padding: 0px; background-image: url(images/linebg1a.gif);
}

.whitecolor {
background-color: #FFFFFF;
}

.greycolor {
background-color: #CECFCE;
}

.greycolor2 {
background-color: #CECFCE;
}

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

.domain-name-check-header {
background-image: url(images/domain-name-check-header.gif);
}

.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: #711071;
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; 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: #711071;
}

a.white-purple:link {color: #ffffff; background: #0c0c0c;}
a.white-purple:active {color: #ffffff; background: #0c0c0c;}
a.white-purple:visited {color: #ffffff; background: #0c0c0c;}
a.white-purple:hover {color: #78006c; background: #DDDDDD;}

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

a.purple:link {color: #711071;}
a.purple:active {color: #711071;}
a.purple:visited {color: #711071;}
a.purple:hover {color: #ea9801; background: #ffffff;}

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

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

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

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

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

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

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

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: #711071; 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;}

.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Trebuchet MS, Arial;
color: #ffffff;
background: #711071 url(titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 0px 0px 0px 10px; /*header text is indented 10px*/
line-height: 21px;
border-bottom: 0px solid #dadada;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #711071;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 9px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #711071;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #711071;
background-color: #F3F3F3;
}

.arrowlistmenu2{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu2 .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Trebuchet MS, Arial;
color: #ffffff;
background: #666666 url(titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 0px 0px 0px 10px; /*header text is indented 10px*/
line-height: 21px;
border-bottom: 0px solid #dadada;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu2 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu2 ul li a{
color: #711071;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 9px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu2 ul li a:visited{
color: #711071;
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #711071;
background-color: #F3F3F3;
}

p.vb1 {
font-size: 10px;
text-align: left;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
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: Trebuchet MS, 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: 178px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}

.boxb {
margin: 5px 0px 5px;
padding: 0px;
width: 180px;
background-color: #ffffff;
border: 1px solid #cccccc;
}

.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: Trebuchet MS, Arial, Serif;
font-size: 12px;
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;}