/*#############################################################
Name: 4Colors Design Inc.
Date: 2009-02-17
Author: Saran Dontreecharoen
URL: http://wwww.4colorsdesign.com

#############################################################*/
@charset "utf-8";
/* body section */
body { 
background:url(images/bg.jpg) no-repeat #f0eee1;
font-size:13px;
line-height:18px;
color:#6e6e6e;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

ul,li{
	margin:5px;
	padding:0px;
	padding-bottom:20px;
}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:20px;
}

/*  */

#preview{
	position:absolute;

	
	padding:5px;
	display:none;
	color:#fff;
	}
/* text section */
img,fieldset{
border:none;
}
a{
text-decoration:none;
color:#72b84c;
}
a:hover{
text-decoration:underline;
color:#72b84c;
}
/* head section */
.top { 
background:url(images/top_bg.png) no-repeat;
height:auto;

}
h1 {
font-size:16px;
color:#72b84c;
line-height:24px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}
h2 {
font-size:14px;
color:#5a3e1d;
line-height:24px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}
.content { background:url(images/bg.png) repeat-y;
}
.address {
font-size:11px;
line-height:14px;
color:#6e6e6e;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
}
/* menu section */
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:47px;
	font-size:13px;
	background:transparent url("images/menu-bg.png") top left;
	font-family:Arial,Verdana,sans-serif;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	margin-left:17px;
	pading:0;
	
	}
ul#menu li a{
	display:block;
	float:left;
	color:#73b64c;
	text-decoration:none;
	padding:15px 2px 0 2px;
	height:24px;
	height:33px;
	}
ul#menu li a:hover{
	color:#5b3e1c;
	background:transparent url("images/blue.jpg") repeat-x top left;	
	}
/* box */
.NewsBox { 
background:url(images/news_box.png) no-repeat top left;
height:142px;

}
.contactBox { 
background:url(images/Contact_box.png) no-repeat top left;
height:164px;

}

/* Coppyright */
.copytext {
font-family:Arial,Verdana,sans-serif;
font-size:10px;
color:#5a3e1d;
}
.lang {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
color:#686868;
font-weight:bold;
}
.lang a {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
color:#686868;
font-weight:bold;
}
.lang a:hover {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
color:#686868;
font-weight:bold;
}
.red {
	color: #FF0000;
	font-weight: bold;
}