/********************************************
   AUTHOR:  			Hardenindustry 
   WEBSITE:   			http://www.hardenindustry.com/
	TEMPLATE NAME:		Hardenindustry 
	DATE:					2009-8-8  	
 *******************************************/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
 margin:0; 
padding:0;
font-family:  Arial, Sans-Serif;
 }
a:hover { text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; } 
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}

span {
margin: 0 0 5px 0; 
padding: 0; 
color: #B8CEE5;
font-size: 13px;
line-height: 23px
}
span.news-time{ font-size:11px;margin: 0 0 5px 0; padding: 0; color: #5f5f5f;}
p{
 font-family:Arial, Helvetica, sans-serif;
}
p.news-time{
 font-size:11px;margin: 0 0 5px 0; padding: 0; color: #5f5f5f;
}

h1 { 
font: bold  Arial, Sans-Serif;
	background: url(../images/leftmenu.jpg) no-repeat left;
	color:#fff;
	font-size:13px; 
	margin: 0 0 6px 0px; 
	padding:0 0 0 20px; 
	line-height: 38px;
	text-decoration: none;

}

h1.active { 
font: bold  Arial, Sans-Serif;
	background: url(../images/leftmenu.jpg) no-repeat left;
	color:#0089E0;
	font-size:13px; 
	margin: 0 0 6px 0px; 
	padding:0 0 0 20px; 
	line-height: 38px;
	text-decoration: none;

}

h2 { 
font: bold  Arial, Sans-Serif;
	color:#0089E0;
	font-size:18px; 
	margin: 7px 0 6px 0px; 
	padding:0 0 0 10px; 
	line-height: 38px;
}

h5 { 
font: bold  Arial, Sans-Serif;
	color:#0089E0;
	font-size:13px; 
	margin: 7px 0 6px 0px; 
	padding:0 0 0 10px; 
	line-height: 38px;

}


h3 {
font: bold  Arial, Sans-Serif;
	color:#0089E0;
	font-size:14px; 
	margin: 5px 0 0 0; 
	padding:0 0 0 3px; 
	line-height: 30px;
 background: url(../images/line01.jpg) no-repeat 0 27px;

}

h4 { 
font: bold  Arial, Sans-Serif;
	color:#103272;
	font-size:13px; 
	margin: 0; 
	padding:0 0 0 2px; 
	line-height: 18px;
}

h7 { 	font-size:15px;background-color: inherit; color: #156184; 	line-height: 30px; }
h6 {  font-size:11px;margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }

span{ 
font-family:  arial, verdana, tahoma, helvetica; 	
font-size:13px
line-height: 23px;
	
}


body { 
font: 100% Arial, Sans-Serif;  
	margin:0px 0; 
	padding:0; 
	background: #000000 url(../images/bg01.jpg)  ; 
}


.content { 
	margin: 0 auto; 
	padding: 0; 
	width: 966px;
}

/* Link*/

.page{width:200px; height:20px;padding-top:10px; position:relative;}
.page a{ width:19px; height:19px;margin-left:5px; line-height:19px; color:#666;text-align:center;border:1px solid #d9d9d9; background:url(../images1/page_bg.gif) repeat-x left top; float:right;}
.page a.up_next{width:50px;}
.page a.on{color:#fff;background:#0281ca;}
.page a.on:hover{color:#fff;background:#0281ca;}
.page span{padding:0 7px 0 10px;float:right;}

.d_over{
	background-color:#EBF0F5;
	background-position: center center;
	margin:8px;
	width: 510px;
	cursor:hand;
}

.d_out{
	background-color:#EFEFEF;
	background-color:#ffffff;
    background-position: center center;
	margin:8px;
	width: 510px;
	cursor:hand;
}

.d2_over{
	background-color:#EBF0F5;
	background-position: center center;
	margin:8px;
	width: 240px;
	cursor:hand;
	float: left;
}

.d2_out{
	background-color:#EFEFEF;
	background-color:#ffffff;
    background-position: center center;
	margin:8px;
	width: 240px;
	cursor:hand;
	float: left;
}

/* IMG */

.img {
	padding: 10px 10px 25px 10px;
	float: right;
}

.img1 {
	padding: 10px 10px 25px 10px;
	float: right;
}

.img2 {
	padding: 0 0 3px 3px;
	float: right;
}
.img3 {
   width: 100%;
	padding: 7px 0 20px0;
	text-align: center;
}

.imgbox{
	width: 500px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	float: left;
	}
.H3box{
	width: 500px;
	padding: 0px;
	margin: 5px 5px 10px 5px;
	float: left;
	}
.img4{
	width: 150px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	float: left;
	}
	
.img5{
	width: 230px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	float:left;
	}
.img9{
	width: 400px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	float: left;
	text-align:center
	}

.img6 { width:100px;height:100px; background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }

.img7 { width:69px;height:19px; float: right;  margin: 3px 8px 3px 0; }

.img8 { width:60px;height:60px; background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }
html { overflow:-moz-scrollbars-vertical; } 



/* HEADER */

#header { 
	width: 966px; 
	background: #030305 url(../images/topbg.jpg) no-repeat ;  
	height: 130px; 
	padding: 0;
	margin: 0; }
	
#Language {
width: 960px;
	height: 30px;
	padding: 0;
}
#Language UL {
margin:0; 
list-style:none; 
padding:8px 8px 0 0
}

#Language LI {
	vertical-align:bottom; display:block;float:right; display:block; color:#000066; padding:0px 5px 0 0 ; 
}


/* MAIN */

#main { 
width: 966px; 
	}


