@charset "utf-8";
/* CSS Document */
/*------------------------------
		 General 
--------------------------------*/
@import url("../../css/cookiealert.css");
/*html {-webkit-filter: grayscale(80%); filter: grayscale(80%);}*/
html,body{
margin: 0px;
padding: 0px;
font-family:"Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
font-size:14px;
color:#49493d;
background-image:url(../../images/bg.gif);
background-color:#f6f6f0;
text-align:justify;
}
tb, div {
	text-align:justify;
}
.font-th{
	font:Tahoma;
}
.font-thai{
	font:Tahoma;
	font-size:12px;
	line-height:16px;
}
.font-thai11{
	font:Tahoma;
	font-size:11px;
}
.font-thai14{
	font:Tahoma;
	font-size:14px;
}
.font-thai16{
	font:Tahoma;
	font-size:16px;
	line-height:24px;
}
.font-thai-lh24{
	font:Tahoma;
	font-size:12px;
	line-height:24px;
}
.font13{
	font-size:13px;
}
.font12{
	font-size:12px;
}
.font11{
	font-size:11px;
}
.font10{
	font-size:10px;
}
.font18{
	font-size:18px;
}
.font18dark{
	color:#222;
	font-size:18px;
}
.font20dark{
	font:Tahoma, Geneva, sans-serif;
	color:#222;
	font-size:20px;
}
.font18dark-th{
	font:Tahoma, Geneva, sans-serif;
	color:#222;
	font-size:18px;
}
.frame{
	padding:4px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
}
.white{
	color:#FFF;
}
a img {
border: 0px;
}
a:hover img{
border: 0px;
}
a:visited img {
border:0px;
}
.size14{
	font-size:14px;
}
a {
	font-weight: normal;
	color:#2f4f8b;
	text-decoration:none;
}
a:hover {
	font-weight: normal;
	color:#2f4f8b;
	text-decoration:underline;
}
h1{
	font-size:26px; padding:0; margin:0; font-weight:normal;
}
p {
	margin:0; padding:0;
}
ul{
	margin:0;
	padding-left:20px;
}
li{
	margin:0;
	padding:0;
}
/*-- header --*/
#header{
	width:900px;
	height:107px;
	background-image:url(../../images/top_bg.gif); background-repeat:no-repeat;
	margin-left:auto; margin-right:auto; margin-top:10px;
}
#logo{
	float:left;
	margin-left:16px; margin-top:13px;
	/*width:196px; height:74px;*/
}
#logo img{
	max-width: 400px;
	margin-top: 10px;
}
#lang{
	float:right;
	margin-top:10px; margin-right:10px;
	width:120px; height:18px;
	text-align:right;
}
#slogan{
	clear:right;
	float:right;
	margin-top:5px; margin-right:10px;
	width:365px; height:24px;
	font-size:18px; color:#49493d;
	text-align:right;
}
#menu{
	margin-top:4px;
	clear:left; float:left;
	width:572px; height:45px;
}
#underhead{
	margin-left:auto; margin-right:auto;
	width:900px;
	height:8px;
	background-image:url(../../images/top_bg_under.gif); background-repeat:no-repeat;
}

/* Vertical Navigation */
#vertical-navigation { 
	list-style: none;
	width:100%;
	margin: 0; 
	padding: 0;
	float: left;
	position: relative; z-index:100; display:inline;}


/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative; z-index:100;}

