@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: 1%;
	color: 	#000;
	/*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: block; 
}
.displayMobile{
	display: none;
}
.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;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFF;
	background-image: url(images/00_home/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;	/*background-size: 100% auto;*/
}

.containerAll{
	width: 95%;
	min-width: 760px;
	max-width: 1080px;
	margin: 0 auto;
	
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	
	background-color: #000;
	border-radius: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
}

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

.logoHeader {
	width: 35%;
	height: auto;
	float: left; 
	overflow: hidden;
}
.headerContact{
	font-size: 0.85em;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	width: 360px;
	height: 20px;
	float: right;
	background-color: #777;
	background-image: url(images/gradient_grey.jpg);
	background-repeat: repeat-x;
	background-size: 1px 100%;
	border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 10px;
	-webkit-border-radius: 0px 0px 0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
}

.headerContact a:link, .headerContact a:visited {
	color: 	#EEE;
	text-decoration: none;
}
.headerContact a:hover, .headerContact a:active {
	color: #F50001;
	text-decoration: none;
}


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

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

.headerNav{
	color: #EEE;
	font-size: .85em;
	width: auto;
	float: right;
	margin-top: 1.5%;
	padding-bottom: 10px;
	clear: none;
	border-top: 0;
	
	background-color:#000;
	
	background: #000;
}
.headerNav nav {	
	line-height: 5px;
	text-align: center;
	clear: both;	
}
.headerNav nav ul {
	list-style: none; 
	margin: 5px 0 0 0 ;
	padding: 0;
}
.headerNav nav ul li {
	float: left; 
	display: inline-block; 
}
.headerNav nav a:link, .headerNav nav a:visited {
	color: #CCC;
	display: inline-block;
	height: auto;
	padding: 3px 15px;
	text-decoration: none;
}
.headerNav nav a:hover {
	color:#F00;
	text-shadow: none !important;
	
}
.headerNav nav a:active,
.headerNav nav .active a:link, .headerNav nav .active a:visited {
	color: #F00;
	text-shadow: none !important;
}
.headerNav nav .hideHome a:active,
.headerNav nav .hideHome a:link, .headerNav nav .hideHome a:visited {
	display: none;
}	

.navDivider{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#666;
}

/* ---------- Main Content Area ----------*/
.mainContent {
	width: 100%;
	padding: 30px 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 7%;
	float: left;
	display: inline-block;	
}
/* ---------- HOME Content area ----------*/
.homeContent {
	width:94%;
	height: auto;
	padding: 0 3% 5% 3%; 
	float: left;
	background-image: url(images/00_home/BG_inset.jpg);
	background-size: 100% auto;
	background-repeat:no-repeat;
	background-position: center top;
	
	-webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.75);
}
.homeContent_inset{
	width: 98%;
	height: auto;
	padding: 0 1% 1% 1%;

	margin: 0;
	float: left;

	background-color: #CCC;
	
	background: #CCC; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 1%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 1%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	
	border-radius: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
	
	-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);
}

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

.sidebar_left{
	width:23%; 
	height: auto;
	margin: 0;
	padding: 0;
	float:left;	
	line-height: 0;
}
.sidebar_left_home{
	width: 23%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 0;
	overflow: hidden;
	clear: both;
}
.sidebar_info{
	width: 100%;
	height: auto;
	margin-bottom: 6%;	
	padding: 0;
	float:left;
}
.sidebar_license{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	background-color: none;
}

/* ---------- Slideshow Area  ----------*/

.slideshow_wrapper {
	width: 75.5%; 
	height: auto;
	margin-right: .5%;
	padding-bottom: 5px;
	float:right;
}	

.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; 
}

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

#tile_home {
	width: 76%;
	height: auto;
	float: right;
	padding-left: 1%;
	overflow: hidden;
}

