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

/*------------------------------------------------- LOGO ---------------*/

body, #container, #banner, #wrap, #content, p, h1, h2, h3, h4, h5, h6, ul
{margin: 0; padding: 0;}

a {text-decoration: none;}

a img {border: none;}

a:link {color: #113366; font-weight: bold;}
a:visited {color: #113366; font-weight: bold;}
a:hover {color: #990000; font-weight: bold;}
a:active {color: #990000; font-weight: bold;}

ul {list-style-type: none;}

body {
behavior: url(csshover.htc);
font-family: Arial, Helvetica, sans-serif;
/*font-size: 14px;*/
background-image: url(../pics/tile-01.jpg);
background-position: top;
background-repeat: repeat;}

#container {
margin: 0 auto;
width: 1080px;
position: relative;}

#banner {
width: 1080px;
float: left;}

#wrap {
background-color:  #250500;
float: left;
width: 1080px;}

h1, h2, h3, h4, h5, h6 {
margin: 0; padding: 10px 0 6px 10px;
color: #CC3300;
font-size: 1.3em;}

#installPage h1 {margin: 0; padding: 10px 0 0 10px;}

p {padding: 10px;}

p.price {
color: #930; 
font-size: 12px;
font-weight: bold;}

#specialsPage p.price {
font-size: 17px;}

.list1 {
margin: 0; padding: 10px 0 10px 20px;
list-style: circle;
width: 420px;
list-style: circle;
font-size: 13px;}

.list2 {
margin: 0; padding: 10px 0 10px 20px;
list-style: circle;
width: 400px;
list-style: circle;
float: left;}

.list3 {
margin: 0; padding: 10px 0 10px 20px;
list-style: circle;
width: 800px;
list-style: circle;
font-size: 13px;}

.list4 {
margin: 0; padding: 10px 0 10px 10px;
font-size: 18px;}

.noBullet {list-style: none;}

#disclaimer {
margin: 0; padding: 0;
width: 1060px;
font-size: 12px;
color: #FFF; 
text-align: center;
float: left;
clear: both;}

#disclaimer p {margin: 0; padding: 4px;}

.location {
font-size: 11px;
color: #000000;
font-weight: bold;}

.contactLink a {font-size: 16px;}

