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

/* ---------- Headings ----------*/
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
	color: 	#222;
	/*text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);*/
}

img {
	margin: 0;
	padding: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ---------- Anchor style ----------*/
a{
	color:#CCC;
	text-decoration: none;
	outline: 0;
}
a:link, a:visited  {
	padding: 0;
	text-decoration: none;
	color:#CCC;
}
a:hover, a:active {
	color:#F50001;
	text-decoration: none;
}
a img {
	border: 0; 
	text-decoration: none;
}
/* ---------- Floats ----------*/
.floatLeft {
	float: left; 
}
.floatRight {
	float: right; 
}
.clearFloat{
	clear:both;
}


/* ---------- My Styles ----------*/

.displayDesktop{
	display: none; 
}
.displayMobile{
	display: block;
}
.dividerLine{
	width: 100%;
	border-bottom: 1px solid #CCC;
}


/* ---------- Body style ----------*/
   
body {
	color: #444;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #000;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

.containerAll{
	width: 100%;
	min-width: 300px;
	margin: 0 auto;
	
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	
	background-color:#000;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
}

/* --------- Header section ----------*/
.header{
	color: #EEE;
	width:100%; 
	height: auto;
	margin: 0;
	padding: 0;
	float:left;
	background-color:#000;	
	line-height: 0;
}

.logoHeader {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
.headerContact{
	display: none;
}

/* --------- Header Navigation ----------*/

.displayDesktop .headerNav {
	display: none; 
}
.displayMobile .headerNav {
	display: block;
}

.headerNav {
	color: #EEE;
	width:100%;  	
	margin-top: 1.5%;
	padding-bottom: 0;
	display: block;
	border-top: 1px solid #444;
	
	background-color:#3C3C3C;
	
	background: #3C3C3C;
	background: -moz-linear-gradient(top,  #000000 1%, #3C3C3C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#3C3C3C));
	background: -webkit-linear-gradient(top,  #000000 1%,#3C3C3C 100%);
	background: -o-linear-gradient(top,  #000000 1%,#3C3C3C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3C3C3C',GradientType=0 );  
}
.headerNav nav {
  display: block;
   
  font-size: 1.143em;
  height: auto;
  line-height: 30px;
  text-align: center;
  clear: both;
}
	
.headerNav nav ul {
	list-style: none; 
	margin: 0 auto;
	padding-left: 0;
}

.headerNav li {
	margin-left: 0 auto;
	width: 100%;
	
}

.headerNav nav a:link, .headerNav nav a:visited {
	color: #CCC;
	display: block;
	height: 30px;
	padding: 5px 23px;
	text-decoration: none;
	text-align: left;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
}

.headerNav nav a:hover {
	color: #ff4f38;
	text-shadow: none !important;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C00;
	
	background: #000000;
}

.headerNav nav a:active,
.headerNav nav .active a:link, .headerNav nav .active a:visited {
  color: #000;
  text-shadow: none !important;
  background-color: #ff4f38;
  
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #444;
	  
  background: #ff4f38;
  background: -moz-linear-gradient(top,  #ff4f38 0%, #ff1900 49%, #ed0700 50%, #990003 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4f38), color-stop(49%,#ff1900), color-stop(50%,#ed0700), color-stop(90%,#990003));
  background: -webkit-linear-gradient(top,  #ff4f38 0%,#ff1900 49%,#ed0700 52%,#990003 90%);
  background: -o-linear-gradient(top,  #ff4f38 0%,#ff1900 49%,#ed0700 50%,#990003 90%);
  background: -ms-linear-gradient(top,  #ff4f38 0%,#ff1900 49%,#ed0700 50%,#990003 90%);
  background: linear-gradient(to bottom,  #ff4f38 0%,#ff1900 49%,#ed0700 50%,#990003 90%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f38', endColorstr='#990003',GradientType=0 );
  font-weight: normal;
}
.headerNav nav a:active,
.headerNav nav .hideHome a:link, .headerNav nav .hideHome a:visited {
	display: block;
}	

.navDivider{
	border-left-width: 0px;
	border-left-style:none;
	border-left-color: #000;
}

/* ---------- Main Content Area ----------*/

.mainContent {
	width: 100%;
	padding: 6% 0;
	float: left;

	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;

	background-color: #FFF;
	background-image:url(images/shadow_oval.png), url(images/shadow_oval_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% 20px, 100% 20px;
}

.central_Container{
	width: 90%;
	margin: 0 0 0 5.5%;
	float: left;
	display: inline-block;	
}
/* ---------- HOME Content area ----------*/

.homeContent {
	width:100%;
	height: auto;
	padding: 0; 
	float: left;
}
.homeContent_inset{
	width: 98%;
	height: auto;
	padding: 0 1% 3% 1%;
	margin: 0;
	float: left;
	
	background-color:#333;
	background::#333; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 25%, #BEBEBE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#000000), color-stop(100%,#BEBEBE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 25%,#BEBEBE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 25%,#BEBEBE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#BEBEBE',GradientType=0 ); /* IE6-9 */
	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* ---------- Sidebar ----------*/

.sidebar_left{
	width:23%; 
	height: auto;
	margin: 0;
	padding: 0;
	float:left;	
	line-height: 0;
}
.sidebar_left_home{
	display: none;
}
.sidebar_info{
	display: none;
}
.sidebar_license{
	display: none;
}


/* ---------- Slideshow Area  ----------*/
	
.slideshow_wrapper {
	width:100%; 
	height: auto;
	margin: 0;
	padding-bottom: 3px;
	float:left;
	display: inline-block;
}	

.fadein { 
	/* IMPORTANT- This will let images overlay each other. */
	position:relative;
	width:100%; 
	height: auto;
}

.fadein img { 
	/* IMPORTANT- This will keep images in correct place. */
	width:100%; 
	height: auto;
	position:absolute; 
	left:0;
	top:0; 
}

/* ---------- Tiles ----------*/

.tiles_home_block{
	width: 98%;
	height: auto;
	float: left;
	display: block;
	margin: 0% 1%;

	padding-top: 0%;

}	

#tile_home {
	width: 100%;
	
	padding-top: 2%;
}

#tile_home .tile_home {
	width: 46%;
	height: auto;
	float: left;
	padding: 0%;
	margin: 1%;
	display: block;
	border: 3px solid #666;
	
	opacity: 1;
	outline: none;
	
	background-color: #1F1F1F; /*Dark to fill lower Right block*/
}
#tile_home .tile_home a{
	margin:0;
	
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}
#tile_home .tile_home:hover, #tile_home .tile_home a:hover{
	opacity: 0.8;
	
	background-color: #1F1F1F;
	border: 3px solid #C00;
}
#tile_home .tile_home img{
	display:block;
	border:none;
	margin:0;
	
	width: 100%;
	height: auto;
	
}
/*use for lower right tile only*/
.borderRadius_LR{
	
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

/* ---------- Page tags ----------*/

/*hide for mobile*/
/*.pageTag{
	display: none;
}*/
.pageTag{
	width: 200px;
	height: 35px;
	margin-bottom: 10px;
	padding-right: 0;
	padding-left: 6%;
	float: left;
	
	color: #EEE;
	font-size: 1.3em;
	line-height: 35px;
	text-align: left;
	
	background-color: #777;
	background-image: url(images/pageTag_gradient.png);
	background-repeat: repeat-x;
	background-size: 1px 100%;
}


/* ---------- PRODUCTS page ----------*/

.products_container{
	width: 97%;
	margin: 0 0 0 3%;
	float: left;
	display: inline-block;
}

.products_button a{	
	width: 44%;
	height: auto;
	
	margin: 1% 1%;
	float: left;
	display: inline-block;
	
	border: 4px solid #D6D6D6;
	
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	overflow: hidden;
	
	-webkit-box-shadow: 0px 0 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	
}
.products_button a:hover{
	border: 4px solid #C33;
}
.products_button img{
	width: 100%;
	height: auto;
}
/*Hide for mobile*/
.products_shadow{ 
	display:none;
}
.productsText{
	width: 90%;
	margin: 0px 5% 0 5%;
	float: left;
	display: inline-block;
	text-align: center;
}

/* ---------- SERVICES page ----------*/

.services_block{
	width: 100%;
	height: auto;
	padding-bottom: 10%;
	float: left;
	
	display: inline-block;
}
.services_icon{
	width: 20%;
	height: auto;
	float: left;
	
	display: inline-block;
}
.services_icon img{
	width: 100%;
	height: auto;
}
.services_title{
	width: 65%;
	float: left;
	margin-left: 5%;
	
	display: inline-block;
}
.services_text{
	width: 100%;
	float: left;
	padding-top: 4%;
	margin-left: 0;
	
	display: inline-block;
	
}

/* ---------- CLIENTS page ----------*/

.clients_text{
	text-align: left;
	padding-bottom: 40px;
}

/* ---------- ABOUT page ----------*/

.about_block{
	width: 100%;
	height: auto;
	padding-bottom: 5%;
	float: left;
	
	display: inline-block;
}
.about_text_01{
	width: 100%;
	padding-right: 0;
	float: left;
	display: inline-block;
}
.about_image_01{
	display: none;
}
.about_text_02{
	width: 100%;
	padding-right: 0;
	float: left;
	display: inline-block;
}
.about_image_02{
	display: none;
}
.about_image img{
	width: 100%;
	height: auto;
}
.about_block h3{
	padding-bottom: 0;
}
.about_divider{
	border-top: 1px solid #CCC;
}

/* ---------- CONTACT page ----------*/

.contact_left{
	width: 100%;
	float: left;
	
	display: block;
}
.contact_right{
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	float: left;
	display: block;
}
.map_container{
	width: 95%;
	height: auto;
	
	border: 2px solid #CCC;
	
	-webkit-box-shadow:0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
.contact_block{
	width: 100%;
	padding-bottom: 3%;
	float: left;
	
	display: block;
	
}
.contact_icon{
	width: 20%;
	height: auto;
	float: left;
	
	display: inline-block;
}
.contact_icon img{
	width: 100%;
	height: auto;
}
.contact_title{
	width: 70%;
	float: left;
	margin-left: 3%;
	
	display: inline-block;
}
.contact_text{
	width: 100%;
	float: left;
	margin-left: 0;
	
	display: block;
}

.contact_text a {
	color:#F50001;
}
.contact_text a:link, .contact_text a:visited {
	color:#F50001;
}
.contact_text a:hover, .contact_text a:active{
	color:#F50001;
}

/* ---------- ACCESSORIES page ----------*/

.accys_block{
	width: 100%;
	padding-bottom: 3%;
	margin: 2% 0;
	float: left;
	display: block;
	
	border-bottom: 1px solid #CCC;
}

.accys_image{
	width: 30%;
	height: auto;
	float: left;
	
	display: inline-block;
}
.accys_image img{
	width: 100%;
	height: auto;
}
.accys_title{
	width: 65%;
	float: left;
	margin-left: 5%;
	
	display: inline-block;
}
.accys_text{
	width: 100%;
	float: left;
	padding-top: 2%;
	margin-left: 0;
	
	display: inline-block;
}
.accys_narrow{
	margin-top: 5%;
}
.accys_headText{
	text-align: left;
}
/* ---------- AUDIO page ----------*/

.audio_block{
	width: 100%;
	height: auto;	
}
.audio_block .audio_item {
	width: 45%;
	height: auto;
	margin: 1%;
	float: left;
	display: inline-block;
	border: 5px solid #CCC;
}
.audio_block .audio_item a{
	margin:0;
}
.audio_block .audio_item:hover, .audio_block .audio_item a:hover{
	border: 5px solid #F20000;
}
.audio_block .audio_item img{
	display:block;
	border:none;
	margin:0;
	
	width: 100%;
	height: auto;
	
}
.audio_block .audio_accys {
	display: none;
}
.audio_block .audio_accys a{
	display: none;
}
.audio_block .audio_accys:hover, .audio_block .audio_accys a:hover{
	display: none;
}
.audio_block .audio_accys img{
	display: none;
}


.audio_block .displayMobile{
	display: block; 
}
/* ---------- AV pages (lighting, video, rentals, installation ----------*/

.av_topImage{
	display: none;
}
.av_topImage img{
	display: none;
}
.av_gallery_right{
	width: 100%;
	margin-bottom: 5%;
	float: left;
	display: block;
}
.av_text_left{
	width: 100%;
	margin-bottom: 5%;
	float: left;
	display: block;
}
.av_text_bottom{
	width: 100%;
	margin-bottom: 5%;
	float: left;
	display: block;
	clear: both;
}

/* ---------- PORTABLE AUDIO pages----------*/

.pa_tag{
	width: 60%;
	height: 35px;
	margin-bottom: 5%;
	margin-right: 2%;
	padding-left: 5%;
	float: left;
	display: inline-block;
	color: #EEE;
	font-size: 1.3em;
	line-height: 36px;

	background-image: url(images/gradient_red.jpg);
	background-repeat: repeat-x;
	background-position: center top;	
}
.pa_pdf{

	width: 20%;
	height: auto;
	margin-bottom: 10px;
	float: left;
	display: inline-block;
}


.pa_mainImage{
	width:100%;
	height:auto;
	margin-top: 5%;
	
	display: block;
}
.pa_mainImage img{
	width:100%;
	height:auto;
}



.pa_left{
	width: 90%;
	margin: 0 0 0 5.5%;
	
	padding-left: 0;
	
	float: left;
	display: block;
}
.pa_right{
	width: 90%;
	margin: 2% 0 0 5.5%;
	
	padding-right: 0;
	
	float: left;
	display: block;
}

.pa_rightFooter{
	width: 90%;
	margin: 2% 0 0 5.5%;
	
	padding-right: 0;
	
	float: left;
	display: block;
}
.pa_leftFooter{
	width: 90%;
	margin: 2% 0 0 5.5%;
	
	padding-left: 0;
	
	float: left;
	display: block;
}
.pa_rightFooter h4{
	color: #F20000;
}
.pa_rightFooter p{
	color: #CCC;
}
.pa_leftFooter h4{
	color: #F20000;
}
.pa_leftFooter p{
	color: #CCC;
}

.pa_text{
	width: 100%;
	padding: 0;
	
	float: left;
	display: block;
}
.pa_imageButton{
	display:none;
}
.pa_ACDC{
	display:none;
}

.pa_horizontalButtons{
	width: 100%;
	margin-top:2%;
	float: left;
	display: block;
	
	clear: both;
}
.pa_backButton{
	float:left;
	display: inline-block;
	width: 250px;
	height: 25px;
}
.pa_viewAllButton{
	display: none;
}

.pa_footerExtend{
	height: auto;
	padding: 3%;
	background-color: #000;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	background-image: url(images/red_trim.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.pa_footerLinks{
	width: 100%;
	float: left;
	clear: both;	
}
/* ---------- Footer ----------*/

.footer {
	height: auto;
	padding: 3%;
	background-color: #000;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	background-image: url(images/red_trim.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.mainFooter p {
	color:#666;
}

.logoFooter{
	float:right;
}

.copyrightFooter{
	width: auto;
	float: left;
	display: inline-block;
	color:#666;
}
.socialBox_footer{
	float: right;
	width: auto;
	height: 40px;
	
	display: inline-block;
}
.socialBox_footer a:link{
	display: inline-block;
	height: auto;
	margin-left: 2px;
	margin-right: 2px;
}


.footer_reflection{
	display: none;
}