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

body
{
padding:auto;margin:auto;width:100%;height:100%;  margin-top:0px; font-family:Swis721 Cn BT; background:#000 !important;}

#main_frame
{padding:auto;margin:auto;width:990px; display:table; }
#main_bar
{width:100%; height:100%; background:#6c6c6c; border-top:2px solid #ccc;  border-bottom:2px dashed #ccc;}
.top_bar
{float:left; width:990px; height:10px; }


.email_id{float:right; width:970px; height:auto;  margin-left:20px; margin-top:20px; font-size:14px;}
.email_id a{float:right; color:#ccc !important; }



#main_header{padding:0px;margin:0px;width:100%;height:100%;  background:#000;  border-bottom:3px solid #fff;   }
.logo_header{float:left; width:990px; height:auto; background:#000;}
.company_logo{float:left; margin-top:0px;}

#menu, #menu ul {margin: 30px 0px 10px 0px!important;padding: 0;list-style: none; z-index:999; position:relative; float:left;  }
#menu {margin: 0px;    }
#menu:before,
#menu:after {content: "";display: table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li {float: left;position: relative;}

#menu li a {
float: left;padding:6px 10px 6px 10px;color:#fff; font:15px NewsGoth Cn BT;text-decoration: none;  margin-left:20px; letter-spacing:1px;  }
#menu li:hover > a {color:#fff;  }

*html #menu li a:hover { /* IE6 only */color:#fff !important; font-weight:bold;   }

#menu ul {margin: 10px 0 0 0px !important;opacity: 0; z-index:999;visibility: hidden;position: absolute;top: 20px;left: 0; line-height:5px; border:2px solid #000;
z-index: 1;    background: #0c4e84; color:#FFF !important;
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
-moz-border-radius: 3px;-webkit-border-radius: 3px;
border-radius: 3px;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; 
}

#menu li:hover > ul {
opacity: 1;visibility: visible;margin: 0;}

#menu ul ul {
top: 0;left: -220px;margin: 0 0 0 30px;_margin: 0; /*IE6 only*/-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);box-shadow: -1px 0 0 rgba(255,255,255,.3);  }

#menu ul li {float: none;display: block;border: 0;_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;  font-size:14px; text-shadow:none;}

#menu ul li:last-child {   
-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;    
}

#menu ul a {    
padding: 5px; width: 290px;_height: 5px; /*IE6 only*/
display: block; font-size:14px;white-space: nowrap;float: none;text-transform: none; }
	
#menu ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}
	
#menu ul li:first-child > a:after {
content: '';position: absolute;left: 40px;
top: -6px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #444;}
	
#menu ul ul li:first-child a:after {left: -6px;
top: 40%;margin-top: 0px;border-left: 0;	border-bottom: 6px solid transparent;border-top: 6px solid transparent;border-right: 6px solid #3b3b3b;
}

#menu li a:hover, #menu li.active, #menu ul li.active a{color:#fff; border-top:3px solid #fff; }

#menu ul li a:hover { border-top:2px solid #ccc; border-bottom:2px solid #ccc; font-weight:bold;}

#menu ul li:first-child a:hover:after {border-bottom-color: #0095e5; }

#menu ul ul li:first-child a:hover:after {border-right-color:#0095e5; 
border-bottom-color: transparent;}

#menu ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;}





#main_content{padding:0px ;margin:0px; width:100%; height:100%; background:url(../images/bg.png) #eaeaea repeat-x; }
.content1{float:left; width:990px; height:auto; }


