@charset "utf-8";
/* CSS Document */

@import url("font/stylesheet.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	height:100%;
	margin:0;
	padding:0;
	background:url(../images/shared/new-bg.jpg) repeat;
	background-color:#bac0be;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: 0;
	border-spacing: 0;*/
}
/* * * * * *  txt  * * * * * */
.grey{
	color:#2c291f;
}
.green {
	color:#8dc63f;
}
.wh {
	color:#fff;
}
/* * * * * *  link  * * * * * */
a:active {
	text-decoration:none;
	color:#2c291f;
}
a:link {
	text-decoration:none;
	color:#2c291f;
}
a:visited {
	text-decoration:none;
	color:#2c291f;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
a.active {
	text-decoration:none;
	color:#fff;
}
/* * * * * *  utility  * * * * * */
.clear {
	clear:both;
}
.scrollable {
	overflow:auto;
	margin:0;
	padding:0;
}
/****************** Layout ***********************/
#content {
	position:relative;
}
.hidden{	
	overflow:hidden;
}
#container {
	width:982px;
	height:auto;
	margin:0 auto;
	padding:0;
	box-shadow:0px 0px 5px 3px #999;
	-moz-box-shadow:0px 0px 8px 2px #666;
	-webkit-box-shadow:0px 0px 8px 2px #666;
	background:url(../images/shared/bg.jpg) repeat-x 0 0;
}
header {
	width:982px;
	height:193px;
	margin:0;
	padding:0;
	background:url(../images/shared/bg-topbar.gif) repeat-x 0 0;
}
header #logo {
	width:185px;
	height:193px;
	float:left;
	opacity:0; /***ANIMATION START FACE IN = 0 ****/
}
header #language {
	width:80px;
	height:141px;
	color:#FFF;
	float:left;
	font-size:18px;
	padding:10px 0 0 690px;
}
#language ul {
	padding:0;
	margin:0;
}
#language li {
	float:left;
}
#language li.facebook {
	float:left;
	padding:2px 0 0 10px;
}
nav {
	width:797px;
	height:22px;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/shared/img-line.png) no-repeat 125px 0px;
}
nav ul {	
	margin:0;
	padding:0 0 0 125px;
	float:left;	
	color:#8dc63f;	
}
nav li {	
	float:left;
	margin:0;
	padding:0;
	position:relative;
	color:#8dc63f;
}
nav li.first a {
	padding:4px 14px 0 0;
	margin:0;
	float:left;
}
nav li.first a:hover {
	padding:4px 14px 0 0;
	margin:0;
	float:left;
}
nav li.last a {
	padding:0 0 0 17px;
	margin:0;
	float:left;
}
nav ul li a {
	font-family: 'SMB-EmpoLightRegular';
	font-size:16px;
	font-weight:500;
	color:#8dc63f;
	float:left;
	padding:6px 16px 0 16px;
}
nav ul li a:active{
	color:#8dc63f;
}
nav ul li a:link{
	color:#8dc63f;
}
nav ul li a:visited{
	color:#8dc63f;
}
nav ul li a:hover {
	font-family: 'SMB-EmpoLightRegular';
	font-size:16px;
	font-weight:500;
	color:#FFF;
	float:left;
	padding:6px 16px 0 16px;
}
nav .active {
	color:#fff;
}
nav ul ul {
	display:none;
	width:120px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:99;
	/*top: 23px;*/ /*slideUP*/
	bottom:20px;	/*slideDOWN*/
	left:0px;
}
nav ul ul li {
	color:#8dc63f;
	margin:0;
	padding:0;
}
nav ul ul li:last-child a {
	margin:0;
	color:#8dc63f;
	width:130px;
	height:20px;
	clear:both;
}
nav ul ul li:last-child a:hover {
	margin:0;
	color:#FFF;
	width:130px;
	height:20px;
	clear:both;
}
nav ul ul li a {
	margin:0;
	font-family: 'SMB-EmpoLightRegular';
	color:#8dc63f;
	width:130px;
	height:10px;
	clear:both;
}
nav ul ul li a:hover {
	margin:0;
	font-family: 'SMB-EmpoLightRegular';
	color:#FFF;
	width:130px;
	height:10px;
	clear:both;
}
#content {
	margin:0;
	padding:0;
	width:982px;
	height:363px;
	position:relative;
}
h1 {
	font-size:45px;
	color:#2D2B22;
	clear:both;
}
h2 {
	font-size:50px;
	color:#fff;
	float:left;
}
h3 {
	height:52px;
	font-size:50px;
	color:#fff;
	float:left;
}
h4 {
	font-family: 'DBHelvethaicaXLiCondLtCn';
	font-weight:100;
	font-size:22px;
	color:#2c291f;
}
h5 {
	font-family: 'DBHelvethaicaXLiCondLtCn';
	font-weight:100;
	font-size:25px;
	color:#FFF;
	text-align:left;
}
h6 {
	height:65px;
	font-size:110px;
	color:#fff;
	float:left;
}
section {
	width:651px;
	float:left;
	position:relative;
}
footer {
	width:960px;
	height:87px;
	margin:0;
	padding:0px 22px 0 0;
	background:url(../images/shared/bg-btmbar.gif) repeat-x 0 0;
	z-index:9999;
}
footer ul{
	width:960px;
	margin:0;
	padding:0;
	z-index:9998;
}
footer li.icon {
	width:689px;
	height:49px;
	float:left;
	padding:10px 0 0 20px;
	z-index:9997;
}
footer li.telephone {
	width:251px;
	height:49px;
	float:left;
	padding:14px 0 0 0px;
	z-index:9996;
}
#copyright{
	width:982px;
	height:20px;
	float:left;
	text-align:center;
	padding:15px 0 0 0;
}
/********* HOME ***********/
#slides {
	position:absolute;
	z-index:100;
}
.slides_container {
	width:982px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a {
	width:982px;
	height:363px;
	display:block;
}
.slides_container a img {
	display:block;
}
#slides .next, #slides .prev {
	position:absolute;
	top:147px;
	left:11px;
	width:37px;
	height:37px;
	display:block;
	z-index:101;
}
#slides .next {
	left:935px;
}
/* Pagination */
.pagination {
	margin:-20px 10px;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/home/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
#home-concept{
	position:absolute;
	width:259px;
	height:174px;
	top: 115px; /* 169px */
	left: 475px;
	z-index:994;
}
#home-keyvitual{
	position:absolute;
	width:200px;
	height:336px;
	top: 27px;
	left: 637px;  /* 760px */
	z-index:995;
}
#home-keyvitual01{
	position:absolute;
	top: 500px;   /* 27px */
	left: 637px;  /* 760px */
	z-index:997;
}
#home-keyvitual02{
	position:absolute;
	top: 500px;   /* 27px */
	left: 637px;  /* 760px */
	z-index:998;
}
#home-keyvitual03{
	position:absolute;
	top: 298px;
	left: 1090px;  /* 636px *//* 760px */
	z-index:999;
}

/********** CONCEPT *************/
.bg-green {
	background-color:#8dc63f;
}
/*********************************/
select{
	width:90px;
	height:20px;
	padding:3px 2px;
	background:#9ccc48;
	border:#3c382d solid 1px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	margin:3px 0 0 0;
}