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

html {
	height:100%;
	width: 100%;
}
body {
	margin:0px;
	height:100%;
	width:100%;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

#template-container {
	overflow:hidden;
	width:982px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

/* #####################
		Body
####################### */
#template-body {
	clear:both;
	background:url(../images/frame_bg.png) repeat-y left top;
	overflow:hidden;
	width:982px;
}
.template-white-border-top { background:#FFFFFF; width:982px; height:14px }
.template-white-border-bottom { background:url(../images/frame_bottom.png); width:982px; height:30px }
.template-white-border-bottom_index { background:#FFFFFF; width:982px; height:14px }
.template-white-border-vertical { background:#FFFFFF; float:left; width:14px; height:982px }

#template-brown-area {
	background:url(../images/bg_brown.png) repeat-y;
	_background:url(../images/bg_brown.jpg) repeat-y;
	width:952px;
	height:202px;
	padding:14px 14px 14px 16px;
}

/* #####################
		Left Menu
####################### */
#template-leftmenu {
	float:left;
	width:313px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin:0px 0px 0px 15px !important;
	margin:0px 0px 0px 8px;
	padding:0px;
}
#template-logo {
	width:293px;
	margin:20px 0px 0px 20px;
}
#template-language {
	margin:14px 0px 0px 238px;
}
#template-leftmenu ul.menu {
	overflow:hidden; 
	width:313px;
	margin:24px 0px 0px 0px;
}
#template-leftmenu ul.menu li { overflow:hidden; float:left; width:313px; height:20px; margin:0px; padding:0px 0px 8px 0px; }
#template-leftmenu ul.menu li.hvsubmenu { padding:0px 0px 0px 0px; }
#template-leftmenu ul.menu li a { overflow:hidden; float:left; height:0px; padding-top:20px; width:313px; background-position:left top; background-repeat:no-repeat; }
#template-leftmenu ul.menu li#gn-index a { background-image:url(images/btn_home.png); _background-image:url(images/btn_home.gif); }
#template-leftmenu ul.menu li#gn-aboutus a { background-image:url(images/btn_aboutus.png); _background-image:url(images/btn_aboutus.gif); }
#template-leftmenu ul.menu li#gn-product a { background-image:url(images/btn_product.png); _background-image:url(images/btn_product.gif); }
#template-leftmenu ul.menu li#gn-job a { background-image:url(images/btn_job.png); _background-image:url(images/btn_job.gif); }
#template-leftmenu ul.menu li#gn-cert a { background-image:url(images/btn_cert.png); _background-image:url(images/btn_cert.gif); }
#template-leftmenu ul.menu li#gn-contactus a { background-image:url(images/btn_contactus.png); _background-image:url(images/btn_contactus.gif); }
#template-leftmenu ul.menu li a:hover { background-position:center top; }
#template-leftmenu ul.menu li a:hover.current { background-position:right top; cursor:default; }
#template-leftmenu ul.menu li a.current { background-position:right top; cursor:default; }

#template-leftmenu ul.menu li.submenu { width:313px; margin:0px; height:auto; background-color:#363636; margin:0px 0px 8px 0px; padding:8px 0px 0px 0px; }
#template-leftmenu ul.menu li.submenu ul li { width:249px; height:auto; margin:0px; padding:0px 10px 8px 54px; }
#template-leftmenu ul.menu li.submenu ul li a { color:#FFFFFF; font-family:"Serifa Th BT",Georgia; font-size:15px; overflow:hidden; float:none; display:block; width:auto; height:auto; padding:0px 0px 0px 18px; }
#template-leftmenu ul.menu li.submenu ul li a:hover, #template-leftmenu ul.menu li.submenu ul li.current a { background:url(../images/arrow01.gif) no-repeat 0px 4px; color:#FF5400; text-decoration:none; } 
#template-leftmenu ul.menu li.submenu ul li ul.category { overflow:hidden; }
#template-leftmenu ul.menu li.submenu ul li ul.category li { width:231px; height:auto; margin:0px; padding:8px 0px 0px 18px; }
#template-leftmenu ul.menu li.submenu ul li ul.category li a { background:none; color:#FFFFFF; font-family:"Serifa Th BT",Georgia; font-size:15px; float:none; display:block; width:auto; height:auto;  padding:0px 0px 0px 18px;}
#template-leftmenu ul.menu li.submenu ul li ul.category li a:hover, #template-leftmenu ul.menu li.submenu ul li ul.category li.current a { background:url(../images/arrow02.gif) no-repeat 0px 4px; color:#FF9059; text-decoration:none; padding:0px 0px 0px 18px; } 

/* #####################
		Main Content
####################### */
#template-content {
	float:left;
	width:640px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin:0px 14px 0px 0 !important;
	margin:0px 8px 0px 0;
	padding:0px;
}
#template-content-banner {
	clear:both;
	width:640px;
	height:174px;
}
#template-main {
	clear:both;
	overflow:hidden;
	width:616px;
	margin:22px 12px 22px 12px;
	padding:0px;
}

/* #####################
		Footer
####################### */
#template-footer {
	clear:both;
	position:relative;
	z-index:11;
	width:982px;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	color:#FFFFFF;
	font-size:11px;
}
#template-footer .left { float:left; }
#template-footer .right { float:right; }
#template-footer .right a { color:#FFFFFF; text-decoration:none; }
#template-footer .right a:hover { color:#FF6600; text-decoration:none; }