#tile_home .tile_home {
	width: 32.325%;
	height: auto;
	padding: 0.5%;
	float: left;
	display: inline-block;

	opacity: .9;
	outline: none;
	background-color: #8B8B8B;
}
#tile_home .tile_home a{
	margin:0;
}
#tile_home .tile_home:hover, #tile_home .tile_home a:hover{
	opacity: 1;
	background-color:#F20000;
}
#tile_home .tile_home img{
	display:block;
	border:none;
	margin:0;
	
	width: 100%;
	height: auto;
	
}
/*use for lower right tile only*/
.borderRadius_LR{
	overflow: hidden;
	
	border-radius: 0px 0px 40px 0px;
	-moz-border-radius: 0px 0px 40px 0px;
	-webkit-border-radius: 0px 0px 40px 0px;
	overflow: hidden;
}

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

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

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

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

.products_button a{	
	width: 23%;
	height: auto;
	
	margin: 0 .25% 3% .25%;
	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 10px 10px -8px rgba(0,0,0,1);
	-moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,1);
	box-shadow: 0px 10px 10px -8px rgba(0,0,0,1);
	
}
.products_button a:hover{
	border: 4px solid #C33;
}
.products_button img{
	width: 100%;
	height: auto;
}
/*Hide for mobile*/
.products_shadow{ 
	width: 23%;
	height: 8px;
	
	margin: 0 .5%;
	float: left;
	display: inline-block;
	
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	
	background-image: url(images/01_products/prod_shadow.jpg);
	background-repeat:no-repeat;
	
	background-position: center top;
	background-size: 90% 8px;
}
.productsText{
	width: 90%;
	margin: 0px 5% 0 5%;
	float: left;
	display: inline-block;
	text-align: center;
}

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

.services_block{
	width: 49%;
	height: 40%;
	padding-bottom: 5%;
	float: left;
	
	display: inline-block;
}
.services_icon{
	width: 25%;
	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: 65%;
	float: left;
	padding-top: 2%;
	margin-left: 5%;
	
	display: inline-block;
}

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

.clients_text{
	text-align: center;	
	padding-bottom: 50px;
}

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

.about_block{
	width: 49%;
	height: 40%;
	/*padding-right: 3%;*/
	padding-bottom: 5%;
	float: left;
	
	display: inline-block;
}
.about_text_01{
	width: 48%;
	padding-right: 1%;
	float: left;
	display: inline-block;
}
.about_image_01{
	width: 50%;
	height: auto;
	float: right;	
	
	display: inline-block;
}
.about_text_02{
	width: 63%;
	padding-right: 1%;
	float: left;
	display: inline-block;
}
.about_image_02{
	width: 35%;
	height: auto;
	float: right;	
	
	display: inline-block;
}
.about_image img{
	width: 100%;
	height: auto;
}
.about_block h3{
	padding-bottom: 10px;
}
.about_divider{
	border-top: 1px solid #FFF;
}

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

.contact_left{
	width: 49%;
	float: left;
	
	display: block;
}
.contact_right{
	width: 50%;
	padding-top: 115px;
	padding-bottom: 5%;
	float: left;
	display: block;
}
.map_container{
	width: 100%;
	height: auto;
	
	border: 2px solid #CCC;
	
	-webkit-box-shadow: 5px 5px 10px -3px rgba(153,153,153,1);
	-moz-box-shadow: 5px 5px 10px -3px rgba(153,153,153,1);
	box-shadow: 5px 5px 10px -3px rgba(153,153,153,1);
}
.contact_block{
	width: 100%;
	padding-bottom: 5%;
	float: left;
	
	display: block;
	
}
.contact_icon{
	width: 23%;
	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: 70%;
	float: left;
	margin-left: 3%;
	
	display: inline-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: 20%;
	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: 75%;
	float: left;
	padding-top: 2%;
	margin-left: 5%;
	
	display: inline-block;
}
.accys_narrow{
	margin-top:0;
}

.accys_headText{
	text-align: center;	
}

/* ---------- AUDIO page ----------*/

