@charset "utf-8";




body {
	margin:0;
	padding:0;
	background: none;
	width:100%;
	background-image: url(bg3.jpg);
	background-repeat: repeat-x;
}
html { padding:0; margin:0;}
.clr {clear:both; padding:0;}
.footer_spacing {
	width:930px;
	height:30px;
	margin-top:10px;
	padding:0;
	color: #666;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.bg1 { width:90%; clear:both; border-top:1px dashed #cebf94; padding:0 20px; margin:0;}

.mainnav { font-family: "Myriad Pro", Corbel, "Microsoft Sans Serif", Raavi, Tahoma, Verdana;
font-variant: small-caps;
font-size: 16px;
text-decoration: none;
color:#fff;
}


/* main */
.main {
	width:100%;
	padding:0;
	margin-top:0px;
	margin:0 auto;
	height:1500px;
	color: #eeeeee;
}
.border {margin:0 auto; width:940px;  padding:0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background:#fff;}
.bg_metalic{ margin:0px auto;  margin-top:0px; height:137px; padding:0px 0 0 0; background:url(bg_metalic.jpg);}

/* header */

.header{ width:940px; margin:0px auto;  margin-top:0px; height:1400px; padding:0px 0 0 0;}



/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Search  {} /**/ 
.Search { width:100px; padding:0; margin:20px 0 0 0; float:right;}
.Search form { padding:8px 5px 0 5px; float:right;}
.Search input { color:#ffffff; float:left; padding:0; margin:0 2px 0 5px;}
.Search  input.keyword { background:#3c3c3c; border:1px solid #2e2e2e; width:170px; color:#acacac; padding:3px 5px; height:15px; font:normal 12px Tahoma, Geneva, sans-serif;} 

.navigation {
	width:930px;
	height:187px;
	margin:0 auto;
	padding:0;
	color: #D6D6D6;
}
.logocenter{width:940px; margin:0px auto; height:120px; padding:0px;}
.logo { width:450px; height:70px; margin:45px 0 22px 240px; padding:0; float:left; background:url(Logo.png);}


/*menubar*/
.menubar{ text-align:center; position:relative; padding:0; list-style-type:none; margin:0; background:url(menubar%20bk.jpg); width:930px; height:40px;     }
.menubar ul{ padding:0; margin:0; list-style-type:none;}
.menubar li{float:left;position:relative;color: #FFF;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-size: 14px;color: #CCC;}
.menubar li a, .menubar li a:visited{ display:block; text-decoration:none; float:left; width: 186px; height:30px;margin:0px; margin-bottom:0px; padding-top:10px; padding-bottom:0px;  }
.menubar li a:hover, .menubar li a:active{ background:url(MOBG3.jpg); margin:0px; float:left; height:30px; width:186px;      margin-bottom:0px; padding-top:10px; padding-bottom:0px;      }

*html .menubar li a, .menubar li a:visited{ width: 186px; height:30px; margin-top:0px;margin-bottom:0px; padding-top:10px; padding-bottom:0px; }

.menubar li ul{ visibility:hidden; position:absolute; overflow:hidden; left:0; width:186px; height:30px}
.menubar li:hover a, .menubar li a:hover{
	border:0;
	text-decoration:none;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:0px;
	color: #fff;
}
.menubar li:hover ul,.menubar li a:hover ul{visibility:visible;height:40px;width:186px;overflow:visible;margin-top:40px;}

.menubar li:hover ul li a,.menubar li a:hover ul li a {display:block; font-weight:normal; height:30px;  width:186px; padding-top:10px; background-color:#000;  border-top:dotted 1px #333;}
.menubar li:hover ul a:hover, .menubar li:hover ul a:active{ background:url(MOBG3.jpg); margin:0px; float:left; height:30px;    width:186px;    margin-bottom:0px; padding-top:10px; padding-bottom:0px; }


* html .menubar li a:hover ul li a {width:186px;}




/* banner */
.banner { width:930px; margin:0px auto; margin-top:0px; padding:0; float: right;  height:226px;}
.aboutus{width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner_aboutus.jpg)}
.careers{width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner_careers.jpg)}

/* equip */

.equipment { width:930px; margin:0px auto; margin-top:0px; padding:0; float: right;  background:url(Equipment2.jpg); height:226px;}

/*testimonial*/
.testimonial { width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner-testimonial.jpg);}

/*quality*/

.quality {width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner-quality.jpg);}

.services {width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner-services.jpg);}

/*contact*/
.contact { width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:;}


/*links*/
.links { width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner_links.jpg);}


.RFQ {width:930px; margin:0px auto; margin-top:0px; padding:0px; float:right; height:226px; background:url(banner-rfq.jpg);}
/*photogallery*/