#main_content2{padding:0px ;margin:0px; width:100%; height:100%; background:#cccccc; }
.content2{float:left; width:990px; height:auto; }
.content2 h1{float:left; width:990px; font-size:30px;  color:#000; margin-top:20px; margin-bottom:0px; text-align:center; margin-bottom:10px;}
.content2 h2{float:left; width:970px; font-size:20px;  color:#fff; margin-top:20px; margin-bottom:0px; text-align:left; margin-bottom:10px; background:#666; padding:10px;}
.content2 p{float:left; width:980px; font-size:15px;  color:#000; margin-top:20px; padding:5px; text-align:justify; margin-bottom:10px; line-height:21px;}
.content2 p:hover{float:left; width:980px; font-size:15px;  color:#000; box-shadow:2px 2px 2px 2px #000; padding:5px; }




#main_content3{padding:0px ;margin:0px; width:100%; height:100%; background:#8bb4d5; }
.content3{float:left; width:990px; height:auto; }
.content3 h1{float:left; width:990px; font-size:30px;  color:#000; margin-top:20px; margin-bottom:0px; text-align:center; margin-bottom:10px;}
.content3 h2{float:left; width:970px; font-size:20px;  color:#fff; margin-top:20px; margin-bottom:0px; text-align:left; margin-bottom:10px; background:#000; padding:10px;}
.content3 p{float:left; width:980px; font-size:15px;  color:#000; margin-top:20px; padding:5px; text-align:justify; margin-bottom:10px; line-height:21px;}
.content3 p:hover{float:left; width:980px; font-size:15px;  color:#000; box-shadow:2px 2px 2px 2px #000; padding:5px; }
.content3 p img{float:left; margin-right:10px;}





#main_content4{padding:0px ;margin:0px; width:100%; height:100%; background:#00a199; }
.content4{float:left; width:990px; height:auto; }
.content4 h1{float:left; width:990px; font-size:30px;  color:#000; margin-top:20px; margin-bottom:0px; text-align:center; margin-bottom:10px;}
.content4 h2{float:left; width:970px; font-size:20px;  color:#fff; margin-top:20px; margin-bottom:0px; text-align:left; margin-bottom:10px; background:#000; padding:10px;}
.content4 h2 a{float:left; width:970px; font-size:20px;  color:#fff; margin-top:20px; margin-bottom:0px; text-align:left; margin-bottom:10px; background:#000;}
.content4 p{float:left; width:980px; font-size:15px;  color:#000; margin-top:20px; padding:5px; text-align:justify; margin-bottom:10px; line-height:21px;}
.content4 p:hover{float:left; width:980px; font-size:15px;  color:#000; box-shadow:2px 2px 2px 2px #000; padding:5px; }
.content4 p img{float:left; margin-right:10px;}








.left_content{float:left; width:700px; height:0px; margin:10px; background:#eaeaec !important;}
.slider_box{float:left; width:680px; height:315px; background:#000; margin:10px 10px 0px 10px;}
.left_content h1{float:left; width:690px; font-size:20px;  color:#0095e5 !important; margin-top:20px; margin-bottom:0px; text-align:left;}
.left_content p{float:left; width:690px; font-size:15px;  color:#000; margin-bottom:30px; text-align:justify; line-height:23px;}

.rgt_content{float:right; width:250px; height:580px; margin-top:-5px;}
.product_box{float:right; width:150px; height:550px; background:#000;}
.product_box div{ float:right; width:240px; height:520px; background:#dedbdb; margin:10px 10px 0px 10px;}
.product_box div h1{ float:right; width:220px; height:auto; background:#dedbdb; margin:10px 10px 0px 10px; font-size:18px; border-bottom:2px dashed #000;}
.product_box div p{ float:right; width:220px; height:auto; background:#dedbdb; margin:10px 10px 0px 10px; font-size:14px; border-bottom:2px dashed #000; text-align:justify;}
.product_box div p img{float:left; margin-left:20px; margin-bottom:10px; margin-right:20px; line-height:22px;}


.xplore_btn{float:left; width:100px; height:auto; color:fff !important; background-color:#000; margin-left:171px; padding:10px; margin-top:0px;}
.xplore_btn a :hover
{float:left; color:fff !important;box-shadow:0px 0px 5px 0px #fff; padding:2px; background-color:#0c4e84; }


.xplore_btn1{float:left; width:100px; height:auto; color:fff !important; background-color:#000; margin-left:0px; padding:10px; margin-top:0px;}
.xplore_btn1 a :hover
{float:left; color:fff !important;box-shadow:0px 0px 5px 0px #fff; padding:2px; background-color:#0c4e84; }



#main_contacts{width:100%; height:100%; border-top:5px solid #c52720;  background:#eaeaea; border-bottom:4px solid #c52720;}
.contacts{float:left; width:990px; height:360px; margin-top:10px; border-left:4px solid #000; border-right:4px solid #000;}
.contacts div{float:left; width:280px; height:260px; background:#eaeaea;  margin-right:5px;}
.contacts div:hover{float:left; width:280px; height:250px; background:#c52720; margin-right:5px;}
.contacts h1{float:left; width:290px; font-size:18px; text-align:left;  color:#fff; margin-left:5px; font-family:Swis721 Cn BT; padding:5px; background:#000;}
.contacts p{float:left; width:280px; color:#000; margin-right:15px;  margin-left:5px; margin-top:0px; line-height:25px; font-size:14px; text-align:justify;}

.contacts p:hover{float:left; width:280px; color:#fff; margin-right:15px;  margin-left:5px; margin-top:0px; line-height:25px; font-size:14px; text-align:justify;}

.contacts p img{float:left; margin-right:5px; margin-left:2px; margin-top:5px;}
.contact_button{float:left; width:150px; height:auto; background:#777777; text-align:center; color:#fff; padding:10px; font-family:Arial, Helvetica, sans-serif;}
.contact_button:hover
{float:left; width:150px; height:auto; background:#000; text-align:center; color:#f38929; padding:10px; font-family:Arial, Helvetica, sans-serif;}




#main_footer{padding:0px; width:100%;height:100%; background:#c52720; border-top:5px solid #fff; }
.footer{float:left; width:990px; height:120px;}
.footer_box{float:left; width:990px; height:auto;}
.social_icon
{float:left; width:300px; margin:10px 0px 0px 290px;
}
.facebook
{float:right; width:50px; height:50px; margin-right:20px; background:url(../images/facebook.png);}
.facebook:hover
{float:right; width:50px; height:50px; margin-right:20px; background:url(../images/facebook_hover.png);}
.linkedin
{float:right; width:50px; height:50px;  margin-right:5px; background:url(../images/linkedin_icon.png);}
.linkedin:hover
{float:right; width:50px; height:50px;  margin-right:5px; background:url(../images/linkedin_hover.png);}
.twitter_icon
{float:right; width:50px; height:50px;  margin-right:5px; background:url(../images/twitter_icon.png);}
.twitter_icon:hover
{float:right; width:50px; height:50px;  margin-right:5px; background:url(../images/twitter_hover.png);}



.footer p { float:left; margin:0px 0px 0px 22px; color:#fff; font-size:16px; line-height:50px; font-family:Swis721 Cn BT; width:800px; font-weight:bold; }
.footer_text{float:left; width:990px; height:50px; background:#000; }
.footer_text p{float:left; width:700px; font-size:14px; color:#fff;}


.table{float:left; width:auto; height:auto; font-size:16px; background:#cccccc; color:#000; margin:10px 20px 10px 40px; }
.table a{float:left; width:auto; height:auto; font-size:16px; background:#c52720; color:#000 }
.certificate{float:left; margin-left:20px;}
.video{float:right; width:auto; height:auto; margin-right:6px;}
.contact_box{float:left; width:980px;  padding-bottom:10px; }

.enquiry_form
{float:left; width:950px !important; background:#cccccc; margin:10px 0px 20px 10px;   border:4px solid #000; padding:10px; }

.enquiry_form div {width:400px;float: left;height:auto;color:#000;
font-family: Arial, Helvetica, sans-serif;font-size: 13px;margin-top:3px;font-weight: normal;margin-left:35px !important;margin-right:25px !important;position:relative;display:block;
margin-bottom:5px;text-shadow:none;margin-left:0px;}

.txt_area1 {color:#000000;font-family:Arial;font-size:11px;font-weight: normal;height:26px;width:272px;float:right; border:1px solid #999;margin:0px 0 3px 0px;}

.txt_box1 {color:#000000;font-family:Arial;font-size:11px;border:1px solid #999;
font-weight: normal;height:26px;width:272px;float:right;margin:0px 0 3px 0px;}

.select1 {color:#000000;font-family:Arial;font-size:11px;font-weight: normal;height:26px;border:1px solid #999;width:276px;float:right;margin:0px 0 3px 0px !important;}

.button {height:23px;width:60px;border:none;cursor:pointer;color:#FFFFFF !important;font-family: Arial!important;border:1px solid #FFFFFF;font-weight:bold;box-shadow: 0px 3px 0px #262f34 !important;-moz-box-shadow: 0px 3px 0px #262f34 !important;-webkit-box-shadow: 0px 3px 0px #262f34 !important;float:right !important;margin-top:0px !important;
margin-right:15px !important;	background:#000 !important;}
.button:hover {background:#ccc !important;}


.table1{float:left; width:auto; height:auto; font-size:14px;  color:#000; margin:10px 20px 10px 50px; }