body  {
  padding: 0;
  margin: 0;
  background-color: #f1f1f1;
  text-align: center;
}

table, img { border: 0; }

font, th, td, p, span, br, div { 
  font: 11px arial, sans-serif;
  color: #454444;
}

a, a:link, a:visited { color: #152aec; text-decoration:underline; }
a:hover { color: #ff0000; text-decoration: underline;}

span.large {
  color: #000;
  font: 13px arial, sans-serif;
}

p {
  margin: 0;
  padding: 5px 0 5px;
}

#contentcontainer, #menusidetabs ul li, #menusidetabs ul a, #nav ul li, #nav ul a, #menu, #w3c, #terms {
  position: absolute;
}

#menusidecontainer, #menusidetabs, #logowrapper, #logo, #placeorder, #content, #nav, #nav ul, #flash9, #flash9in, #flash9news, #news, #menu ul li, #menu ul li ul li, #menu ul a, #maincontent, #maincontenttop, #maincontentbot, #maincontentbody, #contentpadtop, #contentpadbot, #copyright, #maincontenttoppage {
  position: relative;
}


#container {
  width: 734px;
  margin: 0 auto;
  text-align: left;
}

#contentcontainer {
  width: 734px;
  background: url(img/body.gif) top left repeat-y;
  text-align: left;
}

#menusidecontainer {
  left: 711px;
  width:23px;
  z-index: 10;
}

/* removed side tabs */
#menusidetabs {
  display: none;
  width: 23px;
  height: 140px;
  top: 65px;
  margin: 0;
}

#menusidetabs ul {
  width: 23px;
  height: 140px;
  background: transparent url("img/tabs.gif") 0px 0px no-repeat;
  margin: 0;
  padding: 0;
} 

#menusidetabs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  top: 0;
} 

#menusidetabs ul a {
  margin: 0;
  padding: 0;
  display: block;
  width: 23px;
}

#menusidetabs ul li a span {
  display: none;
}

#thaitab     a { top: 0px; height: 59px; }
#japanesetab a { top: 64px; height: 76px; }

#thaitab a:hover {background: transparent url(img/tabs.gif) -23px 0px no-repeat; }
#japanesetab a:hover {background: transparent url(img/tabs.gif) -23px -64px no-repeat; }



#logowrapper {
  padding: 25px 25px 0 24px;
  width: 735px;
  height: 90px !important;
  height: 115px;
  background: transparent url(img/bodyhead.gif) top left no-repeat;
}

#logo {
  top: 10px;
  left: 25px;
  float: left;
}  

#placeorder {
  top: 20px; 
  left: 175px;
  float: left;
}

#logo span { 
  color: #838383; 
  font: 9px verdana, sans-serif; 
}


#content {
  width: 735px;
  padding: 0 26px 0 26px;
  background: url(img/bodyfoot.gif) bottom left no-repeat;
}

#nav  {
  width: 689px;
  padding-left: 22px;
}

#nav ul {
  width: 689px;
  height: 36px;
  background: transparent url("img/nav.gif") 0px 0px no-repeat;
  margin: 0;
  padding: 0;
} 

#nav ul li {
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display:inline;
} 

#nav ul a {
  margin: 0;
  padding: 0;
  display: block;
  height: 36px;
}

#nav ul li a span {
  display: none;
}

#homenav a {left: 4px; width: 92px;}
#aboutnav a {left: 97px; width: 119px; }
#servicenav a {left: 217px; width: 111px; }
#samplenav a {left: 329px; width: 137px; }
#communitynav a {left: 467px; width: 97px; }
#contactnav a {left: 565px; width: 120px; }

#homenav a:hover {background: transparent url("img/nav.gif") -4px -36px no-repeat;}
#aboutnav.on a, #aboutnav a:hover {background: transparent url("img/nav.gif") -97px -36px no-repeat;}
#servicenav.on a, #servicenav a:hover {background: transparent url("img/nav.gif") -217px -36px no-repeat;}
#samplenav.on a, #samplenav a:hover {background: transparent url("img/nav.gif") -329px -36px no-repeat;}
#communitynav.on a, #communitynav a:hover {background: transparent url("img/nav.gif") -467px -36px no-repeat;}
#contactnav.on a, #contactnav a:hover {background: transparent url("img/nav.gif") -565px -36px no-repeat;}

#flash9 {
  width: 685px;
  height: 95px;
  padding-left: 26px;
  display: block;
}

