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

body {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#909090;
}

.background_top { height:78px;}
.background2 {background:url(../images/bg.jpg) top repeat; min-height:407px;}
.background_inner {background:url(../images/bg.jpg) top repeat; min-height:607px;}
.footer_bg {background: url(../images/footer_bg.jpg) top repeat-x; min-height:80px; border-top: 1px solid #e8e8e8;}

a {
	border:none;
	text-decoration:none;
	color:#919191;
}
a:hover {
	text-decoration:underline;
	
}
h1 { color:#d9161e;
	font-size:22px;
	font-weight:700;
	line-height:18px;
	margin-bottom:10px;
}
h2 {color:#535353;
	font-size:15px; line-height:12px;
	margin:0 0 0 0;
	padding:0 0 3px 0;
}
h3 {
	font-size:24px;
	color:#62a444;
	line-height:20px;
}
h4 {
	font-size:16px;
	color:#555;
	margin-bottom:4px;
	padding:0 0 0 0;
}
p {
	font-size:12px;
	line-height:14px;
	color:#6a6a6a;
	margin:0 0 0 0;
	padding:0 0 8px 0;
	
}
.title1 {
	font-size:24px;
	line-height:20px;
}

ul {padding:3px 0px 3px 30px;
		margin:8px 0 8px 0;}

.title2 { background:url(../images/bar.png) top no-repeat; color:#fff; height:23px; font-size:16px; padding:10px 10px 2px 10px; }

.content_logo { 
	background:url(../images/top_bg.jpg) no-repeat center;
	width:960px;
	margin:auto;
	display:block;
	position:relative;
	height:76px;
}

.content {
	width:960px;
	margin:auto;
	clear:both;
	position:relative;
	min-height:200px;
}

.content_landing {
	width:610px;
	margin:auto;
	padding-top:380px;
	padding-bottom:20px;
	clear:both;
	position:relative;
	min-height:200px;
}

.content_navi {
	width:600px;
	margin:auto;

	position:relative;
	height:36px;
	z-index:99;
}


.content_navi  a.navi { background:url(../images/navi_line.png) right no-repeat;
	font-size:13px;
	font-weight:700;
	padding:10px 20px;
	color:#fff;
	float:left;
	display:block;
	z-index:999999999;
}

.content_navi  a.home { background:url(../images/navi_line.png) right no-repeat;
	font-size:13px;
	font-weight:700;
	padding:7px 20px;
	color:#fff;
	float:left;
	display:block;
	z-index:999999999;
}

.content_navi  a.navi:hover, .content_navi  a.select {
	text-decoration:none;
	color:#360606;
}


.navi_content { background:#b00000;
	margin-top:20px;
	height:36px;
	display:block;
	margin:auto;
}

a.logo {
	background:url(../images/logo.png) bottom no-repeat;
	width:183px;
	height:101px;
	margin-top:37px;
	float:left;
	position:absolute;
	z-index:999;
}

.top_text {
	font-size:11px;
	line-height:20px;
	color:#919191;
	height:28px;
	margin:42px 10px 5px 290px;
	float:right;

	
}

.smlbanner_box { position:absolute; margin:auto;}

.smlbanner_box .small_box {
	background:url(../images/box_line.jpg) #fff top no-repeat;
	height:95px;
	position:absolute;
	width:940px;
	display:block;
	margin:auto;
	margin-top:349px;
	margin-left:116px;
	z-index:9999;
	left: -283px;
	top: -36px;
}







.content_inner { width:980px; height:10px; margin:auto;}

.content_inner  .small_box2 {
	background:url(../images/box_line.jpg) #fff top no-repeat;
	height:26px;
	position:absolute;
	width:920px;
	display:block;
	font-size:11px;
	border-bottom:1px dashed #ccc;
	padding:15px 10px 0px 10px;
	margin:auto;
	margin-top:120px;
	margin-left:20px;


}

.content_inner  .content_box { 
			width:946px; 
			display:block; 
			background:#fff; 
			padding:10px 17px;
}

				
.small_box  h1{font-size:20px;
				color:#9f9582;
				line-height:19px;
				padding-bottom:6px;}
				
				
				
a.box1 { background:url(../images/box_gra.jpg) top left no-repeat; width:140px; color:#a7a7a7; padding:10px 8px 10px 140px; text-decoration:none;  height:72px; border-right:1px solid #e0e0e0; float:left; margin-top:2px;}

a.box1 h1 {color:#4f87bf; font-size:18px; padding:0 0 0 0; margin:0 0 2px 0;  }

a.box2 { background:url(../images/box_gra2.jpg) top left no-repeat; width:140px; color:#a7a7a7; text-decoration:none; padding:10px 8px 10px 140px; height:72px; border-right:1px solid #e0e0e0; float:left; margin-top:2px;}

a.box2 h1 {color:#f79b2c; font-size:18px; padding:0 0 0 0; margin:0 0 2px 0; }

.box3 { width:200px; float:left; height:80px; padding:10px 6px;}
.box3 a.more{background:url(../images/more_icon.png) top no-repeat; width:35px; height:36px; position:absolute; margin:49px 0px 0px 321px; }



				
.bar2{ background:url(../images/bar_bg.jpg) top; height:37px;}
.bar2 .bar_content { background:url(../images/bar_bg2.jpg) top repeat-x; width:1000px; height:37px; display:block; margin:auto;}

.bar1{ background:url(../images/bar.jpg) left top; font-weight:700; font-size:14px; color:#000; width:627px; padding:10px 12px; height:14px;}



				
.bar_inner{ background:url(../images/innerbar_bg.jpg) top repeat-x; height:59px;}
.bar_inner .bar_logo { background:#fff; border-top: 1px solid #efefef; repeat-x; width:980px; height:59px;  display:block; margin:auto;}




.announ	{width:980px; height:35px; margin-left:24px;}		
.announ_left { float:left; 
				background:url(../images/latest_update.png) no-repeat right top;
				height:14px;
				width:160px;
				font-size:14px; 
				color:#fff;
				position:absolute;
				z-index:9999;
				padding:10px 10px 12px 15px;
				margin-left:10px;
				*padding:10px 10px 12px 15px;
				*margin-left:-1160px;
				 }
				
.announ_right { float:left; width:982px; margin-left:80px; height:14px; font-size:12px; color:#8f8f8f; padding:12px 9px;

			*margin-left:170px;
			}



		

.table1 { border:1px solid #ccc;
margin:5px 0px; 
			float:left; 
			width:650px; 
			 }
			
.table1 td { border-right:1px solid #ccc;
height:32px; padding:4px 2px; }
.table1 .header_td { background:url(../images/tabel_header.jpg) top repeat-x; border-right:1px solid #fff; padding:2px 2px; height:26px;
 }
.table1 h1 { color:#fff; font-size:13px;}			
						
.gallery {
	width:150px;
	min-height:150px;
	float:left;
	margin:6px ;
}

.photo_padding {
	background:url(../images/photo_bg.jpg)top repeat; display:block;
	padding:8px 5px 0px 5px;
	width:140px;
	font-weight:700;
	float:left;
	min-height:20px;
	text-align:center;
	margin-top:2px;
}


.gallery2 {
	width:150px;
	min-height:150px;
	float:left;
	margin:2px 4px ;
}


.photo_padding2 { background:url(../images/photo_bg.jpg)top repeat; display:block;
	padding:8px 5px 0px 5px;
	width:145px;
	font-weight:700;
	float:left;
	min-height:50px;
	text-align:center;
	margin-top:2px;
	
}

.gallery_logo {
	width:150px;
	min-height:60px;
	float:left;
	margin:2px 4px ;
}


.photo {
	border: 1px solid #d3d3d3;
	padding:3px;
	float:left;
}

.product_line{ background:url(../images/product/product_line.jpg) top; width:630px; height:2px;}
.product {float:left; width:210px; }
.product .pro_photo {
	float:left;
}
.product .photo_padding3 { background:url(../images/photo_bg.jpg)top repeat; display:block;
	padding:5px ;
	width:200px;
	font-weight:700;
	float:left;
	font-size:12px;
	min-height:3px;
	text-align:center;
	margin-top:2px;
	
}

.header {height:25px; width:930px; border-bottom:1px solid #dbdbdb; padding:3px 20px; margin:10px 0px; float:left; font-size:24px; font-weight:700; color:#474747; }




.right_content { margin:0px 0px 5px 10px;
	width:255px;
	min-height:460px;
	padding:5px 10px 0px 0px;
	float:left;
	color:#717171;
	font-size:12px;
	border-left:1px solid #efefef;
}

a.sub_navi { text-decoration:none; display:block; color:#909090; height:28px; width:243px;}
a.sub_navi .text{font-size:13px; padding:6px 10px;}
a.sub_navi:hover, a.sub_navi .slt1{background:url(../images/selected_btn.jpg) top no-repeat; color:#fff;}

.sml_banner1 {background:url(../images/sml_banner.jpg) left top no-repeat; width:120px; height:90px; color:#a5a5a5; padding:10px 10px 10px 125px; border-top:1px solid #efefef;}

.sml_banner1 h1 {color:#4f87bf; font-size:18px; padding:0 0 0 0; margin:0 0 2px 0; }

.sml_banner2 {background:url(../images/sml_banner2.jpg) left top no-repeat; width:120px; height:90px; padding:20px 125px 10px 10px; border-top:1px solid #efefef; color:#a5a5a5;}

.sml_banner2 h1 {color:#f79b2c; font-size:20px; padding:0 0 0 0; margin:0 0 2px 0;  }

.sml_banner3 {background:url(../images/sml_banner3.jpg) left top no-repeat; width:120px; height:90px; color:#a5a5a5; padding:10px 10px 10px 125px; border-top:1px solid #efefef;}

.sml_banner3 h1 {color:#de0303; font-size:18px; padding:0 0 0 0; margin:0 0 2px 0; }


.left_content { margin-bottom:10px;
		background:#fff;
padding:2px 2px 0px 10px;
	width:652px;
	min-height:460px;
	float:left;
	color:#717171;
	font-size:12px;

}

.footer {
	height:60px;
	margin:auto;

	position:relative;
}
.footer .copyright {
	color:#9c9c9c;
	height:20px;
	font-size:10px;
	padding-top:13px;
	width:960px;
	margin:auto;

}

.footer .copyright a { color:#9c9c9c; }

.clear {
	clear:both;
}

.page_link { height:20px; background:url(../images/link_bg.jpg) top no-repeat; font-size:11px;  color:#908777;  padding:5px 0px 0px 10px; margin:0px 0px 8px;} 


.list {margin:1px 0px; }
.list ul li{ background:url(../images/arrow.jpg) left no-repeat;
			padding:0px 5px 2px 12px;
			list-style:none; 
			}
			
.list2 {margin:1px 0px; }
.list2 ul{ padding-left:2px; }
.list2 ul li{ background:url(../images/arrow.jpg) left no-repeat;
			padding:0px 5px 2px 12px;
			list-style:none; 
			}


.pro_sample {float:left;  width:350px; min-height:330px;}


.dotline {border-bottom:1px dashed #a19d77; padding-bottom:3px; margin:1px 15px 10px 0px  }
.dotline2 { background:url(../images/shadow_line.jpg) bottom no-repeat; padding-bottom:3px; width:100%; height:13px; margin:1px 10px 0px 0px  }


.table {width:650px; margin:2px 0px 10px 0px; border:1px solid #dadada;}
.table tr td {padding:4px 3px; height:16px; }
.table .td_header { background:url(../images/tabel_header.jpg) bottom repeat-x; height:24px; color:#fff; border-right:1px solid #f73939; font-size:12px; font-weight:700; }
.table .td_cate { background:#000;
				  border-right:1px solid #2475e8;
				  font-size:14px;
				  padding: 4px 5px;
				  color:#fff}
				  
				  
.table2 {width:310px; margin:2px 8px 10px 0px; border:1px solid #dadada;}
.table2 tr td {padding:4px 3px; height:16px; }
.table2 .td_header2 { background:url(../images/tabel_header.jpg) bottom repeat-x; height:24px; color:#fff; font-size:12px; border-right:1px solid #f73939; font-weight:700; }
.table2 .td_cate2 { background:#000;
				  border-right:1px solid #2475e8;
				  font-size:14px;
				  padding: 4px 5px;
				  color:#fff}
				  
				  
.table3 {width:650px; margin:2px 0px 10px 0px; border:1px solid #dadada;}
.table3 tr td {padding:4px 3px; border-left:1px solid #dadada; height:16px; }

.table_form {width:410px; border:1px solid #dadada; border-bottom: none;margin:2px 0px 10px 0px;}
.table_form tr td {padding:4px 8px; border-bottom:1px solid #dadada; height:16px; }
.table_form .td_cate_form { background:url(../images/tabel_header2.jpg) top repeat-x;
				  font-size:14px;
				  padding: 4px 5px;
				  color:#fff}

.f_left {float:left;}
.f_right {float:right; margin-left:10px;}



.feedback { background:url(../images/login_bg.jpg) no-repeat right top; border: 1px solid #e0e0e0; min-height:250px; width:670px; float:left;}
.feedback a { font-size:11px; color:#e80a0a; }
.feedback_title { font-size:26px; height:20px; width:660px; border-bottom:1px solid #e0e0e0; padding:15px 0px 10px 10px; }


.fill {background:url(../images/fill.jpg) top no-repeat; padding:3px 0px 0px 8px; height:22px; width:186px;}



.test_left { background:url(../images/test_left.jpg) left top no-repeat; padding:4px; height:90px; margin-bottom:4px; width:620px; margin-left:10px;}
.test_left .test_detail { margin:10px 0px 6px 15px; width:515px;}
.test_left .test_detail p { font-size:12px; color:#828282;}

.test_left .test_detail h1 { margin:0 0 0 0; font-style:italic; color:#f28a1c; float:right; font-size:14px; font-weight:700;}


.test_right { background:url(../images/test_right.jpg) left top no-repeat; padding:4px; height:90px; margin-bottom:4px;  width:620px; margin-left:10px;}
.test_right .test_detail2 { margin:10px 0px 6px 89px; width:515px;}
.test_right .test_detail2 p { font-size:12px; color:#828282;}

.test_right .test_detail2 h1 { margin:0 0 0 0; font-style:italic; color:#f28a1c; float:left; font-size:14px; font-weight:700;}




.job {background:url(../images/job_bg.jpg) right bottom no-repeat ; min-height:146px; width:500px; margin-bottom:6px; padding:20px 110px 10px 15px;; margin-left:10px; border:1px solid #dadada; }
.job  h1 { color:#dc8906; margin: 0 0 6px 0; font-size:16px;}


a.btn { padding:7px 10px; background:#f7791d; font-weight:700; color:#000; float:left; margin-top:6px;}
a.btn:hover {background:#f7a21d; text-decoration:none;}

/*Addcorden*/

.arrowlistmenu{
width: 650px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
font-weight:700;
background:url(../images/bar_close.jpg) left top no-repeat; width:650px;  height:23px; font-weight:500; color:#fff; font-size:18px;  padding:0px 0px 0px 15px;
 /*bottom spacing between header and rest of content*/

text-transform: uppercase;
padding: 6px 0 6px 12px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:url(../images/bar_open.jpg) top left no-repeat; width:650px;  height:23px; font-weight:500; color:#fff; font-size:18px;  padding:0px 0px 0px 15px;
padding: 6px 0 6px 12px;
cursor: hand;
cursor: pointer;
color:#3e0a0a;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom:20px;
background:url(../images/shadow_line2.jpg) bottom no-repeat;
/*bottom spacing between each UL and rest of content*/
}