@charset "utf-8";
/* All CSS
Reset		reset.css		เก็บไฟล์ Reset
Layout		layout.css		กำหนดรูปแบบเลย์เอาท์ชองเว็บทั้งหมก
Theme		theme.css		กำหนดรูปแบบโดยรวมของ Theme นั้นๆ

*/

body,td,th {
	font-family: Tahoma, Verdana, sans-serif;
	color:#6d593b;
	font-size:12px;
}
body {
	background:url(../images/bg.png) repeat-x top fixed #e0ff83;
}

/*Link style*/
a {
	text-decoration: none;
}
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #666;
}
a:active {
	color: #333;
}

/* Text Style*/

.article h4,.article h6{
	margin:10px;
}

.footer span {
	color:#666;
	margin:5px;	
	font-size:0.9em;
}

/* Container */
#container {
	background:url(../images/container-bg.png) top repeat-x #bdcda6;
}
#absolute-header1 {
	display:block;
	right:-100px;
}
/*Header*/
#header {
	height:235px;
	background:url(../images/header-bg.jpg);
}
#header .logo {
	width:100px;
	height:100px;
	left:50px;
	display:block;
	top:50px;
}
#header .company-name {
	text-shadow:1px 1px 1px #FFF;
	top:75px;
	left:170px;
	display:block;
	width:auto;
}
#header .company-des {
	text-shadow:1px 1px 1px #FFF;
	top:110px;
	left:250px;
	display:block;
	width:auto;
}
#header .company-name h1 {
	color:#333;
	font-size:3em;
	text-transform:uppercase;
}
#header .company-des h3 {
	font-size:2em;
	text-transform:uppercase;
	color:#666;
 
}
/* Navigation */
#nav {
	left:0px;
	display:block;
	top:200px;
	width: 960px;
	height:40px;
}
ul.mainmenu {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	float:left;
}
ul.mainmenu li {
	float:left;

}
ul.mainmenu li a {
	display:block;
	margin:1px;
	color:#360;
	font-size:1.2em;
	padding:8px 15px;
}
ul.mainmenu li a:hover {
	background:#360;
	color:#FFF;
}
ul.mainmenu li a.current_page {
	background:#360;
	color:#FFF;
}
.mainmenu_expand {
	background:url(../images/mainmenu_expand_bg.png) bottom repeat-x;
}
form.login div {
	
	width:90px;
	margin:2px 3px;
	float:left;
}
form.login input.userpass {
	width:90px;
	height:15px;
	font-size:0.9em;
	color:#666;
	border:1px solid #666;
}
form.login input.userpass:focus {
	border:1px solid #F30;
	color:#F30;	
}
form.search div {
	
	width:200px;
	margin:5px;
}
form.search input.search {
	width:185px;
	height:15px;
	font-size:0.9em;
	color:#666;
	border:1px solid #666;
	background:url(../images/search.png) left no-repeat #FFF;
	padding-left:15px;
}
form.search input.search:focus {
	color:#F30;
	border:1px solid #F30;
	background:url(../images/search-focus.png) left no-repeat #FFF;
	padding-left:15px;
}

.section {
	overflow:hidden;
	background:#FFF;
}
.header {
	color:#333;
	background:url(../images/section-header-bg.png);
	height:auto;
	overflow:hidden;
	padding:5px !important;
	
}
.header .icon img {
	display:none;
}
.header .icon {
	width:11px;
	height:11px;
	background:#FFF;
}
.footer {
	background:#eeeeee;
	font-size:11px;
}

.article ul.services {
	margin:15px 30px;
	padding:5px;
	border:1px dotted #777a99;
	list-style:none;	
}
.article ul.services li {
	background:url(../images/services-bullet.png) left no-repeat;
	padding:5px 5px 5px 15px;
	border-bottom:1px dotted #CCC;
}
.article ol.faq {
	margin:15px 30px;
	list-style:none;
}
.article ol.faq li {
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
}
.article ol.faq li h6 {
	background:#360;
	color:#FFF;
}

/* Footer*/
#footer {
	height:50px;
	background:#360;
	color:#FFF;
}