.audio_block{
	width: 100%;
	height: auto;
	
}
.audio_block .audio_item {
	width: 29%;
	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 {
	width: 93%;
	height: auto;
	margin: 1%;
	float: left;
	display: inline-block;
	
	border: 5px solid #CCC;
}
.audio_block .audio_accys a{
	margin:0;
}
.audio_block .audio_accys:hover, .audio_block .audio_accys a:hover{
	border: 5px solid #F20000;
}
.audio_block .audio_accys img{
	display:block;
	border:none;
	margin:0;
	
	width: 100%;
	height: auto;
}

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

/* ---------- AV pages (lighting, video, rentals, installation ----------*/

.av_topImage{
	width: auto;
	height: 65px;
	float: right;
	padding-right: 2%;
	display: inline-block;
}
.av_topImage img{
	width: auto;
	height: 65px;
	margin: 0;
	padding:0;
	display: block;
}
.av_gallery_right{
	width: 60%;
	float: right;
	display: inline-block;	
}
.av_text_left{
	width: 37%;
	padding-bottom: 5%;
	margin-bottom: 5%;
	float: left;
	display: inline-block;	
}
.av_text_bottom{
	width: 100%;
	padding-bottom: 5%;
	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;
	float: left;
	display: inline-block;
}

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


.pa_left{
	width:46%;
	
	padding-left: 2%;
	margin: 0 0 2% 0;
	
	float: left;
	display: inline-block;
}
.pa_right{
	width: 49%;

	
	padding-right: 2%;
	margin: 0 0 2% 0;
	
	float: right;
	display: inline-block;
}

.pa_leftFooter{
	width:46%;
	
	padding-left: 2%;
	margin: 0 0 2% 0;
	
	float: left;
	display: inline-block;
	
	color:#CCC;
}
.pa_rightFooter{
	width: 40%;
	
	padding: 0 2%;
	margin: 0 0 2% 0;
	
	float: right;
	display: inline-block;
	
	color:#CCC;
}

.pa_rightFooter h4{
	color: #F20000;
}
.pa_rightFooter p{
	color:#CCC;
}
.pa_leftFooter h4{
	color: #F20000;
}
.pa_leftFooter p{
	color: #CCC;
}

.pa_text{
	width: 96%;
	padding: 0 2%;
	
	float: left;
	display: block;
}
.pa_imageButton{
	margin: 2%;
	float:left;
	display: inline-block;
}
.pa_ACDC{
	width:30%;
	height:auto;
	margin-top:6px;
	float:right;
	display: inline-block;
}
.pa_ACDC img{
	width: 100%;
	height:auto;
}
.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{
	float:right;
	display: inline-block;
	width: 250px;
	height: 25px;
}

.pa_footerExtend{
	width:96%;
	padding: 2%;
	float:left;
	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: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
	
	border: 0px solid #000000;
	background-image: url(images/red_trim.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
.pa_footerLinks{
	width: 100%;
	margin-bottom: 20px;
	float: left;
	clear: both;	
}
/* ---------- Footer ----------*/

.footer {
	/*width: 100%;*/ /*width will overrun main width.*/
	height: 60px;
	padding: 15px;
	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: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
	
	border: 0px solid #000000;
	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{
	width: 95%;
	min-width: 760px;
	max-width: 1080px;
	margin: 0 auto;
	height: 32px;
	margin: 1px auto 0 auto;
	
	border-radius: 40px 40px 0px 0px;
	-moz-border-radius: 40px 40px 0px 0px;
	-webkit-border-radius: 40px 40px 0px 0px;
	border: 0px solid #000000;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); 
}

@media only screen and (min-width : 150px) and (max-width : 400px)
{ 
	.containerAll{
		width: 100%;
		/*min-width: 300px;*/
		min-width: 400px;
		margin: 0;
	}
	.headerNav{
		display: none;
	}
	.footer_reflection{
		display: none;
	}
}