#vertical-navigation li a
{
	float: left;
	display: block;
	text-decoration: none;
	padding:0;
	z-index:100;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a,
#vertical-navigation li a:hover
{
	background-image:url(../../images/bg_menu.gif);
	color: #49493d;
	z-index:100;
}




/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#vertical-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul {display: block; z-index:100;}

#vertical-navigation ul
{
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 45px;;
	left: 0;
}

#vertical-navigation ul li
{
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	z-index:100;
}


/* 
Reset and re style 
link of each child item
*/
#vertical-navigation li:hover ul li a,
#vertical-navigation ul li a
{
	display: block;
	width:220px;;
	padding: 6px 6px 6px 10px;
	float: none;
	font-family:"Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	color: #49493d;
	background: #fff;
	border-style:solid;
	border-width:1px;
	border-color:#eeeee6;
	white-space:nowrap;
	z-index:100;
}

#vertical-navigation li:hover ul li a:hover,
#vertical-navigation ul li a:hover
{
	display:block;
	background:#fff;
	background-image:url(../../images/bg_menu.gif);
	color: #49493d;
	z-index:100;
	border-style:solid; border-width:1px;
}


/*
End
*/
/*--Banner--*/
#banner{
	margin-top:10px; margin-left:auto; margin-right:auto;
	width:900px;
	height:253px;
}
#banner_1{
	float:left;
	width:900px; height:347px; 
	/*width:656px; height:253px;*/
	/*background-image:url(../../images/mainbanner.jpg);*/
}
#banner_2{
	float:right;
	width:214px; height:224px;
	background-image:url(../../images/mainbanner2.jpg); background-repeat:no-repeat;
	padding:15px;
	text-align:justify;
}
#tb_padding10{
	padding:10px;
}

#line{
	width:100%;
	height:1px;
	background-color:#e5e5de;
	margin-top:10px; margin-bottom:10px;
}
#ul1{ font-size:14px;
}
#ul1 ul{
	margin-left:20px;
	padding-left:0;
	margin-top:0px;
	list-style:url(../../images/arrow_sm.gif);
}
#ul1 li{
	font-size:14px;
	border-bottom-color:#CCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0;
}
#ul1 a{
	color:#49493d;
	text-decoration:none;
}
#ul1 a:hover{
	color:#49493d;
	text-decoration:underline;
}
#text_270{
	width:270px;
	margin-top:10px;
}
/*--footer--*/
#footer-menu{
	margin-top:30px; margin-bottom:20px;
	width:876px;
	height:15px;
	padding:12px;
	margin-left:auto; margin-right:auto;
	background-color:#e8e8e0;
	font-size:13px;
}
#footer-menu a{
	color:#49493d;
	text-decoration:none;
}
#footer-menu a:hover{
	color:#49493d;
	text-decoration:underline;
}
/*--company profile--*/
#company_tent{
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
}
#h1{
	background-image:url(../../images/line_h1.gif); background-position:left bottom; background-repeat:no-repeat;
	padding-bottom:5px;
	margin-bottom:10px;
}
#h2{
	background-image:url(../../images/arrow_b2.gif); background-position:left; background-repeat:no-repeat;
	border-bottom-color:#e5e5de;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-left:10px;
	padding-bottom:5px; padding-top:5px;
	font-size:18px;
	margin-bottom:10px;
}
#h3{
	background-image:url(../../images/arrow_b2.gif); background-position:left; background-repeat:no-repeat;
	border-bottom-color:#e5e5de;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-left:10px;
	padding-bottom:5px; padding-top:5px;
	font-size:14px;
	margin-bottom:10px;
}
#line-left{
	border-right-color:#e3e3e3;
	border-right-style:solid;
	border-right-width:1px;
}
#line-left ul{
	padding-left:20px;
	margin:0;
	list-style:url(../../images/arrow_b3.gif);
}
#line-left li{
	padding:0;
	margin:0;
}
#noline-left{
}
#noline-left ul{
	padding-left:20px;
	margin:0;
	list-style:url(../../images/arrow_b3.gif);
}
#noline-left li{
	padding:0;
	margin:0;
}
#loca{
	border-color:#d5d5d5;
	border-style:solid;
	border-width:1px;
	width:432px;
}
#frame img{
	padding:3px; margin:2px;
	border-color:#d5d5d5;
	border-style:solid;
	border-width:1px;
}
/*-- Gallery --*/
#tb_gallery{
	padding-top:10px;
}
#tb_gallery ul{
	list-style:none;
	padding:0;
	margin:0;
}
#tb_gallery2 li{
	display:inline;
}
#tb_gallery2 li img{
	display:inline;
	background:#F5F5F5;
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	padding:3px;
	filter: alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
#tb_gallery2 li:hover img{
	filter:100;
	-moz-opacity:100;
    opacity:100;
}
#tb_gallery3 ul{
	list-style:none;
	margin:0; padding:0;
}
#tb_gallery3 li img{
	display:inline;
	background:#F5F5F5;
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	padding:3px;
}