#flash9in {
  width: 685px;
  height: 82px;
  padding-left: 26px;
  display: block;
}

#flash9news {
  width: 715px;
  height: 38px;
  padding-left: 26px;
  background: transparent url("img/flash9.jpg") 26px 0px no-repeat;
}

#news {
  top: 9px;
  left: 20px;
  float: left;
  color: #fff;
  font: bold 12px Arial, sans-serif;
}


#w3c {
  width: 200px;
  left: 10px;
  margin: -10px 0 0 30px;
  height: 30px;
}

#terms {
  width: 220px;
  left: 450px;
  margin: 0 0 0 0;
}

#terms a {
  color: #898989;
  font: 9px Verdana, sans-serif;
}


#copyright {
  top: 0;
  margin: 10px 0 0;
  padding: 20px 0 0;
  width: 330px;
  left: 360px;
  color: #898989;
  font: 9px Verdana, sans-serif;
}

#menu {
  width: 157px;
  height: 160px;
  background: transparent url("img/menuback.jpg") top left no-repeat;
}

#menu ul {
  margin: 6px 0 0;
  padding: 0;
}

#menu ul li ul {
  margin: 0;
  padding: 0;
}

#menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: auto;
  width: 157px;
  float: left;
  clear: left;
}

#menu ul li ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 16px;
  float: left;
  clear: left;
}

#menu ul a {
  display: block;
  width: 157px;
  height: 16px;
  text-indent: 20px;
  color: #545454;
  text-decoration: none;
  background: transparent url("img/menuli.gif") bottom left no-repeat;
  font: bold 11px Verdana, sans-serif;
  z-index: 10;
}

#menu ul a:hover {
  background: transparent url("img/menulion.gif") bottom left no-repeat;
  color: #51a916;
  z-index: 20;
}

#menu ul li ul a, #menu ul li ul a:hover {
  text-indent: 30px;
  background: transparent url("img/submenuback.gif") bottom left no-repeat;
  font: normal 11px Verdana;
}

#maincontent {
  left: 158px;
  width: 524px;
  background: #aee530 url("img/contentback.jpg") top left no-repeat;
}

#maincontenttop {
  top: 6px;
  left: 7px;
  background: #fbfaf7 url("img/contentbacktopg.jpg") top left no-repeat;
  width: 510px; 
  padding-bottom: 20px;
  height: 104px;
}

#maincontenttoppage {
  top: 6px;
  left: 7px;
  background: #fbfaf7 url("img/toppagebacktop.jpg") top left no-repeat;
  width: 510px; 
  padding-bottom: 10px;
  height: 104px;
}

html>body #maincontenttop, html>body #maincontenttoppage {
	min-height: 104px;
  height: auto;
}



#maincontentbot {
  background: #aaa url("img/contentbackbotg.gif") top center no-repeat;
  height: 10px;
  width: 524px; 
} 

#maincontentbody {
  left: 7px; 
  width: 510px;
  background: #fbfaf7 url("img/ws9corner.jpg") bottom right no-repeat;
  padding: 0 0 10px 0;
}


h1.top {
  height: 12px;
  width: 452px;
  background: transparent url("img/line1.gif") bottom center no-repeat;
  padding: 7px 0;
  margin: 0 0 2px;
}

h1.in {
  width: 452px;
  background: transparent url("img/line1.png") bottom center no-repeat;
  padding: 10px 0;
  margin: 0 0 2px;
}

#contentpadtop, #contentpadbot {
	margin: 0;
	padding: 0 0 5px;
	left: 19px;
	top: 5px;
	width: 462px;
}

h2 {
	padding: 7px 0;
	margin: 0 0 2px;
}

h3 {
  position: relative;
  color: #fff;
  font-size: 14px;
  margin: 10px 0 10px 0;
  padding: 2px 0 0 15px;
  height: 19px;
  width: 435px;
  background: transparent url("img/h3_back.gif") top left no-repeat;
}

h4 {
  color: #545454;
  font-size: 12px;
  padding: 10px 0 5px 0;
  margin: 0;
}

#contentpadtop ul {
  margin: 0;
  padding: 0 0 2px 20px;
}

#contentpadtop ul li {
  list-style-type: disc;
}
span.startingat {
  font: bold 15px Arial, sans-serif;
}

span.price {
	color: #bf0000;
	font: bold 16px Arial;
}

span.subtotal {
	color: #545454;
	font: bold 16px Arial;
}

#plan1, #plan2, #plan3 {
  padding: 5px 2px 10px 2px;
  margin: 0;
}

