/*
Title : DESIGN BY CSSSIAM  Version 0.3 
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);
@import url(photo.css);
@import url(print.css);
html body{
padding:0;
margin:0;
scrollbar-3dlight-color:#ffffff; 
scrollbar-arrow-color:#CBC9C9; 
scrollbar-base-color:#CBC9C9; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-face-color:#ffffff; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#CBC9C9;
font-family:"ms Sans Serif", tahoma;
font-size:12px;
background-image:url(images/csssiam-bg.png); 
background-repeat:repeat-x;
background-attachment:scroll;
background-color:#fbf3cf;}
li{ list-style:none;}
A{ 
color:#FF0000;
text-decoration: none;
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1.1em;}
A:link{
color:#FF0000;
text-decoration: none
font-size:1.1em; 
font-family:tahoma, "ms Sans Serif", verdana;
}
A:hover{
color:#0033CC;
text-decoration:none;
font-size:1.1em;
font-family:tahoma, "ms Sans Serif", verdana;
}
A:active{
COLOR:#0033CC;
TEXT-DECORATION: none; 
font-family:tahoma, "ms Sans Serif", verdana;
 }
 
A.more:link, A.more:visited, A.more:active{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#FFFF00;
background:none;
text-decoration: none;
text-transform:none;
}
.md1{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0; padding:0; color:#090;}
A.more:hover{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#FFFFFF;
background:none; 
text-transform:none;
text-decoration: none;
}
A.t-lnk:link, A.t-lnk:visited, A.t-lnk:active{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#00a651;
background:none;
text-decoration: none;
text-transform:none;
}
A.t-lnk:hover{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#FF0000;
background:none; 
text-transform:none;
text-decoration: none;
}

A.mnu:link, A.mnu:visited, A.mnu:active{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1.3em;
color:#fff;
background:none;
text-decoration: none;
text-transform:none;
}
A.mnu:hover{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1.3em;
color:#FFFF00;
background:none; 
text-transform:none;
text-decoration: none;
}
A.zoom:link, A.zoom:visited, A.zoom:active{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#FF3300;
background:none;
text-decoration: none;
text-transform:none;
}
A.zoom:hover{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#008c44;
background:none; 
text-transform:none;
text-decoration: none;
}
A.exchang:link, A.exchang:visited, A.exchang:active{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#008c44;
background:none;
text-decoration: none;
text-transform:none;
}
A.exchang:hover{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:1em;
color:#FF6600;
background:none; 
text-transform:none;
text-decoration: none;
}

A.detail-1:link, A.detail-1:visited, A.detail-1:active{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:0.9em;
color:#333;
background:none;
text-decoration: none;
text-transform:none;
}
A.detail-1:hover{
font-family:tahoma, "ms Sans Serif", verdana;
font-size:0.9em;
color:#060;
background:none; 
text-transform:none;
text-decoration: underline;
}
.main-box{ margin:0; padding:0; font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif;color:#d11a21;}
h2{ margin:0; padding:0; font-size:1.6em; font-family:tahoma, "ms Sans Serif", verdana;  color:#d11a21;}
h3{ margin:0; padding:0; font-family:tahoma, "ms Sans Serif", verdana; color:#009900;}
h4{ margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif;color:#c53333; font-size:1.1em;}
ul{ margin:0; padding:0; }
td{ vertical-align:top;}
img{ border:0;} 
#main{ 
display:block;
width:990px;
text-align:left;
margin:0;
padding:0; }
#main li{ display:block;}
#logo{ text-align:left;
float:left;
height:120px;
width:739px;
background-image:url(images/webdesign-css-h_01.png); background-repeat:no-repeat;}
#name1{
text-align:right;
float:right;
width:251px;
background-image:url(images/webdesign-css-h_02.png);
background-repeat:no-repeat;
height:120px;}
#name1 div{
padding:0.3em 0 0 0.7em;
font-size:1.3em;
font-family:"Times New Roman", Times, serif;
width:95%; overflow:hidden;
text-align:left;}
#e-top{ font-size:0.9em; color:#FF0033;}
#logo div{ 
padding:0.4em 0 0 0; 
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em}
#box-2{  display:block; width:990px;}
 #box-2-2{display:block;}
 #iea{ background-color:#00FF00;}
.main-l{ width:818px;  float:left;}
.main-r{ width:172px; float:left; background-color:#fbf3cf; background-image:url(images/right.png);
background-repeat:no-repeat; height:1014px; background-position:left; text-align:right;} 
.main-l ul{ margin:0; padding:0;}
#css-bg-01{ background-image:url(images/css-bg.png); 
background-repeat:repeat-y;} 
#css-bg-01 ul{ margin:0; padding:0;}
.about-01{ margin:0 0 0 2.5em; padding:0; }
.box-01-02{ border: 1px solid #ececec; padding:0.3em;width:95%; background-color:#f8f8f8; overflow:hidden; font-family:tahoma, "ms Sans Serif", verdana; color:#333333; font-size:1em; text-align:left; line-height:1.4em;}
.css-intro-01{ 
background-image:url(images/webdesign-css.png); 
height:175px; 
width:768px;
overflow:hidden; background-repeat:no-repeat;}
 .text-intro-01 li{ margin:1.2em 0.8em 0 0; padding:0; font-family:tahoma, "ms Sans Serif", verdana; font-size:1em; line-height:1.5em; color:#534508; width:97%;}
 #lge{ color:#FFFF00; font-size:1em; font-family:Tahoma, Geneva, sans-serif;}
#port-css{ background-image:url(images/port-css.png);
background-repeat:no-repeat;
width:118px; 
height:23px; 
font-size:1.4em;
font-family:tahoma, "ms Sans Serif", verdana;
 color:#fff;
 padding:0.1em 0 0 0.5em;} 
 #bar-01{ border-bottom:2px dotted #009966;}
 .port-text{ color:#464646; font-family:tahoma, "ms Sans Serif", verdana; font-size:1.1em;}
 .port-text b{ color:#0a6f3b;}
 .footer{ background-image:url(images/footer-css.png);
 width:818px;
 height:113px;
 background-repeat:no-repeat;
 padding:0.7em 0 0 0;}
 .text-02-foot{ text-align:center; color:#9a831b;
 font-family:tahoma, "ms Sans Serif", verdana;}
 .main-menu{ text-align:left;}
 .main-menu ul{ margin:0; padding:0;}
 .main-menu li{ margin:0.5em 0 0 2.5em;}
 #e1{ margin:0.9em 0 0 2.5em;}
 #e2{ margin:1em 0 0 2.5em;}
#e3{ margin:0.9em 0 0 2.5em;}
/*main-menu-login*/
.main-menu-login{ text-align:left;}
.main-menu-login ul{ margin:0; padding:0;}
.main-menu-login li{ margin:1.5em 0 0.2em 0.9em; border:0 solid #00FF00}
.name-input{ 
height:13px; 
color:#F42F08;
font-size:1.1em;
border:none;
background-color:#eee4b9;
width:135px;
vertical-align:middle; 
 font-family:"mS Sans Serif", tahoma, verdana;}
/*end-main-menu-login*/
.main-menu-link{ text-align:left; margin:0 0 0 0.3em; width:155px;overflow:hidden; }
.main-menu-link ul{ margin:0; padding:0;}
.main-menu-link li{ margin:0.2em 0 0 0; border-bottom: 2px dotted #dec96f;} 
.text-about{ font-family:tahoma, "ms Sans Serif", verdana; font-size:1.1em; line-height:1.3em; }
.bbdy{ border-bottom:2px dotted #f4f4f4;}
.box-about{ 
width:97%;
text-align:center;
margin:0; 
padding:0;
 overflow:hidden;} 
.show-ph{ margin:0 0 0 1.5em;  width:95%;}
.nam-sh{ text-align:left;}
.nam-sh div{ margin:0.8em 0 0 1.2em;}
.detil-dph{ text-align:left;}
.detil-dph div { font-family:Tahoma, Geneva, sans-serif; font-size:1.1em;
color:#000; margin:0 0 0 1.7em; width:92%; overflow:hidden; border:1px  dotted #008c44; background:#faf4f7; padding:0.5em;}
.ima{ color:#060; font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; margin:0; padding:0; font-weight:bolder;}