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

body{margin:0;
     padding:0;
	 font-size:12px;
	 color:#888888;
	 font-family: 'Century Gothic'!important;
}
	 
@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/Century Gothic.ttf');
	src: local('?'), url('../fonts/Century Gothic.ttf') format('truetype'),;
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/Century Gothic.woff');
	src: local('?'), url('../fonts/Century Gothic.woff') format('truetype'),;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/Century Gothic.svg');
	src: local('?'), url('../fonts/Century Gothic.svg') format('truetype'),;
	font-weight: normal;
	font-style: normal;
}
*/

img{border:0px;
   vertical-align:bottom;}
	 
#main_container{width:900px;
                margin:auto;}
				
#main_contact{width:960px;
                margin:auto;}
				
#home_container{margin:auto;
                width:806px;
				margin-top:100px;}
			 
#logo{float:left;
      width:100%;
	  margin-bottom:4px;}
	  
#home_banner{float:left;
             width:100%;}
			 
#con_btn{float:right;
         position:absolute;
		 z-index:999;
		 margin:54px 0 0 708px;}
		 
#pro_btn{float:right;
         position:absolute;
		 z-index:9999;
		 margin:356px 0 0 683px;
		 background:url(../images/view_product_btn.png) no-repeat left bottom;
		 text-align:center;
		 color:#fff;
		 font-weight:bold;
		 font-size:16px;
		 width:99px;
		 height:81px;
		 padding:18px 0 0 0;
		 line-height:20px;}
		 
#pro_btn a{color:#fff;
           text-decoration:none;}
		 
		 
#franchise{float:left;
           width:auto;
		   margin:13px 0 0 10px;
		   color:#999999;
		   font-size:12px;
		   font-style:italic;}		 
		 
#franchise img{float:left;
               padding:0 10px 0 0;
			   }		 
		 
#franchise a{color:#999999;
             text-decoration:none;}		 



#franchise_c{float:left;
           width:100%;
		   margin:10px 0 30px 10px;
		   color:#999999;
		   font-size:12px;
		   font-style:italic;}
		   
#franchise_c img{float:left;
               padding:0 10px 0 0;
			   }		 
		 
#franchise_c a{color:#999999;
             text-decoration:none;}
			 
#franchise_p{float:left;
           width:40%;
		   margin:0px 0 0px 0px;
		   color:#999999;
		   font-size:12px;
		   font-style:italic;
		   text-align:left;}
		   
#franchise_p img{float:left;
               margin:-5px 3px 0 0;
			   }		 
		 
#franchise_p a{color:#999999;
             text-decoration:none;}
			 
#copy_p{float: right;
		width: 56%;
		text-align: left;
		}			 
		 

#pro_logo{float:left;
          width:50%;
		  margin-top:40px;}	
		  
#pro_logo_c{float:left;
			  width:50%;
			  margin:89px 0 8px 10px;}
			  		  	 
		 
#product_container{width:848px;
                   border:#bfbfc1 2px solid;
				   border-radius:30px;
				   -moz-border-radius:30px;
				   -webkit-border-radius:30px;
				   -o-border-radius:30px;
				    float:left;
					padding:65px 25px 20px;
					}
					
#contact_container{width:848px;
                   border:#bfbfc1 1px solid;
				   border-radius:30px;
				   -moz-border-radius:30px;
				   -webkit-border-radius:30px;
				   -o-border-radius:30px;
				    float:left;
					padding:0px 65px 28px 75px;
					position:relative;
					}		 
		 
#p_franchise{float:right;
           width:auto;
		   padding:90px 120px 0 0px;
		   color:#999999;
		   font-size:12px;
		   font-style:italic;}
		   
#p_franchise a{color:#999999;
             text-decoration:none;}	
			 
#p_franchise a:hover{color:#359ed2;}


#c_franchise{float:right;
           width:auto;
		   padding:166px 0px 0 0px;
		   color:#999999;
		   font-size:12px;
		   font-style:italic;}
		   
#c_franchise a{color:#999999;
             text-decoration:none;}	
			 
#c_franchise a:hover{color:#359ed2;}

#p_con_btn{float:right;
         position:absolute;
		 z-index:999;
		 margin:89px 0 0 802px;}
		 
#product_container h1{ border-radius:10px;
					   -moz-border-radius:10px;
					   -webkit-border-radius:10px;
					   -o-border-radius:10px;
					   background-color:#7cc04b;
					   color:#fff;
					   font-size:14px;
					   text-transform:uppercase;
					   float:left;
					   width:auto;
					   padding:4px 10px;
					   margin:0px 0 5px 0;
					   }
					   
#product_container h2{font-size:14px;
                      color:#359ed2;
					  margin:0px;
					  padding:0px 0px 0px 8px;
					  font-weight:bold;}		 
							 	 
		 
#left_part{float:left;
           width:485px;}		 
		 
#right_part{float:right;
             width:295px;
	         padding:20px;
			border:#bfbfc1 2px solid;
		    border-radius:30px;
		   -moz-border-radius:30px;
		   -webkit-border-radius:30px;
		   -o-border-radius:30px;}		 
		 
