@charset "utf-8";
body {
	font: 100% Verdana;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.mainbody #container {
	width: 1108px;  
	background: #FFFFFF;
	text-align: left; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
.mainbody #header {
	background: #000000; 
	height: 98px;

}

.mainbody #mainContent {
	background: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0;
}
.mainbody #footer {
	background:#000000;
	color: #ffffff;
	height:21px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 25px;
	font-size: 12px;
	font-weight: bolder;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0.1px;
	word-spacing: 1px;
	float: none;
	clear: both;

}

.img_link img{
 
  border:0;
}

.mainbody #footer p {
	background-color: #000000;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;	
}

.flash_area{
height:367px;
width:1108px;
}

.page_content {
	width:1108px;
	margin-bottom:4px;
	overflow: auto;
	min-height:314px;
 
}
.homepage {
  color:#FFFFFF;
  background-color:#000000;

  
}

.content_one_col {

 min-height:314px;
 width:1108px;
 margin-bottom:4px;
}

/*add this for IE 6 doesn't recognie min-height*/
* html .content_one_col {
height:314px;
}

.content_right {
	width:274px;
	font-size: 14px;
	float: right;
	min-height:314px;
		
}

.content_left_bk{
	width:834px;
	float:left;
	background-color: #FFFFFF;
	min-height:314px;
}

.content_left{
	width:830px;
	float:left;
	font-size: 14px;
	min-height:314px;

	
}




.content_left h1,.content_one_col h1{


font-size:20px;
margin-top:30px;
margin-left:40px;


  
}

.not_homepage {


font-size:20px;
margin-top:30px;
margin-left:60px !important;


  
}
.news_date{
	margin-left:60px;
	font-style: italic;
	margin-bottom: 10px;
}
.news_pic{
	float:right;
	margin-left: 20px;
}
.content_one_col p{
	margin-left:40px;
	margin-top:0px;
	font-size:14px;
	margin-right: 10px;
  
}
.table_style{
	margin-left:40px;
	margin-top:0px;
	font-size:14px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.content_left h3,.content_one_col h3{
	font-size:14px;
	font-weight:normal;
	margin-left:40px;
	margin-right: 10px;


  
}


.content_left h2,.content_one_col h2{
   margin-left:60px;
   margin-top:30px;
   margin-bottom:0px;
   font-size:14px;
  
}

.content_left p{
	margin-left:60px;
	margin-top:0px;
	font-size:14px;
	margin-right: 10px;
	margin-bottom:15px;
	
  
}



.content_right h2{
   margin-left:10px;
   margin-top:30px;
   margin-bottom:0px;
   font-size:14px;
  
}

.content_right p{
	margin-left:10px;
	margin-top:0px;
	font-size:14px;
	margin-bottom: 0px;
	margin-right: 10px;
  
}
.content_left ul li{
	margin-left:40px;
	margin-top:0px;
	font-size:14px;
	margin-bottom: 0px;
	margin-right: 10px;
  
}


.page_head h1{
	font-size:48px;
	font-weight: bold;
	color: #FFFFFF;
	height:67px;
	
	margin-top:4px;
	padding-left:60px;
	margin-bottom:4px;
	
}

.page_machining{
 background-color: #bbb170;
}
.page_assembly{
 background-color: #c5966b;
}
.page_cutting{
 background-color: #9697bb;
}
.page_fabrication{
 background-color: #c58d75;
}


.img_block{
	height:262px;
	margin-bottom: 4px; 
}
.img_left{
width:274px;
float:left;
margin-right:4px;
}
.img_right{
width:274px;
float:right;
}

.img_certificate{
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	border:0;
}
.img_certificate_homepage{
clear: both;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:0;
}

.header_logo{
	width:389px;
	height:98px;
	float:left;

}
.header_menu{
	width:710px;
	height:32px;
	position:relative;
	z-index:100;
	float:right;
	text-align:right;
	color:#ffffff;
	font-size:15px;
	font-weight: bold;
}


/* hack to correct IE5.5 faulty box model */
* html .header_menu {width:704px; w\idth:703px;}

.header_menu ul {
	list-style-type:none;
	margin-top:49px;
	text-align:right;
	float:right;
	margin-right:10px;
}

.header_menu li {
	float:left;
	position:relative;
	margin-right:5px;
	margin-left:5px;
}

.header_menu a, .header_menu a:visited {
	display:block;
	font-size:15px;
	text-decoration:none;
	color:#fff;
	height:32px;
	font-weight:bold;
	text-align: right;
	letter-spacing: 1px;
	
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .header_menu a, * html .header_menu a:visited {width:31px; w\idth:30px;}

.menu {
	width:1108px;
	height:32px;
	position:relative;
	z-index:100;
	margin-top: 4px;
	margin-bottom: 4px;
}

.menu_otherpage {
	width:1108px;
	height:21px;
	position:relative;
	z-index:100;
	margin-top: 4px;
	margin-bottom: 4px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1109px; w\idth:1108px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:274px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:274px;
	position:relative;
}
.menu  #menu_1{
 background:#666600;
 margin-right:4px;
}
.menu  #menu_2{
 background:#660000;
 margin-right:4px;
}
.menu  #menu_3{
 background:#333366;
 margin-right:4px;
}
.menu  #menu_4{
 background:#993300;
}


/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:20px;
	text-decoration:none;
	color:#fff;
	width:274px;
	height:32px;
	line-height:32px;
	font-weight:bold;
	text-align: center;
}


.menu_otherpage a, .menu_otherpage a:visited {
	display:block;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	width:274px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	text-align: center;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:275px; w\idth:274px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:274px;
	text-align: left;
}

.menu_otherpage ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0;
	width:274px;
	text-align: left;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* another hack for IE5.5 */
* html .menu_otherpage ul ul {top:20px;t\op:21px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	font-size:13px;
	font-weight:normal;
	background:#d4d8bd;
	color:#000;
	height:auto;
	line-height:1em;
	width:254px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align:left;
}

.menu ul ul#drop_down_menu_1 a, .menu ul ul#drop_down_menu_4 a:visited {
background-color:#C9C18A;
}
.menu ul ul#drop_down_menu_2 a, .menu ul ul#drop_down_menu_4 a:visited {
background-color:#B7775D;
}
.menu ul ul#drop_down_menu_3 a, .menu ul ul#drop_down_menu_4 a:visited {
background-color:#9898BB;
}
.menu ul ul#drop_down_menu_4 a, .menu ul ul#drop_down_menu_4 a:visited {
background-color:#D0A883;
}



/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:255px;w\idth:254px;}

/* style the top level hover */

.menu #menu_1 a:hover { background:#666600; }  
/*.menu #menu_1 ul ul a:hover{background:#666600;} */

.menu #menu_2 a:hover {  background:#660000; }  

.menu #menu_3 a:hover { background:#333366; }  

.menu #menu_4 a:hover { background:#993300; }  





.menu ul ul#drop_down_menu_1 a:hover {
background:#000000;
color:#ffffff;
}
.menu ul ul#drop_down_menu_2 a:hover {
background:#000000;
color:#ffffff;
}
.menu ul ul#drop_down_menu_3 a:hover {
background:#000000;
color:#ffffff;
}
.menu ul ul#drop_down_menu_4 a:hover {
background:#000000;
color:#ffffff;
}

.menu :hover > a, .menu ul ul :hover > a {} 

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }