/*  
Theme Name: Logical
Theme URI: http://www.codeplex.asia/
Description: Logical Theme
Version: 1.0
Author: Cliff
Author URI: http://www.codeplex.asia/
*/



/* General */

/*resetter*/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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/*endresetter*/
body
	{	
	background-color: #fff;
	background-image: url('images/back.jpg');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top center;
	}

.upper_view
	{
	margin: 0px auto;
	width: 846px;
	}

.top_menu
	{
	width: 770px;
	height: 45px;
	margin: 0px auto auto 50px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	font-weight: bolder;
	}

.top_menu ul
	{
	float: left;
	width: 770px;
	}

.top_menu ul li
	{
	float: left;
	text-align: center;
	}
	
.news_single
	{
	margin-left: 20px;
	padding-bottom: 20px;
	float: left;
	display: block;
	width: 600px;
	font-family: Arial;
	font-size: 12px;
	color: #2e2e2e;
	font-style: normal;
	line-height: 20px;
	text-align: justify;
	}
	
ul.top_nav li
	{
	width: 100px;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	}

ul.top_nav li a
	{
	text-decoration: none;
	color: #fff;
	padding-top: 10px;
	display: block;
	width: 100px;
	}
	
ul.top_nav li a:hover, ul.top_nav li.active a
	{
	display: block;
	width: 100px;
	height: 30px;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
	background-image: url('images/top_nav_hover.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	}

ul.top_nav_act li a	
	{
	display: block;
	width: 100px;
	height: 30px;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
	background-image: url('images/top_nav_hover.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	}

.logo
	{
	background-image: url('images/logo.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 277px;
	height: 70px;
	float: left;
	}

.header
	{
	background-color: #fff;
	background-image: url('images/home_header.jpg');
	background-repeat: no-repeat;
	background-attachment: no-scroll;
	background-position: top center;
	margin: 0px auto;
	margin-top: 0px;
	width: 846px;
	height: 439px;
	}
	
.head_title
	{
	padding-top: 180px;
	padding-left: 20px;
	font-family: Arial;
	font-size: 12px;
	color: #ffae00;
	font-style: normal;
	font-weight: bold;
	}
	
.feature_box
	{
	display: block;
	width: 846px;
	}
	
.feature_content
	{
	float: left;
	display: block;
	padding-top: 0px;
	padding-left: 20px;
	width: 250px;
	}
	
.feature_img
	{
	display: block;
	padding-top: 10px;
	padding-left: 20px;
	width: 233px;
	height: 67px;
	}
	
.tab_img_01
	{
	display: block;
	padding-top: 10px;
	padding-left: 20px;
	width: 233px;
	height: 67px;
	background: url('images/header_image_01.jpg') no-repeat top center;
	}

.tab_img_01: hover
	{
	display: block;
	padding-top: 10px;
	padding-left: 20px;
	width: 233px;
	height: 67px;
	background: url('images/header_image_01_A.jpg') no-repeat top center;
	}

.feature_title
	{
	padding-left: 20px;
	padding-top: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #ffae00;
	font-style: normal;
	font-weight: bold;
	}
	
.feature_text
	{
	padding-left: 20px;
	padding-top: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	font-style: normal;
	text-alignment: justify;
	}
	
.feature_text a
	{
	color: #ffae00;
	text-decoration: none;
	font-style: normal;
	}
	
.feature_text a:hover
	{
	color: #2e2e2e;
	text-decoration: none;
	font-style: normal;
	}
	
.middle_view
	{
	display: block;
	width: 850px;
	margin: 0px auto;
	padding-top: 20px;
	}
	
.middle_left_content
	{
	padding-bottom: 20px;
	float: left;
	display: block;
	width: 400px;
	background-image: url('images/home_mid_img.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	}
	
.middle_left_title
	{
	font-family: Arial;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	}
	
.middle_left_text
	{
	display: block;
	width: 360px;
	font-family: Arial;
	text-align: justify;
	line-height: 13px;
	font-size: 10px;
	color: #2e2e2e;
	font-style: normal;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 120px;
	}
	
.middle_right_content
	{
	margin-left: 10px;
	padding-bottom: 20px;
	float: left;
	display: block;
	width: 400px;
	background-image: url('images/home_mid_right_img.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	}
	
.middle_right_title
	{
	font-family: Arial;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	}
	
p
	{
	font-size: 12px;
	}

.news_list
	{
	padding-top: 15px;
	display: block;
	width: 400px;
	padding-bottom: 15px;
	border-bottom: dotted 2px #ccc;
	}
	
.news_img
	{
	margin-left: 10px;
	float: left;
	width: 100px;
	}
	
.news_text
	{
	float: left;
	width: 290px;
	line-height: 12px;
	text-align: justify;
	font-family: Arial;
	font-size: 10px;
	color: #2e2e2e;
	font-style: normal;
	}
	
.news_list_title
	{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;	
	color: #2e2e2e;
	font-style: normal;
	}
	
.news_text a
	{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #ffa200;
	}
	
.news_text a:hover
	{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
	}
	
.bottom_view
	{
	display: block;
	text-align: center;
	width: 861px;
	height: 90px;
	margin: 0px auto;
	background-image: url('images/botom_nav.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	}
	
.bottom_menu
	{
	width: 800px;
	height: 58px;
	margin: 0px auto auto auto;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	font-style: normal;
	}

.bottom_menu ul
	{
	float: left;
	width: 800px;
	margin-left: 10px;
	}

.bottom_menu ul li
	{
	float: left;
	text-align: center;
	}

ul.bottom_nav li
	{
	width: 100px;
	height: 58px;
	}

ul.bottom_nav li a
	{
	text-decoration: none;
	color: #fff;
	padding-top: 10px;
	display: block;
	width: 100px;
	height: 48px;
	}
	
ul.bottom_nav li a:hover
	{
	display: block;
	width: 100px;
	height: 48px;
	padding-top: 10px;
	color: #ffae00;
	text-decoration: none;
	}
	
.foot_copyright
	{
	margin: 0px auto auto auto;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	font-style: normal;
	}
	
.foot_homecopyright
	{
	margin: auto auto auto auto;
	padding-top: 5px;
	display: block;
	width: 800px;
	font-family: Arial;
	font-size: 10px;
	color: #2e2e2e;
	font-style: normal;
	}
	
.separator
	{
	display: block;
	float: left;
	width: 10px;
	height: 370px;
	position: relative;
	background-image: url('images/middle_separator.jpg');
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: top left;
	}
	
.top_set
	{
	position: absolute;
	top: 0px;
	}
	
.bottom_set
	{
	position: absolute;
	bottom: 0px;
	}
	
.contact_left_tab
	{
	display: block;
	float: left;
	width: 380px;
	}
	
.contact_right_tab
	{
	display: block;
	float: left;
	width: 380px;
	background-image: url('images/contact_tab_img.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: bottom right;
	}
	
.sub_nav
	{
	float: left;
	margin-left: 420px;
	padding-top: 40px;
	}
	
.clear
	{
	clear: both;
	}