.highlight {color: #CC3300;}

.subTitle {
margin: 0; padding: 10px;
color: #003;
font-size: 14px;
font-weight: bold;
float: left;
width: 400px;}

.subTitle1 {
margin: 0; padding: 10px 10px 4px 20px;
color: #003;
font-size: 14px;
font-weight: bold;
width: 460px;
border-bottom: solid 1px #333;}

.paypal {
margin: 0; padding: 14px 18px 14px 14px;
width: 140px;
float: left;}

.figure {
margin: 0; padding: 0;
width: 172px;
float: left;}

/*---------------------------------------BREADCRUMBS-----------*/

#breadCrumbs {
margin: 0; padding: 0 0 0 10px;
width: 1048px;
float: left;
font-size: 12px; font-weight: bold;
color: #630;
text-align: left;
line-height: 8px;
border-bottom: solid 1px #930;}

.crumbs {margin: 0 0 0 10px; padding: 0;}

.crumbs li {
margin: 0; padding: 10px 20px 10px 10px;
float: left;
background-image: url(../pics/crumb-02.jpg);
background-position: right;
background-repeat: no-repeat;}

.crumbs li.lastCrumb {background-image: none;}

.crumbs li.active {text-decoration: underline;}

/*---------------------------------------BREADCRUMBS-----------*/

#topRow {
margin: 0; padding: 0 0 0 10px;
width: 1048px;
float: left;
font-size: 12px;
color: #630;
text-align: left;
line-height: 8px;
border-bottom: solid 1px #930;}

.row {margin: 0 0 0 10px; padding: 0;}

.row li {
margin: 0; padding: 10px 20px 10px 10px;
float: left;}

/*-----------------------------------------------DEALER PAGE-------------*/

#dealerWrap {
margin: 0; padding: 0px;
font-size: 1em;
float: left;
text-align: left;
width: 1036px;
border-bottom: solid 1px #003;}

.col-1 {
margin: 0; padding: 0 10px 10px 20px;
width: 326px;
float: left;}

.col-2 {
margin: 0; padding: 0 10px 10px 0;
width: 326px;
float: left;}

.col-3 {
margin: 0; padding: 0 10px 10px 0;
width: 326px;
float: left;}

.dealerBox {
padding: 10px 0; margin: 0;
width: 276px;
float: left;
text-align: left;}

#bottomBox {
padding:0;margin:0;
width: 524px;
clear: both;}

.vendorTitle {
margin: 0; padding: 10px;
color: #CC3300;
font-size: 18px; font-weight: bold;
text-align: left;
float: left;
width: 900px;}

.dealerTitle {
padding: 2px; margin: 10px 0 6px 0;
color: #333333;
font-weight: bold;
border-bottom: solid 2px #CC3300;
float: left;
width: 260px;}

.dealerList {
padding: 0; margin: 0;
text-align: left;
font-size: 13px;
width: 300px;
float: left;}

.dealerList li {
padding: 2px 0; margin: 0;
border-bottom: solid 1px #CC3300;}

.dealerList li a {
padding: 1px;
font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
width: 298px;}

.dealerList li a:hover {background: #66CCFF;}

/*------------------------------------------------NAV-----*/

.nav li a:link {color: #FFFF99;}
.nav li a:visited {color: #FFFF99;}
.nav li a:hover {color: #FFF;}
.nav li a:active {color: #FFF;}

body#homePage a#home,
body#instrumentsPage a#instruments,
body#recordingPage a#recording,
body#livePage a#live,
body#djPage a#dj,
body#lightingPage a#lighting,
body#videoPage a#video,
body#accessoriesPage a#accessories,
body#servicesPage a#services,
body#installPage a#install,
body#dealersPage a#dealers,
body#storePage a#store,
body#aboutPage a#about,
body#contactPage a#contact
{
color: #FFF;
background-color: #913600;}

div.nav {
margin: 0; padding: 0 0 0 10px;
width: 1070px;
float: left;
z-index: 2000;
line-height: 30px;
background-color: #000;
border-bottom: solid 4px #913600;}

div.nav ul {
margin: 0; padding: 0;
width: 1080px;
z-index: 2500;}

div.nav li {
margin: 0; padding: 0;
float: left;
position: relative;
overflow: visible; /*solution for expanding box issue!!!!!!!*/
z-index: 3000;
text-align: center;
font: 14px Helvetica, sans-serif;}

div.nav li:hover {
background: #913600;
color: #FFF;
position: relative;
z-index: 5000;}

div.nav li.subMenu li.submenu:hover {
margin: 0; padding: 0;
background: url(../pics/subMenu.gif) 95% 50% no-repeat;}

div.nav li a {
margin: 0; padding: 8px 2px;
display: block;
width: 92px;
/*letter-spacing: .04em;
width: 100%;
voice-family: "\"}\""; voice-family: inherit;
width: 80px; IE needs explicit width*/
}

/*div.nav>ul a {width: auto;} unsets explicit width for all other browsers - IE can't read this*/
div.nav ul ul {
position: absolute; top: 29px; left: 0px; display: none; border: none; width: 86px;/*was top: 30px - changed to fix vertical hover gap*/}

div.nav ul ul ul {
position: absolute; top: 0; left: 96px; display: none; border-left: solid 1px #000;}

div.nav ul.level1 li.subMenu:hover ul.level2,
div.nav ul.level2 li.subMenu:hover ul.level3 {display: block;}

div.nav ul.level1 li.subMenu:hover ul.level2 li,
div.nav ul.level2 li.subMenu:hover ul.level3 li {display: block; clear: left; background-color: #EFE3B0; border-bottom: solid 1px #930; text-align: left; padding: 0 0 0 4px; width: 92px; background-image: none;}

div.nav ul.level2 li.subMenu:hover ul.level3 li {width: 110px;}

body#homePage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#instrumentsPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#recordingPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#livePage .nav ul.level1 li.subMenu:hover ul.level2 a,
body#djPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#lightingPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#videoPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#accessoriesPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#servicesPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#installPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#aboutPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#dealersPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#contactPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#specialsPage  .nav ul.level1 li.subMenu:hover ul.level2 a,
body#storePage  .nav ul.level1 li.subMenu:hover ul.level2 a
{color: #000;}

body#homePage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#instrumentsPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#recordingPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#livePage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#djPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#lightingPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#videoPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#accessoriesPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#servicesPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#installPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#aboutPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#dealersPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#contactPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#specialsPage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu,
body#storePage .nav ul.level1 li.subMenu:hover ul.level2 li.subMenu
{background: #EFE3B0 url(../pics/subMenu.gif) 95% 50% no-repeat;}

/*-------------------------------------------------------- CONTENT --------------*/

#content {
margin: 0; padding: 10px;
width: 1060px;
float: left;}

body#homePage #content {
/*z-index: 0;*/
margin: 0; padding: 10px;
width: 620px;
float: left;}

/* --------------------------------------ADD conBox from other CSS subNav etc ----------------*/
/*
#conBox {
margin: 0 0 10px 0; padding: 0 0 10px 0;
width: 618px;
border: solid 1px #CC3300;
font-size: 14px;
background-color: #FFFFFF;
float: left;
text-align: center;}*/

/* sub pages */
#conBox
{
margin: 0 0 10px 0; padding: 0 0 10px 0;
width: 1058px;
border: solid 1px #CC3300;
font-size: 14px;
background-color: #FFFFFF;
float: left;
text-align: center;
}

#homePage #conBox {
margin: 0 0 10px 0; padding: 0 0 10px 0;
width: 618px;
border: solid 1px #CC3300;
font-size: 14px;
background-color: #FFF;
float: left;
text-align: center;
background-image: url(../pics/indexBkgrnd-tile.jpg);
background-position: top;
background-repeat: repeat-x;}

/*  main pages */
#djPage #conBox, #instrumentsPage #conBox, #lightingPage #conBox, #livePage #conBox, #recordingPage #conBox, #videoPage #conBox {
margin: 0 0 10px 0; padding: 0 0 10px 0;
width: 1058px;
border: solid 1px #CC3300;
font-size: 14px;
background-color: #FFF;
float: left;
text-align: center;}

#storePage #conBox {
width: 718px;
text-align: left;}

/*#titleBox {
margin: 0; padding: 10px 4px 0 4px;
width: 608px;
float: left;
text-align: center;}*/

/* home page */
#homePage #conBox-01 {
margin: 0; padding: 0;
width: 616px;
font-size: 1em;
float: left;
border: none;}

/* main pages and sub pages*/
#conBox-01 {
margin: 0; padding: 0;
width: 536px;
font-size: 1em;
float: left;
border: none;}

/* sub pages */
#conBox-02 {
margin: 0 0 10px 0; padding: 0 0 10px 0;
width: 1058px;
border: solid 1px #CC3300;
font-size: 14px;
float: left;}

.row1
{
margin: 0; padding: 10px 10px 20px 10px;
font-size: 1em;
float: left;
text-align: left;
width: 1020px;
}

.gridBox
{
margin: 0 20px 0 0; padding: 0;
float: left;
width: 238px;
border: solid 1px #C90;
}

.gridBoxLast
{
margin: 0; padding: 0;
float: left;
width: 238px;
border: solid 1px #C90;
}

.gearBox {
margin: 0; padding: 10px 10px 20px 10px;
font-size: 1em;
float: left;
text-align: left;
width: 1020px;
background-image: url(../pics/gearBorderBttm.jpg);
background-position: bottom;
background-repeat: no-repeat;}

#storePage .gearBox {
width: 700px;
background-image: none;
border-bottom: solid 1px #000;}

body#installPage .gearBox {
background-image: none;
border-bottom: solid 1px #333;}

.gearInfo {
margin: 0; padding: 0;
width: 800px;
float: left;}

#storePage .gearInfo {
width: 500px;}

.gearPic {
margin: 0; padding: 14px 18px 14px 14px;
width: 140px;
float: left;}

.gearTitle {
margin: 0; padding: 10px 0 0 10px;
color: #CC3300;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bold;}

ul.gearList {
margin: 0; padding: 10px 10px 10px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style: circle;
float: left;
color: #930;}

ul.gearList li {padding: 2px 0;}
/*
#titleBox {
margin: 0; padding: 10px 4px 0 4px;
width: 528px;
float: left;}

#titleBox img {
border-top: none; border-right:none; border-left: none; border-bottom: solid 1px #333333;}*/

#homePage #titleBox
{
margin: 20px 0 0 0; padding: 0;
width: 608px;
float: left;
text-align: center;
}

.homePic {
margin: 2px; padding: 0;
border: solid 1px #CC3300;}

#aboutPic {
margin: 56px 0 30px 10px; padding: 4px;
width: 400px;
float: right;
-webkit-box-shadow: inset #666 2px 4px 10px;
-moz-box-shadow: inset #666 2px 4px 10px;
box-shadow: inset #666 2px 4px 10px;}

.video-01 {
margin: 0; padding: 10px;
float: left;}


/*------------------------------------------------SIDEBARS-------*/

#sidebar-01 {
margin: 0 0 0 0; padding: 10px;
width: 200px;
text-align: center;
float: left;
font-size: 12px;}

#homePage #sidebar-02 {
margin: 0; padding: 10px;
width: 200px;
text-align: center;
float: left;}

#sidebar-01 p, #sidebar-02 p {
margin: 0; padding: 8px 5px 8px 5px;
font-size: 12px;}

#storePage #sidebar-02 {
margin: 0; padding: 20px 10px 20px 10px;
width: 300px;
float: right;
text-align: left;
background-color: #000;
color: #FFF;
font-size: 18px;}

#storePage #sidebar-02 p {
margin: 0; padding: 8px 5px 8px 10px;
font-size: 18px;}

#sideBox-01, #sideBox-02, #sideBox-03, #sideBox-04, #sideBox-05, #sideBox-06 {
margin: 0 0 10px 0; padding: 0 0 4px 0;
width: 198px;
background: #FFFFFF;
border: solid 1px #7FB2BF;
clear: both;}

#sideBox-05 {margin: 0 0 10px 0; padding: 4px 0;}

#sideBox-06 img {
margin: 0; padding: 4px 0;}

