@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
}

/* sub */

.mainbody #container {
	width: 981px;  
	background: #FFFFFF;
	text-align: left; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
.mainbody #header {
	background: #ffffff; 
	height: 98px;
	text-align:right;

}

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

.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:981px;
	height:487px;
	margin-bottom:4px;
	overflow: auto;
	height:487px;
 
}
.homepage {
  color:#FFFFFF;
  
  

  
}

.content_one_col {

 height:487px;
 width:1108px;
 margin-bottom:4px;
}

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

.content_right {
	width:587px;
	font-size: 14px;
	float: right;
	height:487px;
	
	
		
}

.content_left_text{
  margin-top:189px;
  margin-left:197px;
  width:193px;
  height:298px;
  
  

  
}

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

.content_left{
	width:390px;
	float:left;
	font-size: 14px;
	height:487px;
	
	
}
.left_bk_0{
	background-image: url(images/left_1.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}
.left_bk_1{
	background-image: url(images/left_2.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.left_bk_2{
	background-image: url(images/left_3.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}
.left_bk_3{
	background-image: url(images/left_4.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.left_bk_4{
	background-image: url(images/left_5.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.left_bk_5{
	background-image: url(images/left_6.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}


.right_bk_1{
	background-image: url(images/right_1.gif);
	background-repeat: no-repeat;
	background-position: left top; 
}


.right_bk_2{
	background-image: url(images/right_2.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_21{
	background-image: url(images/right_21.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_22{
	background-image: url(images/right_22.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_23{
	background-image: url(images/right_23.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_24{
	background-image: url(images/right_24.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_3{
	background-image: url(images/right_3.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_31{
	background-image: url(images/right_31.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_32{
	background-image: url(images/right_32.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_4{
	background-image: url(images/right_4.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_41{
	background-image: url(images/right_41.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_42{
	background-image: url(images/right_42.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_43{
	background-image: url(images/right_43.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.right_bk_5{
	background-image: url(images/right_5.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}
.right_bk_61{
	background-image: url(images/right_61.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}
.right_bk_62{
	background-image: url(images/right_62.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
}

.content_right_text_area{
width:587px;
height:168px;
margin-top:189px;  
}

.content_right_text_area_2{
 width:587px;
 height:126px;
 margin-top:4px;
}

.text_block{
 height:126px;
 width:193px;
 float:left;
 margin-right:4px;
}
.right_text_block
{
 margin-right:0px;
}
.text_block_title{
height:16px;
background-color:#b2bb1d;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-align:center;
}
.text_block_text{
height:98px;
background-color:#ccd27a;
color:#000000;
font-size:10px;
padding-left:12px;
padding-right:12px;
padding-top:12px;
}

.right_text_bk_1{
background-color:#b2bb1d;
}

.right_text_bk_2{
background-color:#5a91c3;
height:298px;
}
.right_text_bk_3{
background-color:#dda570;
height:298px;
}
.right_text_bk_4{
background-color:#4F8D97;
height:298px;
}

.right_text_bk_5{
background-color:#c37153;
height:298px;
}

.right_text_bk_6{
background-color:#ccd27a;
height:298px;
}

.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{
color:#b2bb1d;

font-size:24px;
font-weight:bold;
margin-left:12px;
  
}

.content_left p{

	color:#000000;

font-size:10px;
padding-left:12px;
padding-right:12px;
  
}



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

.content_right p{
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding-left:12px;
	padding-right: 12px;
	text-align: left;
  
}



h1{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#ffffff;
font-size:20px;
font-weight:bold;
padding-left:12px;

}


.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:390px;
	height:69px;
	float:left;
	margin-top:29px;
	margin-right:4px;

}
.header_logo_text{
	width:390px;
	height:69px;
	float:left;
	margin-top:29px;
	margin-right:4px;
	
	

}
.header_menu{
	width:193px;
	height:69px;
	margin-top:29px;
	position:relative;
	z-index:100;
	float:right;
	text-align:right;
	color:#333333;
	font-size:12px;
	font-weight: bold;
	white-space:nowrap;    /* for ie 6 */
	
}


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

.header_menu ul {
	list-style-type:none;
	text-align:right;
	float:right;
	padding-right:10px;  /*  for ie 6 */
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}


.header_menu ul li {
	
	position:relative;
	margin-right:0px;
    height:23px;   /* for ie 6  text align right*/
	text-align:right;
}


.header_menu a, .header_menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	text-align: right;
	
	
}


/* left menu */
.left_menu ul {
	list-style-type:none;
	text-align:right;
	float:right;
	padding-right:10px;  /*  for ie 6 */
	padding-left:0px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
}

.left_menu ul li {
	position:relative;
	margin-right:0px;
	font-size:25px;
	height:52px;
	vertical-align: middle;
}

.left_menu a, .left_menu a:visited {
	display:block;
	font-size:25px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	text-align: right;
	vertical-align: middle;
	
	
}


/* 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:981px;
	height:16px;
	position:relative;
	z-index:100;
	margin-top: 4px;
	margin-bottom: 4px;
}

.menu_otherpage {
	width:981px;
	height:21px;
	position:relative;
	z-index:100;
	margin-top: 4px;
	margin-bottom: 4px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:982px; w\idth:981px;}
/* 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:193px;}

/* 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:193px;
	position:relative;
}
.menu  #menu_1{
	margin-right:4px;
	background-color: #b2bb1d;
	background-image: url(images/menu_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu  #menu_2{
    background-color: #b2bb1d;
	background-image: url(images/menu_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
    margin-right:4px;
}
.menu  #menu_3{
    background-color: #b2bb1d;
	background-image: url(images/menu_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
 margin-right:4px;
}
.menu  #menu_4{
 background-color: #b2bb1d;
	background-image: url(images/menu_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
  margin-right:4px;
}

.menu  #menu_5{
background-color: #b2bb1d;
	background-image: url(images/menu_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	color:#333333;
	width:193px;
	font-size:12px;
	height:16px;
	line-height:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
}


.menu_otherpage a, .menu_otherpage a:visited {
	display:block;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	width:193px;
	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:194px; w\idth:193px;}

/* 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:16px;
	left:0;
	width:193px;
	text-align: left;
	
}



.menu_otherpage ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0;
	width:193px;
	text-align: left;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:16px;t\op:16px;}
/* 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:11px;
	font-weight:normal;
	color:#000;
	height:auto;
	line-height:1em;
	width:173px;
	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_1 a:visited{
background-color:#ccd27a;
}
.menu ul ul#drop_down_menu_2 a, .menu ul ul#drop_down_menu_2 a:visited{
background-color:#5a91c3;
}
.menu ul ul#drop_down_menu_3 a , .menu ul ul#drop_down_menu_3 a:visited{
	background-color:#dda570;
}
.menu ul ul#drop_down_menu_4 a , .menu ul ul#drop_down_menu_4 a:visited{
background-color:#41989e;
}

.menu ul ul#drop_down_menu_5 a, .menu ul ul#drop_down_menu_5 a:visited {
background-color:#c37153;
}


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

/* style the top level hover */
.menu  a:hover{ 
color:#FFFFFF;

  

 
}
.menu #menu_1 a:hover,.menu #menu_1 a:active { 
    background-color: #b2bb1d;
	background-image: url(images/menu_bk_mouse_over.gif);
	background-repeat: no-repeat;
	background-position: left top; }  
/*.menu #menu_1 ul ul a:hover{background:#666600;} */

.menu #menu_2 a:hover { background-color: #b2bb1d;
	background-image: url(images/menu_bk_mouse_over_2.gif);
	background-repeat: no-repeat;
	background-position: left top;  }  

.menu #menu_3 a:hover {background-color: #b2bb1d;
	background-image: url(images/menu_bk_mouse_over_3.gif);
	background-repeat: no-repeat;
	background-position: left top;  }  

.menu #menu_4 a:hover { background-color: #b2bb1d;
	background-image: url(images/menu_bk_mouse_over_4.gif);
	background-repeat: no-repeat;
	background-position: left top;  }  

.menu #menu_5 a:hover { background-color: #b2bb1d;
	background-image: url(images/menu_bk_mouse_over_5.gif);
	background-repeat: no-repeat;
	background-position: left top; }  



.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 ul ul#drop_down_menu_5 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 ul li{
 
 padding-top:4px;  /*  not margin*/
 background-color:#ffffff;  /* if don't set, tranparent back*/

 
 font-size:11px;
 /*white-space:nowrap;*/
 
}
.menu ul li ul li a{
 
 font-size:11px;
 
}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

.right_arrow{
	color:#FFFFFF;
    font-size: 8px;
	margin-right:2px;
}

img {
 border:none;
}

.menu ul ul a img {

  margin-right:4px;
  
}
.copyright{
word-spacing:normal;
}