  /*
Title : DESIGN BY CSSSIAM  Version 2.0 
Author : TAWAT LAMPHOOSRI {RYOKO}
Mail: csssiam@hotmail.com
Url : http://www.csssiam.com
Address: 26/3 m.8 T.khamlon A.Lansaka P.Nakhon Si Thammarat 80230
*/
@charset "utf-8";
/* Read First 

*/

@import url(contactus.css); 
body { 	background-color:ececeb;
	padding: 0;
	margin: 0;
	background-image:url(images/bg-design-2010.png);
	background-repeat:repeat-x;
}
td{ vertical-align:top;}
img {
	border: none;
}
 

A{ color:#1762a0;text-decoration: none;font-size:1.1em;font: sans-serif;}
A:link{color:#1762a0;text-decoration: none;font-size:1.1em;font: sans-serif;}
A:hover{color:#ff8209; text-decoration:none; font-size:1.1em;font: sans-serif;}
A:active{COLOR:#ff8209;TEXT-DECORATION: none;font-size:1.1em;font: sans-serif;}

.left-box{ padding:0 0 0 0.5em; margin:0; list-style-type:none; width:94%; }
.left-box li{ padding:0; margin:0; list-style-type:none;}
.sub-list{ padding:0; margin:0; width:95%;}
.sub-list li{ margin:0 0 0.5em 0; vertical-align:middle;}
.l-pt{ text-align:center; margin:0.3em 0.1em 0 0 ;  width:99%;}
.box-ac{ width:98%; text-align:left; margin:0 0.5em 0.2em 0.5em; overflow:hidden;font: sans-serif; font-size:0.9em; color:#b3b2b2;}
A.siam:link, A.siam:visited, A.siam:active{font: sans-serif;
 font-size:0.9em;
color:#146e05;
text-decoration: none;
}
A.siam:hover{font: sans-serif;
font-size:0.9em;
color:#FF3300;
text-decoration: underline;
}

A.siam-cs:link, A.siam-cs:visited, A.siam-cs:active{font: sans-serif;
 font-size:0.9em;
color:#CC9900;
text-decoration: none;
}
A.siam-cs:hover{font: sans-serif;
font-size:0.9em;
color:#FF6600;
text-decoration: underline;
}

A.siam-read:link, A.siam-read:visited, A.siam-read:active{font: sans-serif;
 font-size:0.9em;
color:#0062c5;
text-decoration: none;
}
A.siam-read:hover{font: sans-serif;
font-size:0.9em;
color:#FF0000;
text-decoration:none;
}
.box-ac-right{ text-align:right; margin:0 0.5em 0 0; border-top:1px solid #80d7cf;}
.bg-intro{
background-image:url(images/center-design-2010.png);
background-repeat:no-repeat;
height:160px;
width:586px;
text-align:center;}
.bg-intro div{ color:#14756b;
text-align:left; width:94%; overflow:hidden; padding:0.5em 1em 0 0;  line-height:1.3em;font: sans-serif; font-size:0.9em;} 
.bar-pro{ background-image:url(images/port-design-2010.png); width:586px; height:55px; vertical-align:middle;font: sans-serif; font-size:0.9em; color:#989797; background-repeat:no-repeat;} 
.bar-pro-eng{ background-image:url(images/portfolio-main2010.png); width:586px; height:55px; vertical-align:middle;font: sans-serif; font-size:0.9em; color:#989797; background-repeat:no-repeat;} 

.bar-pro-1{ background-image:url(images/bar-main-design-2010.png); width:586px; height:55px; vertical-align:middle;font: sans-serif; font-size:0.9em; color:#989797; background-repeat:no-repeat;}
.eng-bar-pro-1{ background-image:url(images/eng-main2010.png); width:586px; height:55px; vertical-align:middle;font: sans-serif; font-size:0.9em; color:#989797; background-repeat:no-repeat;}

.footer{ background-color:#f3f5f6; height:80px;font: sans-serif; color:#030000; font-size:0.9em; text-align:center; line-height:1.4em;}
.footer div{  border-top: 0.3em  solid #2cb3a5; padding:0.6em;}
.showdetail{ width:97%;font: sans-serif; font-size:0.9em; text-align:left; margin:0.9em 1em 0 0.8em; color:#a6a6a6;}
.bar-name-wid{ width:98%; text-align:right; margin:1em 0 0 0;}
.catagory-pra{font: sans-serif; font-size:0.9em;
color:#999999;}






