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



body
{
padding:auto;margin:auto;width:100%;height:100%;   }

#main_frame
{
padding:auto;margin:auto;width:990px;-moz-border-radius:15px;-webkit-border-radius:15px;display:table; background:#FFF;
}
#main_header
{
padding:0px;margin:0px;width:100%;height:100%; border-top:5px solid #000;}

.header
{
float:left;width:990px;height:auto; background:#FFF; padding-bottom:10px;
}

.company_logo
{ padding-bottom:10px;
	float:left; width:970px; height:96px; background:url(../images/header_bg.png) no-repeat; margin-left:10px;
	z-index:999; position:relative;
}



.menu{float:right; margin:7px 0px 0px 0px; height:auto; width:600px;}
.menu ul{float:left; margin:10px 0px 0px 0px; width:600px; height:0px; }
.menu ul li{margin:0px 5px 0px 0px; padding:10px; list-style:none; display:inline;  }
.menu ul li a{margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; line-height:25px; width:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#FFF; text-decoration:none; font-weight:bold;}
.menu ul li a:hover{color:#000; padding:0px 5px 0px 0px;  }
.menu li ul{

		display:none;
		height:auto;
		padding:0px;
		margin:-20px 0px 0px 0px;
		border:0px;
		position:absolute;
		width:170px!important;
		background:#000;
 
        border-radius:5px;
		z-index:999;
		color:#000;
		
		
	
	
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
	
		margin:0px 0px 0px 0px;
}
		.menu li:hover ul li:hover ul{
		display:block;
		background:#000!important;
		margin:0px 0px 0px 0px;
		}
.menu li li {

		display:block !important;
		float: left;
		margin:5px 0px 2px 0px;
		padding:0px 0px 5px 0px;
		width:150px;
		height:10px !important;
		color:#000 !important;
		background:#000;
		
		}
		.menu li li:hover {
		background:;
		color:#000!important;
		text-decoration:none;
		border:none !important;
		width:150px;
		height:10px !important;
		padding:0px 0px 5px 0px;
		margin:5px 0px 2px 0px;
		
       
	}
	.menu li:hover li a{
		background:;
		color:#FFFFFF!important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 2px;
		width:150px;
		height:20px !important;
		
	   font-weight:bold;
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:160px;
		font-family:Arial, Helvetica, sans-serif;
		
		}
		.menu li ul li ul{
		display:none;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		
		}
		.menu  li ul li ul li ul {
		display:none !important;
		position:relative;
		visibility:hidden;
		margin-top:-40px;
		background:#e46c0a;
		border-radius:5px;
		-moz-border-radius:5px;
       -webkit-border-radius:5px;
	
		}
		.menu  li ul li ul li:hover ul {
		display: block !important;
		position:relative;
		visibility: visible;
		margin:-40px 0px 0px 130px !important;
		float:left;
		
		
		
		}
		
		.menu li ul li ul li 
		{
		background: !important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background: !important;
		
		
		}
		.menu li ul li ul li a
		{
		background: none !important;
		
		
		}
		.menu li ul li ul li a:hover
		{
		color:#000!important;
		text-decoration:none;
		width:150px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		.menu li ul li:hover ul{
		display:block;
		position:absolute;
		visibility: visible;
		margin:0px 0px 0px 0px;
		
		}
		
		
	.menu p{
		clear:left;
		}	

#show 
{
color:#e46c0a;
			text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(../images/menuhover.png) top no-repeat;
}




.slider_box
{
	float:left;
	width:970px;
	height:281px;
	 margin:-50px 0px 0px 10px;
	background:#000;
}

#main_slider
{
	padding:0px;margin:0px;width:100%;height:100%; border-top:5px solid #000;
	}

#main_content
{
	padding:0px;margin:0px;width:990px;height:100%; background:#000;
}

.content
{
	float:left;
	width:950px;
	height:auto;
	 margin:5px 0px 0px 10px;
}

.left_box
{
	float:left; 
	width:950px;
	height:auto;

	
}

.left_box h1
{
	float:left;
	width:950px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f58634;
	border-bottom:#000 1px dashed;
	margin-left:5px;
}
.left_box p
{
	float:left;
	width:970px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-left:8px;
}

.right_box
{
	float:right;
	width:430px;
	height:300px;
	margin:5px 0px 0px 0px;
	background:url(../images/img4.png) no-repeat;
}

.right_box h1
{
	float:left;
	width:254px;
	height:37px;
	margin:234px 0px 0px 0px;
}

.img{float:right; margin:0px 0px 0px 10px; }

.social_icons
{
	float:left;
	width:420px;
	height:auto;
	margin-left:20px;
}
.social_icons img
{
	margin:0px 0px 0px 10px;

}

.social_icons img:hover
{
	margin:0px 10px 0px 20px;

}

.clients
{
	float:left;
	width:510px;
	height:96px;
	background:url(../images/img7.png) no-repeat;
	margin:0px 0px 0px 10px;
}

.read{float:right; color:#FFF; background:#000; margin:0px 0px 0px 0px; text-decoration:none; padding:5px 5px 5px 5px; }

.read:hover{color:#FFF; background:#f58634;}
.left_content
{
	float:left; 
	width:400px;
	height:auto;
	
}

.left_content h1
{
	float:left;
	width:auto;
	height:auto;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
}
.left_content p
{
	float:left;
	width:380px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:5px 0px 0px 8px;
}





.right_content
{
	float:right; 
	width:550px;
	height:auto;
	
}

.right_content h1
{
	float:right;
	width:auto;
	height:auto;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
}
.right_content p
{
	float:left;
	width:530px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:5px 0px 0px 8px;
}



 #main_footer
{
padding:auto;
margin:auto;
display:table;
height:auto;


}

.footer
{
padding:0px;
margin:20px 0px 0px -8px;
float:left;
height:64px;
width:999px;
background:#28292d !important;
border:#006600 2px dotted;

}
.footer h1
{
padding:0px;
margin:10px 0px 0px 30px;
float:left;
width:130px !important;
height:auto;
color:#FFFFFF;
font-size:18px;
}

.logo4
{
margin:10px 30px 0px 0px;
float:right;
width:90px;
height:45px;
}

.logo5
{
margin:10px 20px 0px 0px;
float:right;
width:40px;
height:45px;
}


.copyrigt
{
margin:0px 0px 0px 10px;
float:left;
width:790px;
height:auto;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}



.content1
{
	float:left;
	width:970px;
	height:auto;
	 margin:5px 0px 0px 10px;
	 border-top:5px solid #000;
}

.content1 h1
{
	float:left;
	width:auto;
	height:auto;
    font-size:18px;
	padding-left:10px;
	}

.content1 p
{
	float:left;
	width:960px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 5px 10px 5px;
	padding-bottom:5px;
	text-align:justify;
	border-bottom:2px dotted #f58634;
}

.content1 h2
{
	float:left;
	width:350px;
	height:auto;
	background:#CCCCCC;
    font-size:16px;
	padding:5px 0px 5px 5px;
	border-radius:0px 0px 10px 0px;
    -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
	
	
}

.content1 h3
{
	float:right;
	width:240px;
	height:auto;
	font-size:16px;
	padding:5px 0px 5px 5px;
	margin:10px 0px 10px 0px;
	background:#000000;
	color:#FFFFFF;
	border-radius:0px 0px 0px 10px;
	-webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}



.content1 h4
{
	float:left;
	width:210px;
	height:auto;
	font-size:16px;
	padding:5px 5px 5px 5px;
	margin:0px 5px 0px 0px;
	background:#f58634;
	border-radius:10px 10px 0px 0px;
}

.box
{
	float:left;
	width:980px;
	height:auto;
	
}
.box div
{
background:url(../images/img64.png);
width:220px;
height:223px;
float:left;
margin-left:15px;
}

.box div b
{
	float:left;
	text-align:center;
	font-size:12px;
	margin-top:0px;
	width:220px;
}

.box div p
{
	float:left;
	text-align:center;
	font-size:12px;
	margin-top:5px;
	width:200px;
	border:none;
}



.clients1 
{
	float:left;
	width:980px;
	height:auto;
}


.clients1 div
{
	float:left;
	width:200px;
	height:116px;
		background:#000;
	
	opacity:0.6;
	border:1px #000000 double;
	margin-left:30px;
}

.clients1 div img
{
	float:left;
	width:182px;
	height:106px;
	margin:5px 0px 0px 10px;
	
}

.clients1 div:hover
{
	float:left;
	width:200px;
	height:116px;
	opacity:0.9;
background:#f58731;
	
}





.clients2 
{
	float:left;
	width:980px;
	height:auto;
}


.clients2 div
{
	float:left;
	width:220px;
	height:145px;
		background:#000;
	
	opacity:0.6;
	border:1px #000000 double;
	margin-left:18px;
}

.clients2 div img
{
	float:left;
	width:200px;
	height:133px;
	margin:5px 0px 0px 10px;
	
}

.clients2 div:hover
{
	float:left;
	width:220px;
	height:145px;
	opacity:0.9;
background:#f58731;
	
}