td.line2 {
  background: url("img/line2.gif") top left repeat-y;
  text-align: left;
  width: 10px;
}

#pricing1, #pricing2, #pricing3 {
  vertical-align: top;
  height: 60px;
  margin: 0;
  padding: 0;
}

.details, a.details a, a:visited.details {
	text-decoration: underline;
	color: #152aec;
	font: bold 12px Arial, sans-serif;
  padding-top: 5px;
}

td.tdtop {
  vertical-align: top;
}

#category, #standardcategory {
  width: 452px;
  padding: 2px 0 10px 0;
  margin: 0 0 15px;
  text-align: right;
  background: transparent url("img/line1.gif") bottom left no-repeat;
  position: relative;
}

#standardcategory {
  text-align: left;
}

#innercategoryform {
 margin-top: 4px;
 margin-bottom: 4px;
 left: 50px;
 position: relative;
 width: 200px;
 z-index: 35;
}

#innercategoryleft {
 margin-top: 8px;
 position: absolute;
 z-index: 25;
}

#innercategoryright {
  margin-top: 8px;
  width: 452px;
  text-align: right;
  z-index: 30;
}

form { 
  margin: 0;
  padding: 0;
}

input, select, textarea {
	color : #000000;
  font : normal 11px Osaka, Arial, Verdana, Helvetica, sans-serif;
  padding: 0;
  margin: 0 3px 1px 0;
}


input {
  vertical-align: middle;
}

input.top {
  vertical-align: top;
}

.page {
 color: #000; 
 font :  12px Osaka, Arial, Verdana, Helvetica, sans-serif;
}

.paging { 
 color: #000; 
 font : bold 12px Osaka, Arial, Verdana, Helvetica, sans-serif;
}

a.paging:link, a.paging:active, a.paging:visited {
	color: #000;
  font-weight: 400;
  text-decoration: none;
}

a.paging:hover { color: #ec1515;}


td.templatetd {
  width: 150px;
  vertical-align: top;
  text-align: center;
}

td.templatedetailltd {
  vertical-align: top;
  text-align: left;
}

td.templatedetailltd60 {
  height: 60px;
  vertical-align: top;
  text-align: left;
}

td.templatedetailrtd {
  vertical-align: top;
  text-align: right;
}

td.templatedetailrtdbut {
  height: 30px;
  vertical-align: top;
  text-align: right;
  padding-right: 5px;
}

#templatetable div {
  padding: 0 8px 0 8px;
}

#searchresult {
  width: 452px;
  text-align: right;
	color: #626262;
	font:  11px Arial, sans-serif;
}




.detailstem, a.detailstem a, a:visited.detailstem {
	text-decoration: underline;
	color: #152aec;
	font: 11px Arial, sans-serif;
  padding-top: 5px;
}

a:hover.detailstem { color: #ec1515; }





#downloaddoc {
  width: 452px;
  text-align: center;
  padding: 10px 0 10px 0;
}





#sampleworkpagingtop, #sampleworkpagingbot {
  padding: 10px 0 10px 0;
  width: 452px;
  text-align: right;
  z-index: 30;
}


/* Sample Work */
img.sampleimg {
  padding: 9px 0 0 9px;
}

td.sampleworktd {
  width: 153px;
  height: 135px;
  vertical-align: top;
  text-align: left;
  background: url("img/sampleworkback.png") top left no-repeat;
}


#contactus {
  padding: 35px 0 0 0;
}

#confirmorder {
  padding: 10px 0 0 0;
}


input.contactus, select.contactus, textarea.contactus {
  width:270px;
  border-width: 1px;
  border-color: #a9f547;
  background-color: #f2fdd0;
  border-style: solid;
  text-indent: 2px;
  margin-left: 10px;
}

#confirmform div {
  width:270px;
  border-width: 1px;
  border-color: #eee;
  background-color: #f2fdd0;
  border-style: solid;
  text-indent: 2px;
  margin-left: 10px;
}

td.contactus {
  padding-top: 2px;
  font-size: 11px;
  width: 160px;
  height: 24px;
  text-align: right;
  vertical-align: top;
}

td.submit {
  height: 40px;
  vertical-align: middle;
  text-align: right;
  margin-right: 10px;
}

.req { 
  color:#ff0000;
  font-weight: bold;
}

#required, #required_message, #message, #contact_success {
  padding: 0 0 10px 0;
}

