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

body
{ background:url(../images/bg.png)  #000 center no-repeat; }


#main_header{width:auto; height:auto; }
#main_frame{padding:auto;
margin:auto;
width:990px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
display:table;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none; background:#000000;}

.header{float:left; margin:0px 0px 10px 0px; padding:0px; width:990px; height:614px; background:url(../images/header1.png); }
.header2{float:left; margin:0px 0px 10px 0px; padding:0px; width:990px; height:176px; background:url(../images/header2.png) no-repeat; }

.header1{float:left; margin:0px 0px 10px 0px; padding:0px; width:990px; height:614px; background:url(../images/header2.png); }


.menu{float:left; margin:128px 0px 0px -25px; height:40px; width:900px; }
.menu ul{float:left; margin:5px 0px 0px 0px; width:800px; height:0px;}
.menu ul li{margin:0px 0px 0px 0px; padding:0px; list-style:none; display:inline; border-right:1px solid #ed2f24; text-align:left; }
.menu ul li a{margin:0px 0px 0px 0px; padding:8px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px !important; color:#FFFFFF; text-decoration:none;border-radius:5px!important; font-weight:bold;}
.menu ul li a:hover{color:#d7d2ce;}
.menu li ul{

		display:none;
		height:auto;
		padding:0px;
		margin:-3px 0px 0px 0px;
		border:0px;
		position:absolute;
		width:300px;
        padding-top:0px;background:#000000!important;
        border-radius:5px;
		border:1px solid #ed2f24;
	     z-index:999;
		
	
	
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		
		
}
		.menu li:hover ul li:hover ul{
		display:block;
		background:!important;
		margin:0px 0px 0px 100px;
		}
.menu li li {

		display:block !important;
		float: left;
		margin:10px 0px 5px 0px;
		padding:3px 0px 3px 10px;
		width:300px;
		height:15px !important;
		
		}
		.menu li li:hover {
		background:#ed2f24;
		color:#FFF !important;
		text-decoration:none;
		border:none !important;
		width:300px;
		height:15px !important;
		padding:3px 0px 3px 10px;
       
	}
	.menu li:hover li a{
		background:none;
		color:#FFFFFF!important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:300px;
		height:20px !important;
		
	   font-weight:bold;
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:12px !important;
		font-style:normal;
		font-weight:normal;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:230px;
		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:none;
		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 180px !important;
		float:left;
		
		
		
		}
		
		.menu li ul li ul li 
		{
		background:none!important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background:none !important;
		
		
		}
		.menu li ul li ul li a
		{
		background: none !important;
		
		
		}
		.menu li ul li ul li a:hover
		{
		color: #ffffff!important;
		text-decoration:none;
		width:300px;
		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:#8AA839;
			text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(../images/menuhover.png) top no-repeat;
}

.headphones
{
float:left;
width:auto;
height:auto;
margin:0px 0px 0px -10px;
z-index:999;
position:relative;
}

#main_wrapper {width:auto; height:auto; }
.wrapper
{
float:left; width:990px; height:auto; background:#000000;
}

.content_box
{
float:left; width:auto; height:auto;margin:0px 10px 0px 10px;
}

.content_box div
{
float:left; width:300px; height:180px; background:#000000; margin:0px 10px 0px 10px; border:1px solid #22b1b2;
}

.content_box div p
{
	float:left;
	color:#FFF;
	font-size:14px;
	width:270px;
	margin-left:30px;
	line-height:25px;
}


.container
{
float:left; width:990px; height:auto;}


.gallery
{
width:400px;
height:120px;
background:#993333;
float:left;
margin-left:24px;
}

.gallery h1
{
	float:left;
	width:auto;
	height:auto;
	font-size:16px;
	color:#FFF;
}

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

.content_data h1
{
float:right;
width:auto;
height:auto;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
margin-right:20px;
text-transform:uppercase;
color:#22b1b2;
}

.content_data h2
{
float:right;
width:940px;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin-right:20px;
text-transform:uppercase;
padding-bottom:5px;
color:#22b1b2;
border-bottom:2px solid #FFFFFF;
}

.content_data p
{
float:right;
width:940px;
height:auto;
font-size:15px;
color:#FFFFFF;
text-align:justify;
margin:2px 22px 0px 10px;
}
.content_data p img
{
float:right;
width:940px;
height:auto;
font-size:15px;
color:#FFFFFF;
text-align:justify;
margin:2px 22px 0px 10px;
}


 #main_footer
{
	width:auto;
height:auto;
margin:0px 0px 0px 0px;
}

.footer
{
padding:0px;
margin:20px 0px 10px 0px;
float:left;
height:64px;
width:990px;
background:url(../images/footer-bg.png);
border-top:1px solid #FFFFFF;
}
.footer h1
{
padding:0px;
margin:10px 0px 0px 30px;
float:left;
width:130px !important;
height:auto;
color:#FFFFFF;
font-size:18px;
}

.copyright p
{
float:left;
width:auto;
height:auto;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF !important;
margin-left:15px;
margin-top:19px;
}

.log
{
margin:10px 20px 0px 0px;
float:right;
width:80px;
height:30px;
}	

.log_1
{
margin:10px 20px 0px 0px;
float:right;
width:40px;
height:30px;
border:none;
}





.images
{
float:left;
width:auto;
height:auto;
margin:20px 0px 0px 49px;
border:2px dotted #FFFFFF;
}



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


.clients1 div
{
	float:left;
	width:300px;
	height:227px;
    background:#000;
	
	opacity:0.7;
	border:1px #000000 double;
	margin-left:10px;
	margin-top:20px;
}

.clients1 div img
{
	float:left;
	width:280px;
	height:210px;
	margin:6px 0px 0px 8px;
	border:2px double #FFFFFF; 
	
}

.clients1 div:hover
{
	float:left;
	width:300px;
	height:227px;
	opacity:0.9;
background:#d13532;
	
}