#main .right_side { 
float: right; 
width: 622px;  
margin:0px 25px 6px 0px; 
padding:0; 
background-color: #08090B;
display:inline;
}



/* navigation */
#navigation { 
       width: 252px;
	   float:left;
	   margin:0 20px 0 25px;
	   display:inline;
}

#navigation ul {margin: 0 0 0 1px;}
#navigation li {
list-style: none;
background: url(../images/icon4.jpg) no-repeat left;
padding: 0px 0 0px 10px;
line-height: 25px;
}


#navigation .active a {
	color: #0089E0;
	font-size: 12px;
	text-decoration: none;
	FONT-WEIGHT:bold
}


#navigation li a {
	color: #777;
	font-size: 12px;
	text-decoration: none;
}
#navigation li a:hover {color: #0089E0;}




/* footer */
#footer {
	border-top: 1px dashed #333;
	font: sans-serif;
	position: absolute;
	width: 600px;
	float:left;
	height: 38px;
	color:#315271;  
	font-size:10px;
	margin:5px 0 0 0;
	padding:0 20px 0 0;
	text-align:right;
}
#footer a {
	color: #01112B;
	text-decoration: none;
}
#footer a:hover {
	color: #2B2B2B;
	text-decoration: underline;
}


#tabs1 {
 
      font-size:10px;
	  
      }

#tabs1 li {
      display:inline;
      margin:0;
      padding:0;}



/* content */
#content {
	left: 360px;
	position: absolute;
	top: 90px;
	width: 610px;
}
#content .descr {
	color: #8DC63F;
	margin-bottom: 6px;
}
#content li {margin-left: 18px;}





#content1{
width: 590px;  
margin:0px 10px 0px 20px; 
}

#content1 ul{
	padding:0;
}
#content1 ul li{
	display:block;
	background:url(../images/icon3.jpg) 0 10px no-repeat;
	padding:0 0 0 17px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#B8CEE5;
	background-color:inherit;
	line-height: 23px;
}

/* table */

#tab h1		{font:bold 20px/26px Arial;}
#tab p  {font:normal 12px/17px Arial;}
#tab li {font:normal 12px/17px Arial;}
#tab td	{font:normal 12px/17px Arial;color:#fff;}
#tab table	{border:1;border-collapse:collapse;}
#tab td		{padding:4px; width:250px;border:1px solid #303030;}
#tab th		{font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #fff;}
#tab tr.odd	{background:#11141D;}
#tab tr.highlight	{background:#0189E1;}
#tab tr.selected		{background:#0189E1;color:#fff;}
#tab td+td+td {text-align:right;}

/* DIV*/
.news-box { background: #FFF;  width: 500px !important; width: 490px;  float: left; margin: 10px; }
.harden-news-box { width: 520px; margin: 6px 0 6px 0; float: left;}
.harden-about-box { width: 520px; margin: 6px 0 6px 0;float: left; }
.news-time{ width: 500px;margin: 3px 0 5px 3px;}
.about-box { width: 240px; margin: 6px 3px 6px 10px;float: left; }
/* table2 */

#tab2 h1{font:bold 20px/26px Arial;}
#tab2 p  {font:normal 12px/17px Arial;}
#tab2 li {font:normal 12px/17px Arial;}
#tab2 td	{font:normal 12px/17px Arial;color:#fff;}
#tab2 table	{border:1;border-collapse:collapse;}
#tab2 td	{padding:4px; width:80px;border:1px solid #303030;}
#tab2 th	{font:bold 12px/17px Arial;text-align:center;padding:4px;border-bottom:1px solid #fff;}
#tab2 tr.odd	{background:#11141D;}
#tab2 tr.highlight	{background:#0189E1;}
#tab2 tr.selected		{background:#0189E1;color:#fff;}
#tab2 td+td+td {text-align:left;}


/* table3 */

#tab3 h1{font:bold 20px/26px Arial;}
#tab3 p  {font:normal 12px/17px Arial;}
#tab3 li {font:normal 12px/17px Arial;}
#tab3 td	{font:normal 12px/17px Arial;color:#fff;}
#tab3 table	{border:1;border-collapse:collapse;}
#tab3 td	{padding:4px; width:120px;border:1px solid #303030;}
#tab3 th	{font:bold 12px/17px Arial;text-align:center;padding:4px;border-bottom:1px solid #fff;}
#tab3 tr.odd	{background:#11141D;}
#tab3 tr.highlight	{background:#0189E1;}
#tab3 tr.selected		{background:#0189E1;color:#fff;}
#tab3 td+td+td {text-align:left;}