#ezText {
margin: 0 0 10px 0; padding: 0;
width: 192px;
float: left;}

.social {margin: 2px 6px 10px 6px;}

.socialTitle {
margin: 2px 2px 4px 2px;
color: #CC3300;
font-size: 1.1em;
font-weight: bold;}

.FBlike {
margin: 10px 0; padding: 0 0 10px 10px;}

/*-------------------------------------------------------------------VENDOR-----

#vendorWrap {
margin: 0 0 10px 0; padding: 4px;
width: 1050px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #003300;
text-align: left;
float: left;}

#vendorBox-1, #vendorBox-2 {
margin: 0; padding: 0 10px 0 10px;
width: 480px;
float: left;}*/

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

#contactBox {
margin: 0; padding: 10px;
width: 540px;
float: left;
text-align: left;}

#mapBox {
margin: 0; padding: 60px 0 10px 10px;
width: 460px;
float: left;
text-align: left;}

#mapBox iframe {border: solid 1px #930;}

/*----------------------------------------------------SUB NAV----------*/

.subNavWrap {
margin: 0; padding: 48px 0 20px 20px;
width: 174px;
float: left;
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left;}

.subNav {
margin: 0 10px 0 0; padding: 2px;
float: left;
width: 160px;
text-align: left;}

.subNav li {
margin: 0 2px 2px 0; padding: 0;
float: left;}

