@charset "UTF-8";
body {
	font: 100% Arial, lighter, smaller;
	font-weight: 100;
	background: #000000 url(images/top_bg.png) top center no-repeat scroll;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, lighter, smaller;
}
H1{
	color: #dc3a3c;
	line-height: 11px;
	padding: 0px;
}
.nav {
	background: none;
	height: 31px;
	vertical-align: bottom;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
.nav a{
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
}
.nav a:hover{
	background:url(images/nav_hov.png) top repeat-x;
	height: 100%;
	width: 100%;
	text-decoration: none;
	vertical-align: bottom;
	padding-top: 13px;
}
.navspace {
	background: none;
	height: 31px;
	vertical-align: bottom;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
.navon {
	background: none;
	height: 31px;
	vertical-align: bottom;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
.navon a, .navon a:hover, .navon a:active {
	background:url(images/nav_on.png) top left repeat-x;
	height: 100%;
	width: 100%;
	text-decoration: none;
	vertical-align: bottom;
	padding-top: 13px;
}
.rightnav {
	background: url(images/right_menu_bg.png) left no-repeat;
	width: 100%;
	text-align: left;
}
.servmenu {
	background: none;
	min-width: 251px;
	height: 100%;
	color: #ffffff;
	text-align: left;
	vertical-align: bottom;
	padding: 14px 0px 11px 0px;
	border-left: 1px solid c#000000;
	line-height: 12px;
}
.servmenu a{
	background:url(images/r_list_a.png) left no-repeat;
	min-width: 251px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	padding: 14px 120px 11px 0px;
	line-height: 12px;
}
.servmenu a:hover{
	background:url(images/r_list_hover.png) left no-repeat scroll;
	min-width: 251px;
}
.servmenuon{
	background:url(images/r_list_hover.png) left no-repeat;
	min-width: 251px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	line-height: 12px;
	padding: 14px 0px 11px 0px;
}
.servmenuon a, .servmenuon a:hover, .servmenuon a:active, .servmenuon a:link, .servmenuon a:visited{
	color:#ffffff;
	text-decoration:none;
}
.footer {
	background:url(images/footer_bg.png) bottom left repeat-x;
	border: none;
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #929292;
	vertical-align: middle;
	padding: 7px 0px 0px 0px;
}
.footer a{
	color: #929292;
	font-size: 11px;
	text-decoration: none;
	border-right: 1px solid #4f4f4f;
	padding: 0px 10px 0px 10px;
}
.footer a:hover{
	color: #dc3a3c;
	font-size: 11px;
	text-decoration: underline;
}
.boxes {
	background:#1e1e1e;
	border: 1px solid #393939;
	color: #c4c3c3;
	font-size: 11px;
	line-height: 16px;
	vertical-align: top;
	text-align: left;
}
.boxescontent {
	padding: 5px;
}

.boxescontent a{
	text-align: right;
	color: #dc3a3c;
	text-decoration: none;
}
.boxescontent a:hover{
	text-decoration: underline;
}
.rfqbox {
	background:url(images/rfq_bg.png) top center no-repeat;
	border: 1px solid #3d3d3d;
	color:#ffffff;
	font-size: 12px;
	vertical-align: top;
}
.rfqbox h3{
	font-size: 16px;
	line-height: 18px;
	vertical-align: top;
	text-align: center;
	font-weight: 600;
}
.content{
	background:#1e1e1e;
	border: 1px solid #393939;
	width: 70%;
	color: #c4c3c3;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.content2{
	background: url(images/sysdesign.png) top left no-repeat;
	border: 1px solid #393939;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.da_cont{	
	background: url(images/dis_audio.png) top left no-repeat;
	border: 1px solid #393939;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.hcinema{	
	background: url(images/h_cinema.png) top left no-repeat;
	border: 1px solid #393939;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.pwire{
	background: url(images/prewire.png) top left no-repeat;
	border: 1px solid #393939;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.hauto{
	background: url(images/h_auto.png) top left no-repeat;
	border: 1px solid #393939;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.vdis{
	background: url(images/v_dist.png) top left no-repeat;
	border: 1px solid #393939;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.light{
	background: url(images/light.png) top left no-repeat;
	border: 1px solid #393939;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}	
.contact{
	background: url(images/contact_bground.png) top left no-repeat;
	border: 1px solid #393939;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}	
.gallery, .gallery a, .gallery a:hover, .gallery a:active, .gallery a:visited{
	border: 3px solid #bcbbbb;
	text-decoration: none;
}
.click, .click a, .click a:active, .click a:visited, .click a:link{
	text-decoration: none;
	color: #6f6f6f;
	padding-left: 60px;
}
.click a:hover{
	text-decoration:none;
	color:#ffffff;
}
.brands, .brands a, .brands a:active, .brands a:visited{
	color: #929292;
	font-size:12px;
	text-decoration: none;
	vertical-align: top;
}
.brands a:hover{
	color: #dc3a3c;
	font-size: 12px;
	text-decoration: underline;
}
.brands h1{
	color: #dc3a3c;
	line-height: 11px;
	padding: 0px;
}