.gellerybox {width:930px; height:500px; margin:0 auto; padding:0;}
.gallery {
	width:720px; 
	float:left;
	padding:120px 0 0 105px; 
	margin:0;
	height:400px;
	color: #333;
}



.mask{
	position:relative;
	width:720px;
	height:400px;
	overflow:hidden;
}
#slide {position:absolute;}
#slide span{ display:block; float:left;}

.span img{
	display:block;
	border:none;
}
.controller{
	position:relative;
	width:720px;
	height:360px;	
}
.previous{
	float:left; background:url(820x50_pink.png);
	width:170px;
	height:35px;	margin-top:2px; margin-left:3px; margin-right:1px; border:2px #CCC dotted;
}

.play{
	float:left; background:url(820x50.png);
	width:170px;
	height:35px;	margin-top:2px; margin-left:5px; margin-right:1px; border:2px #CCC dotted;
}
.stop{
	float:left; background:url(820x50.png);
	width:170px;
	height:35px;	margin-top:2px; margin-left:5px; margin-right:1px; border:2px #CCC dotted;
}
.next{
	float:left; background:url(820x50_pink.png);
	width:170px;
	height:35px; 	margin-top:2px; margin-left:5px; margin-right:1px; border:2px #CCC dotted;
}


.buttons{
	padding:0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttons span{color:#003;padding:0 15px;cursor:pointer;font:16px Arial}
.buttons span.active, .buttons span:hover{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	font-family: "Arial", Gadget, sans-serif;
	text-align: left;
}


/*contents*/

.contents { width:940px; margin: 0px auto; margin-top:20px; padding:0; float:right; height: 1000px;}
.footer {
	width:930px;
	height:30px;
	margin-top:10px;
	padding:0;
	color: #666;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.footer_button{
	width:319px;
	height:86px;
	margin-left:310px;
	padding:0;
	color: #666;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}



.box1{
	width:584px;
	height:240px;
	float:left;
	padding:0px;
	margin: 10px 0 0 20px;
	background:url(box1-584x240.png);
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.box2 {
	width: 307px;
	float:right;
	padding:0px;
	margin: 10px 20px 0px 0;
	height: 240px;
	background:url(box2-307x240.png);
	font-family: Arial, Helvetica, sans-serif;
}

/*contetns2*/
.contents2{
	width:880px;
	padding:0px;
	margin:0px auto;
	margin-top:20px;
	margin-right:40px;
	float:right;
	height:50px;
	border-top:1px solid #999;





	border-bottom:1px solid#;
	border-bottom: 1px solid #999;
}
.contents2_box{
	width:878px;
	padding:0px;
	margin:0px auto;
	margin-top:3px;
	float:right;
	height:42px;
	border-top:1px solid #999;
	border:1px solid #CCC;
	background-color: #efefef;
}
.box3 {
	width: 902px;
	padding:0px;
	margin:0px auto;
	margin-right:19px;
	margin-top:0px;
	float:right;
	height:44px;
	background:url(box3-902x44.png);
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.box4 {
	width:584px;
	padding:0px;
	margin:10px 0 0 20px;
	float:left;
	height:300px;
	background:
	font-size: 20px;
}
.box5 {width: 307px; padding:0px; margin:10px 20px 0 0; float:right; height:300px; }
.box_equip_right{width: 530px; padding:0px; margin:10px 20px 0 0; float:right; height:550px; }
.box_equip_left {
	width:360px;
	padding:0px;
	margin:10px 0 0 20px;
	float:left;
	height:550px;
	background:
	
}
.box_equip_bottom {
	width:900px;
	padding:0px;
	margin:570px 0 0 20px;
    float:top;
	height:400px;
}
.box_equip_bottom_text {
	width:883px;
	height:250px;
	padding:0px 0px 20px 15px; margin:0px;
	color:#666;
    background:#efefef;
	float:left;
	margin-top:5px;
	border:1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.tmex {width:940px; margin:0px auto; margin-top:0px; padding:0px; float:right; height: 500px;}
.tmex div{
	height:500px;
	width:840px;
	float:right;
	margin:0px;
	margin-right:50px;
	margin-top:50px;
	color: #333;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.tmex div div{ height:500px; width:940x; float:right; margin:10px;}
.tmtop { width:840px; padding:0px; margin:0px auto; margin-top:30px; float:right; height:500px;  background:url(box-840x500.png);}



/*aboutus_box*/
.aboutus_box {
	width:820px;
	padding:0 10px;
	margin:10px 0 0 50px;
	float:left;
	height:600px;
	font-size: 16px;
}
.aboutus_box a { color:#666666; text-decoration:none;}
/*careers_box*/
.careers_box {
	width:820px;
	padding:0 10px;
	margin:10px 0 0 50px;
	float:left;
	height:160px;
	font-size: 16px;
}
.careers_box2 {
	width:820px;
	padding:0 10px;
	margin:10px 0 0 50px;
	float:left;
	height:170px;
	font-size: 15px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
.careers_box3 {
	width:820px;
	padding:0 10px;
	margin:10px 0 0 50px;
	float:left;
	height:280px;
	font-size: 15px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}



/*RFQ_box*/
.RFQ_box { width:550px; padding:0 10px; margin:10px 0 0 160px; float:left;}
.RFQ_box a { color:#666666; text-decoration:none;}


/*RFQ Contact*/

.title{background:url(820x50.png); width:535px; height:25px; padding:0px 0px 20px 15px;color:#666;  float:left; border-top:0px solid #999;  margin-top:20px;}
.title2{ background:url(820x50.png); width:800px; height:25px; padding:0px 0px 20px 15px;color:#666;  float:left;    margin-top:20px; margin-left:55px;}
.title_right{  background:url(820x50.png);  width:510px; height:25px; padding:0px 0px 25px 15px;color:#666;  float:left; border-top:0px solid #999;   margin-top:20px;}
.title_left{background:url(820x50.png);  width:335px; height:25px; padding:0px 0px 25px 15px;color:#666;  float:left; border-top:0px solid #999;  margin-top:20px;}
.title_bottom{
	background:url(820x50.png); 
	width:885px;
	height:25px;
	padding:0px 0px 25px 15px;
	color:#336;
	float:left;

	margin-top:0px;
	text-align: left;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.index_title_left{
	width:555px;
	height:24px;
	padding:0px 0px 20px 15px;
	color:#666;
    background:url(index_textbg_l.jpg);
	float:left;
	margin-top:5px;
}
.index_title_right{
	width:272px;
	height:24px;
	padding:0px 0px 20px 15px;
	color:#666;
	background:url(index_textbg_r.jpg);
	background-color:#d6d6d6;
	float:left;
	margin-top:5px;
	
}

.index_font
{ font:Arial, Helvetica, sans-serif;
  color:#666;
  height:25px;
  width:300px;
  float:top; 
  margin:0;

}
.equip_text_l{
	width:333px;
	height:450px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	margin-top:5px;
	background:#efefef;
	border:1px solid #CCC;
	font-size: 15px;
	font-family: Tahoma, Geneva, sans-serif;
}

.equip_text_r{
	width:509px;
	height:450px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	margin-top:5px;
	background:#efefef;
	border:1px solid #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

.quality_text{
	width:798px;
	height:400px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	margin-top:5px;
	margin-left:55px;
	background:#efefef;
	border:1px solid #CCC;
	font-family: Tahoma, Geneva, sans-serif;
}


.index_news{
	width:800px;
	height:80px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	margin-top:5px; margin-left:5px; background:#efefef; border:1px solid #CCC;
	font-family: Tahoma, Geneva, sans-serif;
}


.testimonial_box{
	width:800px;
	height:200px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	border-top:0px solid #999;
	border-bottom:1px solid #999;
	margin-top:20px;
	margin-left:55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.contactinfo_box{
	width:800px;
	height:300px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	border-top:0px solid #999;
	border-bottom:1px solid #999;
	margin-top:20px;
	margin-left:55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.links_box{
	width:798px;
	height:250px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	
	border:1px solid #CCC;
	margin-top:5px;
	margin-left:55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.index_text_l{
	width:553px;
	height:220px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	margin-top:5px;
	background:#efefef;
	border:1px solid #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	background-color: #efefef;
}

.index_text_r{
	width:270px;
	height:220px;
	padding:0px 0px 20px 15px;
	color:#666;
	float:left;
	margin-top:5px;
	background:#efefef;
	border:1px solid #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #efefef;
}


/* Conatct Form */

#quoteform { margin:0; padding:5px; background:#efefef; border:1px solid #e5e5e5;}
#quoteform { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#quoteform ol{ margin:0; padding:0; list-style:none;}
#quoteform li { margin:0 0 5px 0; padding:10px; background:none;}
#quoteform label {
	margin:0;
	width:150px;
	display:block;
	float:left;
	padding:2px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight: normal;
}
#quoteform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#quoteform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#quoteform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#quoteform li.buttons input {
	width:110px;
	height:30px;
	padding:0px;
	margin:0 0 0 150px;
	
	color:#333;
	float:left;
	border:0px;
}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text {
	font:14px Arial, Helvetica, sans-serif;
	color:#6f6f6f;
	padding:10px 0 10px 40px;
	margin:0;
	width:150px;
	float:left;
}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 {
	width:375px;
	border:1px solid #d6d6d6;
	background:#fff; }.main_body p {
	font:24px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#666;
}
.main_body p {
	font:24px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#666;
}







.header .navigation .contents .box1 table tr td p {
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.header .navigation .contents .box2 table tr td {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
}
.header .navigation .contents .box1 table tr td p {
	font-size: 14px;
}
.header .navigation .contents .box1 table tr td p {
	font-size: 14px;
	text-align: left;
}
.header .navigation .contents .box2 table tr td p {
	font-size: 14px;
}
.header .navigation .contents .box2 table tr td p {
	color: #333;
}
.header .navigation .contents2 .box3 table tr td {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.header .navigation .contents2 .box3 table tr td p {
	color: #333;
}
.navigation .contents .box4 table tr td {
	font-family: Arial, Helvetica, sans-serif;
	color: #003;
	font-size: 16px;
}
.navigation .contents .box4 table tr td p {
	font-size: 18px;
	color: #003;
	font-family: Arial, Helvetica, sans-serif;
}
.navigation .contents .box5 table tr td {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003;
}
.navigation .contents .box5 table tr td p {
	font-size: 16px;
}
.header .navigation .tmex .tmtop table tr td p {
	font-style: normal;
	font-size: 16px;
	color: #333;

}
.header .navigation .tmex .tmtop table tr td {
	font-style: italic;
	color: #333;
}
.header .navigation .contents .box1 table tr td p {
	font-size: 14px;
}
.main .header .navigation .menubar ul li a span {
	font-family: Arial, Helvetica, sans-serif;
}
.main .header .navigation .menubar ul li a span {
	color: #FFF;
}
.main .header .navigation .menubar ul ul li a span {
	color: #FFF;
}
.main .header .navigation .RFQ_box .title p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.main .header .navigation .contents .box4 .equip_text p {
	font-family: Arial, Helvetica, sans-serif;
}
.main .header .navigation .contents .box4 .equip_text p {
	font-size: 16px;
}
.main .header .navigation .contents .box5 .title_right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: ;
}
.main .header .navigation .contents .box4 .equip_text_l p {
	font-size: 14px;
}
.main .header .navigation .contents .box4 .equip_text_l p {
	font-family: Arial, Helvetica, sans-serif;
}
.main .header .navigation .title2 table tr td p {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336;
}
.main .header .navigation .contactinfo_box table tr td p {
	font-size: 16px;
}
.main .header .navigation .contents .box4 .index_text_l p {
	font-size: 16px;
	color: #666;
}
.main .header .navigation .contents .box5 .index_title_right table tr td p {
	font-family: Arial Black, Gadget, sans-serif;
}
.main .header .navigation .contents .box5 .index_title_right table tr td p {
	font-family: Arial, Helvetica, sans-serif;
}
.main .header .navigation .contents .box5 .index_title_right table tr td p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:;
}
.main .header .navigation .contents .box5 .equip_text_r table tr td p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.main .header .navigation .contents .box4 .equip_text_l p {
	font-family: Arial, Helvetica, sans-serif;
}
.main .header .navigation .contents .box4 .equip_text_l p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.main .header .navigation .contents .box_equip_left .title_left table tr td p {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336;
}
.main .header .navigation .contents .box_equip_right .title_right table tr td p {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336;
}
.main .header .navigation .contents .box_equip_right .equip_text_r table tr td p {
	font-size: 14px;
	font-weight: normal;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #999;
}
.main .header .navigation .contents .box_equip_right .equip_text_r table tr td {
	font-weight: normal;
}
.main .header .navigation .contents .box_equip_right .equip_text_r table tr td {
	font-size: 14px;
	color: #666;
}
.main .header .navigation .quality_text p {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.main .header .navigation .contents .box5 .index_title_right table tr td {
	font-size: 18px;
	color: #336;
}
.main .header .navigation .contents .box4 .index_title_left table tr td {
	font-size: 18px;
	color: #336;
}
.main .header .navigation .contents .contents2 table tr td {
	color: #336;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.main .header .navigation .RFQ_box form ol li label {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.main .header .navigation .RFQ_box form table {
	color: #efefef;
}
.main .header .navigation .gellerybox .gallery .buttons #prev1 {
	color: #666;
	text-align: left;
}
.main .header .navigation .gellerybox .gallery .buttons #play1 {
	color: #666;
	text-align: left;
}
.main .header .navigation .gellerybox .gallery .buttons #stop1 {
	color: #666;
	text-align: left;
}
.main .header .navigation .gellerybox .gallery .buttons #next1 {
	color: #666;
	text-align: left;
}
.main .header .navigation .aboutus_box table tr td p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
}
.controller {
	font-size: 14px;
}
.main .header .navigation .aboutus_box table tr td p {
	font-weight: normal;
	font-size: 15px;
	color: #666;
}
.main .header .navigation .aboutus_box table tr td p strong {
	color: #336;
}
.main .header .navigation .careers_box table tr td p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.main .header .navigation .contactinfo_box table tr td p {
	font-size: 15px;
}