.subNav li a {
margin: 0; padding: 8px;
width: 18px;
background-color: #FFC;
display: block;
border: solid 2px #FFF;}

.subNav li a:link, #subNav li a:visited {color: #855903;font-weight: bold;}
.subNav li a:hover {
border: solid 2px #CE8131;
color: #000;}

.subNav li a.current {
border: solid 2px #CE8131;
color: #000;}

/*------------------------------------------------------MOOG------------*/
.moogPic {
margin: 0; padding: 10px 0 10px 10px;
width: 460px;
float: right;}

/*.moogTitle
{
margin: 0; padding: 10px 10px 4px 10px;
color: #CC3300;
font-size: 18px;
font-weight: bold;
float: left;
width: 450px;
}*/

.column1 {
margin: 0; padding: 10px;
width: 490px;
float: left;}

.column2 {
margin: 0; padding: 10px;
width: 490px;
float: left;}

ul.specs {margin: 10px 0; padding: 0;}

ul.specs li {
margin: 0 0 0 40px; padding: 2px 0;
list-style-type: circle;}

#productGallery {
margin: 0; padding: 0;
width: 460px;
text-align: center;
border-top: solid 1px #333;}

#productGallery img {margin: 0; padding: 14px 0 0 0;}

/*------------------------------------------------------FOOTER---------*/

#footerWrap {clear: both;}

#footer {
margin: 0 auto;
padding: 4px 10px 4px 10px;
width: 1060px;
border-top: solid 1px #CC3300;
list-style-type: none;
font: normal 80% arial, helvetica, sans-serif;
text-align: center;
color: #FFF;
letter-spacing: .8px;}

#footer li {
display: inline; 
padding: 4px 10px 4px 0;}

#footerWrap a:link {color: #6CC; font-weight: bold;}
#footerWrap a:visited {color: #6CC; font-weight: bold;}
#footerWrap a:hover {color: #FFF; font-weight: bold;}
#footerWrap a:active {color: #FFF; font-weight: bold;}

/*---------------------------------------------------------STORE---------*/

.store {
margin: 0; padding: 0 0 0 40px;
clear: both;
background-color: #FFF;}

/* -------------------------------------------------------- SEARCH  ----------------------------*/

/*#searchMsg {
margin: 0; padding: 54px 10px 20px 10px;
width: 300px;
float: right;
text-align: left;
background-color: #000;
color: #FFF;
font-size: 18px;}*/

#contactPage #sidebar-02 {
margin: 0; padding: 54px 10px 20px 10px;
width: 300px;
float: right;
text-align: left;
background-color: #000;
color: #FFF;}

#contactPage #sidebar-02 p {
margin: 0; padding: 8px 5px 8px 10px;
font-size: 18px;}

#searchResults {
margin: 0; padding: 0;
width: 730px;
float: left;
text-align: left;}

#search {
margin: 0; padding: 3px 0 0 0;
width: 250px;
position: absolute;
top: 0;
right: 20px;}

/*---------------------------------------- SLIDE SHOW -------------------------*/

.slideshow {
margin: 20px 0 20px 55px; padding: 0;
width: 502px;
float: left;
position: relative;
overflow: hidden;
border: solid 3px #930;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 16px;}

.slideshow .wt-rotator {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.slideshow div {
font-size: 16px;
letter-spacing: .03em;}

.slideshow img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

.slideshow h1 {
margin: 0; padding: 0 0 10px 0;
font-size: 18px;
color: #E0ECFF;}

.slideshow a:link, .slideshow a:visited {font-weight: bold; color: #6CF;}
.slideshow a:hover {font-weight: bold; color: #FFF; text-decoration: underline;}