#message {
  font-size: 11px;
  color: #ff0000;
  text-align: left;
  width: 452px;
}

img.alignmid {
  vertical-align: middle;
}

img.krungsri {
  vertical-align: middle;
  padding: 10px 3px 3px 2px;
  margin: 0;
}


td.banktd {
  width: 150px;
  height: 15px; 
}



#ordering {
  margin: 0;
  padding: 0 0 0 25px;
}

#ordering li {
  padding: 1px 0 1px 0;
  margin: 0;
}


.serviceimg {
  margin: 0;
  float: right;
}

th {
  text-indent: 3px;
}

th.package {
  background-color: #9ccd58;
  text-align: center;
  margin: 0 0 0 10px;
  height: 20px; 
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

th.detail {
  background-color: #9ccd58;
  text-align: left;
  margin: 0 0 0 10px;
  height: 20px; 
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

td.packlightleft, td.packlight {
  height: 20px;
  background-color: #fcffe4;
  text-indent: 2px;
}

td.packlightleft { text-align: left; }
td.packlight { text-align: center; }

td.packdarkleft, td.packdark {
  height: 20px;
  background-color: #ecfacc;
  text-indent: 2px;
}

td.packdarkleft { text-align: left; }
td.packdark { text-align: center; }



#planright {
 float: right;
 padding: 0 25px 0 0;
 margin: 0 0 0 0;
 width: 118px;
 text-align: left;
}

img.planimg, img.imgpadbot {
  position: relative;
  padding-bottom: 5px;
}


#templatecontainer {
  width: 681px;
  background: url("img/templateback.jpg") top center no-repeat;
  position: relative;
}

#templateimg {
  text-align: right;
  width: 520px;
  left: 80px;
  padding: 0;
  position: relative;
}

#templatechoose {
  float: right;
}

img.imgtemplatedetail {
  padding: 5px 0 0 0; 
  margin: 0;
}

#templateback {
  float: left;
}

#templatedetail {
  margin: 0;
  padding: 15px 0 10px 0;
  left: 20px;
  position: relative;
  display: block;
  text-align: left;
}


#bread {
  font: 11px Arial;
  position: relative;
  margin: 0;
  padding: 0 0 0 3px; 
}

#bread a, #bread a:visited {
	color: #152aec;
	text-decoration: none;
	font: 11px Arial, sans-serif;
  padding-top: 5px;
}


.additional {
  color: #158723;
}


#currentprice {
 float: right;
 padding: 0 25px 5px 20px;
 margin: 0 0 0 0;
 width: 118px;
 text-align: left;
}

#currentpricebot {
 position: relative;
 padding: 0 25px 5px 20px;
 margin: 0;
 width: 118px;
 text-align: left;
 background: #aaa;
}


td.addons {
  width: 220px;
  height: 20px;
}

#addons div {
  padding: 0 0 10px 20px;
  margin: 0;
}


img.imgpackage {
  margin: 0;
  padding: 3px 0 3px 0;
}


.error {
  font-size: 11px;
  color: #ff0000;
}














/* for content */
.rightcontactimg {
  margin: 0;
  float: right;
}
.rightimg {
  margin: 13px 0 0 0;
  float: right;
}

.marginleft20 {
	margin-left: 20px;
}

ol li.olmarginleft20 {
	margin-left: 20px;
}

.red {
	color:#CC0033
}

td.morepack {
  width: 150px;
  text-align: left;
}
















/* page link (Sample work) */
div.pagelink {
	text-align: right;
	margin: 10px 10px 15px 0px;
}


/* Links */
a.linkblue:link, a.linkblue:active, a.linkblue:visited {
	color: #0c50a1;
	line-height: 120%;
	text-decoration: none;
}

a.linkblue:hover {
	color: #fb8800;
	line-height: 120%;
	text-decoration: none;
}

a.linkgray:link, a.linkgray:active, a.linkgray:visited {
	color: #464646;
	line-height: 120%;
	text-decoration: underline;
}

a.linkgray:hover {
	color: #fb8800;
	line-height: 120%;
	text-decoration: underline;
}

#def {
  left: 45px;
  width: 405px;
  padding: 5px 0 10px 3px;
  position: relative;
}

#tags {
	width: 462px;
  left: 0px;
  padding: 3px;
  position: relative;
  background-color: #f6f6f6;
  border-width: 1px;
  border-color: #90d61c;
  border-style: dashed;
}

.thai {
  font-family: MS Sans Serif;
  font-size: 13px;
}