/* . is for CSS class.  And # is for CSS Div id*/

body { 
	font-family: "Times New Roman", Times, serif;
	font-size: 15px; 
	color: #4a4a4a;
	margin:0;
	padding:0;
	line-height:22px;
	background: url(../asset/bg_main.jpg) repeat;

}

img, p, td, form {
	margin:0;
	padding:0;
	border:0;
}

td {
	margin:1px;
	padding:5px;
	border:0;
}

a {
	color:#6b6b6b;
	text-decoration:none;
}

a:hover {
	color:#474747;
	text-decoration: underline;
}

.left { float:left; }

.right { float:right; }

.clearFloat { clear: both; }

.row940 {
	margin:0;
	padding:25px 0;
	width:940px;
	height:auto;
	display:block;
	float:left;
}

.space {
	margin:0;
	padding:10px 0;
	width:940px;
	height: 1px;
	display:block;
	float:left;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:950px;
	height: auto;
	display:block;
}

/***** HEADER SETTING *****/

.headerContainer {
	margin:0;
	padding:0;
	width:940px;
	height:200px;
	float:left;
	position:relative;
}

.logo {
	margin:0;
	padding:20px 0 0 20px;
	width:920px;
	height:90px;
	float:left;
}

.menu {
	margin:0 4px;
	padding:0;
	width:940px;
	height:90px;
	background:url(../asset/menu_bar.jpg) repeat-x;
	float:left;
	-webkit-box-shadow: 0px 1px 5px #898989;
	-moz-box-shadow: 0px 1px 5px #898989;
	box-shadow: 0px 1px 5px #898989;
}

.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:auto;
	height:90px;
	display:inline-block;
}

.menu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:auto;
	height:90px;
	text-align:center;
	display:inline-block;
	text-transform:uppercase;
}

.menu li a {
	margin:0;
	padding:30px 33px 10px 33px;
	color:#aba7a4;
	font-size:11px;
	text-decoration:none;
	font-family: "Times New Roman", Times, serif;
	display:inline-block;
	float:left;
}

.menu li a:hover {
	color:#FFF;
	text-decoration:none;
}

.menu_title {
	font-size:21px;
	color:#FFF;
	font-weight:bold;
	text-shadow:0px 1px 3px #676767;
}
/***** END HEADER SETTING *****/

/***** CONTENT BODY SETTING *****/

#contentBodyContainer {
	margin:0 5px;
	padding:0;
	width:940px;
	height:100%;
	float:left;
}

#content {
	margin:0 auto;
	padding:0;
	width:860px;
	height:auto;
}

/***** END CONTENT BODY SETTING *****/

/***** HOME SETTING *****/
#home_column {
	margin:0;
	padding:0;
	height: auto;
	width:300px;
	float:left;
}

#home_column2 {
	margin:0;
	padding:0 20px;
	height: auto;
	width:300px;
	float:left;
}

#home_product {
	margin:0;
	padding:0;
	height: auto;
	width:300px;
	float:left;
	text-align:center;	
}

#home_product .title {
	margin:0;
	padding:15px 0 0 0;
	width:300px;
	height:50px;
	font-size:26px;
	line-height:normal;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-shadow:0px 1px 3px #676767;
	background:url(../asset/home_title_bar.jpg) no-repeat
}

#home_product .img_product {
	margin:0;
	padding:0;
	width:300px;
	height:220px;
	float:left;
}

#home_product .button_clickhere {
	margin:0;
	padding:0;
	width:300px;
	height:43px;
	text-align:center;
	background:url(../asset/product_btn_clickhere.jpg) no-repeat;
	float:left;
}

#home_product .button_clickhere a {
	margin:0;
	padding:12px 0 0 0;
	width:300px;
	height:31px;
	font-size:15px;
	color:#FFF;
	display:block;
	text-decoration:none;
}

#home_product .button_clickhere a:hover{
	color:#FFF;
	text-decoration: underline;
}

.button_more {
	margin:0;
	padding:0;
	width:82px;
	height:36px;
	text-align:center;
	float:left;
}

.button_more a{
	margin:0;
	padding:7px 0 0 0;
	background: url(../asset/btn_more.jpg);
	font-size:17px;
	color:#000;
	width:82px;
	height:29px;
	display:block;
	text-decoration:none;
}

.button_more a:hover{
	text-decoration:none;
	background: url(../asset/btn_more_on.jpg);
}