.clear{clear:both;
      height:5px;}	 
		 
.products{float:left;
          width:100%;
		  margin:10px 0 20px 0;
		  padding-left: 8px;}		 
		 
		 
.products img{float:left;
              padding:0px 18px 0px 0px;}		 		 
		 
		 
#pro_rt{float:left;
      width:295px;
	   border:#bfbfc1 2px solid;
		border-radius:30px;
	   -moz-border-radius:30px;
	   -webkit-border-radius:30px;
	   -o-border-radius:30px;
	   text-align:center;
	   height:230px;}	
	   
#pro_rt_txt{float:left;
            width:100%;
		    color:#888888;}	   
	   


h4{color:#888888; margin:10px 0 3px 0;font-weight:bold;}
	   
h3{text-transform:uppercase;
               font-weight:normal;
			   font-size:14px;
			   color:#000;
			   padding:10px 0 10px 0;
			   margin:0px;
			   float:left;
			   font-weight:bold;
			   clear:both;}	   
	   
	   
#pro_rt_txt p{margin:0px 0 10px 0;
             }	   
	   
	   
.click{border:#359ed2 1px solid;
		border-radius:10px;
	   -moz-border-radius:10px;
	   -webkit-border-radius:10px;
	   -o-border-radius:10px;
	   text-align:center;
	   width:auto;
	   color:#359ed2;
	   float:left;
	   padding:4px 10px;
	   font-weight:bold;}	   
	   
.click a{text-decoration:none;
         color:#359ed2;}	   
	   
#footer_new{float:left;
        width:100%;
		text-align:center;
		font-size:12px;
		padding:20px 0;
		}	
		
#footer_con{float:left;
        width:100%;
		text-align:center;
		font-size:13px;
		padding:20px 0;
		margin-top:15px;
		}   

#left_part_c{float:left;
           width:430px;
		   color:#1666a2;
		   font-size:18px;
		   margin-bottom:30px;
		   margin-top:53px;
		   line-height: 20px;
		  }	   
	   
#right_part_c{float:right;
             width:415px;
			 border:none;
			 text-align:right;
			 margin-top:60px;
			 margin-bottom:auto;
			 position: relative;
left: -20px;
	         }	   
	   
.blue{color:#1666a2;}

.light_blue{font-weight:bold;
            color:#359ed2;}	   
	   
.header{font-size:22px;
              margin:0 0 20px 0;
			  color:#1666a2;
			  font-weight:bold;}
			  
			  
.green{color:#7cc04b;
       font-size:18px;
	   font-weight:bold;}			  
		  
#pro_btn_c{float:right;
         position:absolute;
		 z-index:9999;
		 margin:551px 0 0 831px;
		 background:url(../images/view_product_btn_c.png) no-repeat left bottom;
		 text-align:center;
		 color:#fff;
		 font-weight:bold;
		 font-size:19px;
		 width:131px;
		 height:106px;
		 padding:25px 0 0 0;
		 line-height:24px;}			  
			  
#pro_btn_c a{color:#fff;
             text-decoration:none;}	
			 
			 
			 
/*for scrollbar*/			 
#scrollbar_container {
	position:relative;
	width:300px;
	z-index: 50000000!important;
}

#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:10px;
	background-color:transparent;
	cursor:pointer;
	z-index: 50000000!important;
}

#scrollbar_handle {
	width:5px;
	background-color:#1667a2;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
    -moz-opacity:0.9;
	margin-right:5px;
	z-index: 50000000!important;
}

#scrollbar_content {
	overflow:hidden;
	width:280px;
	height:250px;
	border-right:#ededed 5px solid;
	padding:0 10px 0 0;
	z-index: 50000000!important;
}

			 
			 
			 
/*for scrollbar end*/			 
			 
.pro_img{width:auto;
         float:left;
		 cursor:pointer;
		 }			 
		 
/*for industries products*/	



.pro_txt{width:auto;
         float:left;
		 cursor:pointer;
		 clear:both;}

.pro_txt:hover{color:#1667a2;}


.btn{background-color:#1667a2;
    border-radius:10px;
	padding:4px 10px;
	color:#fff;
	font-size:12px;
	width:auto;
	float:left;
	border:#06C 4px solid;
	text-align:center;
	font-weight:bold;
	clear:both;
	margin-top:20px;}




.main_banner
{
	width:806px;
	height:325px;
	position:relative;
	background-color:#FFFFFF;
	
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	border: #ccc 1px solid;
}
.main_banner_caption {
	position: absolute;
	left: 19px;
	bottom: 14px;
	color: #1667a2;
	z-index: 9999;
	overflow: hidden;
	opacity: 0.8;
	filter: alpha(opacity=8);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-style: italic;
	width: 430px;
}



.map_frame
{
	width: 440px;
	position: absolute;
	height: 340px;
	background-image: url(../images/map-frame.png);
	background-repeat: no-repeat;
	background-position: 9px -30px;
}