.hometitle {
	font-family:"Times New Roman", Times, serif;
	color:#212121;
	font-size:24px;
	line-height:normal;
	padding:0 0 15px 0;
	text-transform:uppercase;
	text-shadow:0px 1px 3px #676767;
}

.img_thumb {
	margin:0;
	padding:0 20px 20px 0;
	width:auto;
	height:auto;
	display:inline-block;
}

.img_thumb2 {
	margin:0;
	padding:0 40px 0 0;
	width:auto;
	height:auto;
	display:inline-block;
}

.img_thumb_right {
	margin:0;
	padding:0 0 0 40px;
	width:auto;
	height:auto;
	display:inline-block;
}

.home_product_list {
	margin:0;
	padding:0;
	width:280px;
	height:auto;
	float:left;
}

.home_product_list ul{
	margin:0;
	padding:0;
	width:280px;
	height:auto;
	list-style:none;
	display:block;
	float:left;
}

.home_product_list li {
	margin:0;
	padding:0 0 15px 25px;
	width:auto;
	height:15px;
	list-style:none;
	display:block;
	background:url(../asset/icon_arrow.png) 0 2px no-repeat;
}

/***** END HOME SETTING *****/


/***** FOOTER SETTING *****/
#footerContainer {
	margin:30px 0 0 0;
	padding:0;
	background: url(../asset/footer_bg.jpg) repeat-x;
	width:100%;
	height:90px;
	float:left;
	display:block;
	position:relative;
}

.footer {
	margin:0 auto;
	padding:35px 0 0 0;
	width:960px;
	height:55px;
	font-size:14px;
	text-align:center;
	color:#6b6b6b;
}

/***** END FOOTER SETTING *****/

/***** Start Sub Page SETTING *****/
.SubpageBG {
	margin:0;
	padding:30px 50px 50px 50px;
	background: url(../asset/bg_subpage.png) repeat;
	border:1px solid #C9C9C9;
	width:838px;
	height:auto;
	display:block;
	float:left;
}

.SubTitle {
	margin:0;
	padding:0;
	width:838px;
	height:auto;
	float:left;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-size:38px;
	letter-spacing:-1px;
	line-height:normal;
	color:#363636;
}


h2 {
	margin:0;
	padding:20px 0 0 0;
	text-transform: capitalize;
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	line-height:normal;
	color:#363636;
}

.SubTitle2 {
	margin:0;
	padding:0 0 10px 0;
	width:600px;
	height:auto;
	float:left;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-weight:bold;
	line-height:normal;
	color:#363636;
}

.greeyline {
	background:#12b062;
	height:8px;
	width:838px;
	margin:0 0 30px 0;
	float:left;
}

.SubContent {
	margin:0;
	padding:0;
	width:838px;
	height:auto;
	float:left;
}


.SubContent_left {
	margin:0;
	padding:0;
	width:200px;
	height:auto;
	float:left;
}

.SubContent_right {
	margin:0;
	padding:0 0 0 38px;
	width:600px;
	height:auto;
	float:left;
}

.column1 {
	margin:0;
	padding:0;
	width:260px;
	height:auto;
	display:block;
	float:left;
}

.column2 {
	margin:0 29px;
	padding:0;
	width:260px;
	height:auto;
	display:block;
	float:left;
}

.form_column1 {
	margin:0;
	padding:2px 0 0 0;
	width:260px;
	height: auto;
	float:left;
	display:block;
}

.form_column2 {
	margin:0;
	padding:0 0 5px 0;
	width:260px;
	height: auto;
	float:left;
	display:block;
}

.textfield {
	margin:0;
	padding:5px 5px;
	width:250px;
	height:auto;
	border:1px solid #ADADAD;
	background:#FFF;
}
	
/***** End Sub Page SETTING *****/

/***** Product Page SETTING *****/
.product_list {
	margin:0;
	padding:0;
	width:200px;
	height:auto;
	float:left;
}

.product_list ul{
	margin:0;
	padding:0;
	width:200px;
	height:auto;
	list-style:none;
	display:block;
	float:left;
}

.product_list li {
	margin:15px 0 0 0;
	padding:0 25px 18px 25px;
	width:auto;
	height:15px;
	list-style:none;
	display:block;
	background:url(../asset/icon_arrow.png) 0 2px no-repeat;
	border-bottom: 1px solid #b9b9b9;
}

.selected {
	color:#0a9550;
	font-weight:bold;
}
/***** End Product Page SETTING *****/