*{
margin:0;
padding:0;
}

html{

background:url(../images/bodygrad.jpg) top left repeat-x;
}

body {
background:url(../images/lineartexture.jpg) center top no-repeat;
font:75%/180% Arial, Geneva, Helvetica, sans-serif;
/* font:80%/150% arial, helvetica, sans-serif; */
/* font:75%/180% Verdana, Geneva, Arial, Helvetica, sans-serif; */
}

.clear{
display:block;
clear:both;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
font-family: arial, san-serif, Helvetica;
}

a img{
border:none;
display:block;
}

a.findout{
display: block;
text-decoration: none;
background:url(../images/doublebullet.jpg) 3px 0 no-repeat;
padding:3px 0 0 35px;
font-size: 17px;
font-weight: bold;
color: #666668;
margin-left:-5px;
margin-top: 8px;


width:175px;
height:25px; 
}

a.findout:hover{
color:#fff;
background-position: 3px -28px;
background-color: #53c6f2;
}

/***** home *****/

#mainContainer{
display:block;
margin:0 auto 0 auto;
width:920px;

padding-top:1px;

}

#contentWrapT{
width:911px;
height:22px;
margin:0 auto 0 auto;
background:url(../images/containertop.png) top left no-repeat;
}
#contentWrapB{
width:911px;
height:61px;
margin:-15px auto -20px auto;
background:url(../images/containerbottom.png) top left no-repeat;
}


#contentWrapM{
width:911px;

margin:0 auto 0 auto;
background:#fff;
overflow:hidden;
}

#kaka{
width:911px;
height:33px;
margin:0 auto 0 auto;
background:red;
}

#header{
display:block;
width:912px;
height:192px;

padding-top:1px;
}


h1#logo a{
display:block;
width:433px;
height:177px;
background:url(../images/logo.jpg) top left no-repeat;
text-indent:-2000em;
float:left;
margin-top:-1px;
}


#cphone{
width:256px;

display: block;
float:left;

font-family: Trebuchet;
}


#cert{
display: block;
width:218px;
height:190px;
float:left;
margin-top:2px;
}


#cphone h3{
font-size:34px;
font-weight: bold;
color:#fff;
line-height: 38px;
margin:55px 0 0 6px;
}

#cphone h4{

font-size:23px;
padding-bottom: 5px;
color:#fff;
margin-left:6px;
margin-top:7px;



}


#navHolder{
display:block;
clear:both;
width:912px;
height:30px;

margin:0 auto 0 auto;
overflow: hidden;
}

#navHolder ul li{
display:inline;
}

#navHolder ul li a{
float:left;
margin-right:0px;
}

ul li a.dj{
display: block;
text-indent:-2000em;
background:url(../images/djb.jpg) top left no-repeat;
width:41px;
height:30px;


}

#navHolder ul li a:hover{
background-position:0% 100%;
}

#navHolder ul li a#here{
background-position:0% 100%;
}

ul li a.vid{
display: block;
text-indent:-2000em;
background:url(../images/videob.jpg) top left no-repeat;
width:67px;
height:30px;
margin-left:2px;

}


ul li a.pho{
display: block;
text-indent:-2000em;
background:url(../images/photob.jpg) top left no-repeat;
width:128px;
height:30px;
margin-left:2px;
}


ul li a.ml{
display: block;
text-indent:-2000em;
background:url(../images/musicb.jpg) top left no-repeat;
width:126px;
height:30px;
margin-left:2px;
}


ul li a.oc{
display: block;
text-indent:-2000em;
background:url(../images/customerb.jpg) top left no-repeat;
width:136px;
height:30px;
margin-left:2px;
}


ul li a.pv{
display: block;
text-indent:-2000em;
background:url(../images/vendorb.jpg) top left no-repeat;
width:169px;
height:30px;
margin-left:1px;
}


ul li a.ef{
display: block;
text-indent:-2000em;
background:url(../images/eventb.jpg) top left no-repeat;
width:125px;
height:30px;
margin-left:4px;
}


ul li a.cu{
display: block;
text-indent:-2000em;
background:url(../images/contactb.jpg) top left no-repeat;
width:103px;
height:30px;

}


#contenthTop{
width:907px;
height:218px;
background:url(../images/van.jpg) top left no-repeat;
}


#contenthTop h2{
width:570px;
height: 78px;
background: url(../images/entertain.jpg) top left no-repeat;
text-indent:-2000em;
margin-left:13px;

}

#contenthTop h3{
width:489px;
height:72px;
background:url(../images/homeservices.jpg) top left no-repeat;
text-indent:-2000em;
margin:30px 0 0 7px;

}



#contenthBot{
display:block;
width:903px;
clear:both;
margin-top:15px;
margin-left:5px;

}

#contenthBot a.disc{
width:294px;
height:137px;
background:url(../images/djbadge.jpg) top left;
float:left;
text-indent:-2000em;
}


#contenthBot a.vide{
background:url(../images/videobadge.jpg) top left;
width:316px;
height:137px;
float:left;
text-indent:-2000em;
}


#contenthBot a.phot{
background:url(../images/photobadge.jpg) top left no-repeat;
width:292px;
height:137px;
float:left;
text-indent:-2000em;
}

#specials{
clear:both;
width:903px;
height:86px;
background:url(../images/monthly.png) top left no-repeat;
margin-left:7px;

}

#merrs{
margin:0 auto 0 auto;
width:781px;
height:156px;
background:url(../images/merrs.jpg) top left no-repeat;
clear:both;
padding-top:1px;
}

h2#mspec{
display:block;
width:384px;
height:72px;
text-indent:-2000em;
float:left;
}

#specials h3#specialscopy{
display:block;
width:505px;
height:72px;
font-size:15px;
color: #3d41a0;
float:left;
margin-top:2px;
line-height:22px;

}
h3#specialscopy span{
font-weight: bold;
font-size: 17px;
}


#footer{
margin:0 auto 0 auto;
padding-top:5px;
height:50px;
text-align: center;
background:url(../images/footergrad.jpg) top left repeat-x;
}

#footer p{
color: #0077b1;
font-size:110%;
display: block;

padding-top:5px;

}

#footer a{
display: block;
width:96px;
height: 26px;
background:url(../images/ittampa.jpg) left center no-repeat;
text-indent:  -2000em;
float: left;
margin:1px 3px 0 3px;

}

#footer p.lfoot, #footer p.rfoot{
float: left;
color: #0077b1;
font-size:110%;
display: block;
}

#footerwrapper{
display: block;
margin:0 auto 0 auto;
width:590px;

}


/***** customers *****/


#contentcustop{
display: block;

}

table.customertable{
background: #333;
margin:0 auto 0 auto;
}


#customercontentWrapB{
width:911px;
height:61px;
margin:0 auto -20px auto;
background:url(../images/containerbottom.png) top left no-repeat;
}

.style6{
color:#fff;
font-weight: bold;
}


/********************** music *******************************/


tr.player{
background:url(../images/playerbg.jpg) top center no-repeat;
margin:0 auto 0 auto;

}

table.playerwrap{
margin: 0 auto 0 auto;

}


h2#musicl{
display:block;
width:390px;
height:77px;
background:url(../images/musichead.jpg) top left no-repeat;
text-indent: -2000em;

}

#accentwrap{
display:block;
overflow:hidden;
background:url(../images/accent.jpg) bottom left repeat-x;

}

table.centertable{
margin:0 auto 0 auto;

}

font.fontmargin{
padding-left:18px;
padding-right: 10px;
display:block;
font-size:14px;
color:#333;
}

.centertable font{
color:#666;
}

font.blu{
color:#00aeef;
}


/********************** event forms *******************************/



#contentWrapMForms{
width:911px;

margin:0 auto 0 auto;
background:#fff;
overflow:hidden;
}

#contentWrapMForms p{
display:block;
clear:both;
margin: 10px auto 2px auto;

height:25px;
text-align: center;
color:#333;
font-size:15px;

}


#contentWrapMForms h2{
display:block;
clear: both;
background:url(../images/eventforms2.jpg) top left no-repeat;
width:896px;
height:77px;
text-indent: -2000em;
margin:0 auto 15px auto;
}

a.format{
display:block;
float:left;
text-indent:-2000em;
background:url(../images/weddingformat.jpg) top left no-repeat;
width:366px;
height:179px;
margin-right: 10px;
}

a.montage{
display:block;
float:left;
text-indent:-2000em;
background:url(../images/photomontage.jpg) top left no-repeat;
width:366px;
height:179px;
margin-left: 10px;
}

#addedforms{
clear:both;
display: block;
width:757px;
margin:0 auto 0 auto;
}


a.corpf{
display:block;
float:left;
text-indent:-2000em;
background:url(../images/corpformat.jpg) top left no-repeat;
width:366px;
height:179px;
margin-right: 10px;
}

a.pvf{
display:block;
float:left;
text-indent:-2000em;
background:url(../images/vpformat.jpg) top left no-repeat;
width:366px;
height:179px;
margin-left: 10px;
}


#formbadgeWrapper{
display: block;
width:757px;
margin:0 auto 0 auto;
overflow: hidden;
}



h2.customerHead{

display:block;
clear: both;
background:url(../images/customerhead.jpg) top left no-repeat;
width:896px;
height:77px;
text-indent: -2000em;
margin:0 auto 15px auto;
}


h2.vendorHead{
display:block;
clear: both;
background:url(../images/venderhead.jpg) top left no-repeat;
width:896px;
height:77px;
text-indent: -2000em;
margin:0 auto 15px auto;
}







/********************** disc jockey*******************************/



#contentWrapDj{
width:911px;

margin:0 auto 0 auto;
background:#fff;
overflow:hidden;
}


#contentWrapDj h2#djheader{
display:block;
float:left;
background:url(../images/djhead2.jpg) top left no-repeat;
width:357px;
height:82px;
text-indent: -2000em;
margin-left:10px;

}


#contentWrapDj h3#djheader2{
display:block;
float:left;
background:url(../images/electric.jpg) top left no-repeat;
width:522px;
height:82px;
text-indent: -2000em;
margin-left:9px;

}

#djmast{
width:884px;
height:196px;
background:url(../images/djmast.jpg) top left no-repeat;
display: block;
clear: both;
margin:0 auto 0 auto;
}

#lowernav{
display: block;
clear: both;
width:900px;
height: 110px;

margin:0 auto 0 auto;

}


#lowernav a{
display: block;
width:224px;
height: 105px;


float: left;

}

#lowernav a:hover{
background-position: 0 -105px;
}

a.packages{
background:url(../images/packagesbadge.jpg) 0 -1px no-repeat;

}

a.corporate{
background:url(../images/corporatebadge.jpg) 0 -1px no-repeat;
}

a.rental{
background:url(../images/avbadge.jpg) 0 -1px no-repeat;
}

a.lighting{
background:url(../images/lightingbadge.jpg) 0 -1px no-repeat;
}



/********************** slider*******************************/


div.panel h2{
font-size: 24px;
color:#53c6f2;
margin-top:4px;
margin-bottom: 5px;
font-weight: bold;
}

div.panel p{
color: #474747;
font-size:15px;
line-height: 25px;
padding-bottom:8px;

}

#selection p{
font-size:14px;
line-height: 24px;
} 


#slider {
    width: 886px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

.scroll {
   margin:0 0 0 10px;
    height: 375px;
    width: 560px;
    overflow: auto;
   
    position: relative;
    
   
   
    
}

.scrollContainer div.panel {
   margin-top:5px;
    height: 375px;
    width: 560px;
    
    float: left;
    
}


ul.navigation {
    list-style: none;
    
   float:left;
   margin:0 10px 0 10px;
    width:210px;
    display: block;
   
    
    }









ul.navigation li {
    display: block;
    
}

ul.navigation a {
display: block;
text-decoration: none;
background:url(../images/doublebullet.jpg) 3px 0 no-repeat;
padding:3px 0 0 35px;
font-size: 17px;
font-weight: bold;
color:#53c6f2;
margin:9px 0 9px 0;

width:175px;
height:25px; 
  
}


ul.navigation a#ab:hover,
ul.navigation a#co:hover,
ul.navigation a#se:hover,
ul.navigation a#re:hover,
ul.navigation a#in:hover,
ul.navigation a#eq:hover,
ul.navigation a#ap:hover,
ul.navigation a#st:hover{
color:#fff;
background-position: 3px -28px;
background-color: #53c6f2;}

ul.navigation a#ab.selected,
ul.navigation a#co.selected,
ul.navigation a#se.selected,
ul.navigation a#re.selected,
ul.navigation a#in.selected,
ul.navigation a#eq.selected,
ul.navigation a#ap.selected,
ul.navigation a#st.selected{
color:#fff;
background-position: 3px -28px;
background-color: #53c6f2;
}


ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


/********************** dj subnav main*******************************/
#djsubContainer{
display: block;
width:884px;
margin: 0 auto 0 auto;
}

#djsubContent{
display: block;
width:620px;

float: left;
margin-top:10px;
}


#djsubContent p{
color: #474747;
font-size:15px;
line-height: 25px;
padding-bottom: 15px;
padding-top:2px;
}

#djsubContent a.bluelinks{
color: #5fa7d6;
font-size: 16px;
}

#djsubContent p.nopadding{
padding:0;
}

ul.subnav{
display:block;
width:225px;
height: 350px;
float: left;
margin: 4px 25px 0 6px;
}

ul.subnav li{
list-style: none;

}

ul.subnav li a{
display: block;
text-decoration: none;
background:url(../images/doublebullet.jpg) 3px 0 no-repeat;
padding:3px 0 0 35px;
font-size: 19px;
font-weight: bold;
color:#53c6f2;
margin:6px 0 6px 0;

width:205px;
height:25px; 
}


ul.subnav li a:hover{
color:#fff;
background-position: 3px -28px;
background-color: #53c6f2;
}


ul.subnav li a#subhere{
color:#fff;
background-position: 3px -28px;
background-color: #53c6f2;


}

.blockheader{
width:275px;
margin:3px 0 5px 0;
font-size:19px;
color: #fff;
padding:3px 0 3px 4px;
background:#53c6f2;
}

.blockheaderWide{
width:520px;
margin:3px 0 5px 0;
font-size:19px;
color: #fff;
padding:3px 0 3px 4px;
background:#53c6f2;
}


.boldheader{
font-weight: bold;
letter-spacing: -1px;
color: #444;
font-size:2.0em;
display: block;
margin:4px 0 3px 0;
line-height: 26px;
}

.headerrule{
display: block;
border-bottom:1px solid #999;
width:620px;
height: 1px;
margin-bottom: 5px;
}

.headerrulecl{
display: block;
border-bottom:1px solid #999;
width:333px;
height: 1px;
margin-bottom: 3px;
}

.headerrulecr{
display: block;
border-bottom:1px solid #999;
width:450px;
height: 1px;
margin-bottom: 5px;
}



.blocked{
background:#999;
font-weight: bold;
color:#fff;
padding:2px 3px;
font-size:16px;
}

.italbold{
font-size: 18px;
font-weight: bold;
color: #999;
padding-left:2px;
}






/********************** lighting*******************************/





#contentWrapDj h2#djheader{
display:block;
float:left;
background:url(../images/djhead2.jpg) top left no-repeat;
width:357px;
height:82px;
text-indent: -2000em;
margin-left:10px;

}


#contentWrapDj h3#lightingheader2{
display:block;
float:left;
background:url(../images/titlebg.jpg) top left no-repeat;
color:#0078b0;
width:508px;
margin:10px 0 0 16px;
padding:26px 0 5px 18px;
font-size:24px;
height:38px;
letter-spacing: -1px;

}

#lightingmast{
width:884px;
height:191px;
background:url(../images/lighting.jpg) top left no-repeat;
display: block;
clear: both;
margin:0 auto 0 auto;
}


/********************** weddings*******************************/

#weddingmast{
width:884px;
height:191px;
background:url(../images/packagesmast.jpg) top left no-repeat;
display: block;
clear: both;
margin:0 auto 0 auto;
}


#djsubContent ul{
color: #474747;
font-size:14px;
line-height: 25px;
margin:0 0 25px 13px;
font-weight: bold;

}


/********************** lighting*******************************/

#avmast{
width:884px;
height:191px;
background:url(../images/avrental.jpg) top left no-repeat;
display: block;
clear: both;
margin:0 auto 0 auto;
}

#djsubContent p.boldblock{
padding:4px 8px 4px 8px;
background:#40c5f3;
color:#fff;

font-size:16px;
line-height:23px;
clear: both;

}


#djsubContent ul{
color: #474747;
font-size:14px;
line-height: 25px;
margin:0 0 25px 13px;
font-weight: bold;

}


#djsubContent ul.featuresavL{
float: left;
margin:5px 120px 25px 25px;
font-size:15px;
}

#djsubContent ul.featuresavR{
float: left;
margin:5px 0 25px 0;
font-size:15px;
}


/********************** events*******************************/
#evmast{
width:884px;
height:191px;
background:url(../images/cevents.jpg) top left no-repeat;
display: block;
clear: both;
margin:0 auto 0 auto;
}




/********************** contact*******************************/

h2#contactheader{
display: block;

height:71px;
background:url(../images/contactheader.jpg) top left no-repeat;
text-indent:-2000em;
margin-bottom: 25px;
}


#contentWrapCForms{
width:911px;

margin:0 auto 0 auto;
background:#fff;
overflow:hidden;
}

#formWrapper{
display: block;
width:500px;
float: left;
}

#formWrapper p{
color: #474747;
font-size:15px;
}

#contactinfo{
display: block;
width:380px;
float: left;
margin:0 0 0 18px;
padding-right: 10px;
}

#contactinfo h2, #service h2{
font-weight: bold;
letter-spacing: -1px;
color: #444444;
font-size: 2em;
margin-bottom: 5px;
margin-top: 5px;
}

#formR h2{
display: inline-block;
font-weight: bold;
letter-spacing: -1px;
color: #444444;
font-size: 2em;
margin-bottom: 5px;
margin-top: 5px;
margin-left:-3px;
}

#formR p.rf{
color: #e30d00;
display: inline;
font-size: 100%;
padding-left:8px;
}

#contactinfo p{
color: #474747;
font-size:15px;
line-height: 27px;
}

#contactinfo p span{
font-weight: bold;
font-size: 110%;
}

#lname, #fname, #phone, #email, #company, #street, #city, #state, #zip, #ext, #type, #date, #quantity, #venue

{
display: block;
width:285px;

}

#service{
border:none;
margin-bottom: 10px;
}

#type{
display: block;
margin:1px 0 5px 0;
}



#form .warning{
color: #f70d00;
font-size:90%;
}



/********************** video*******************************/



#vmastwrap{
display: block;
margin-bottom: -50px;
clear: both;
height:255px;

}


#contentWrapVideo{
width:911px;

margin:0 auto 0 auto;
background:#fff;
overflow:hidden;
}


#videomastL{
float: left;
width:443px;
height:255px;
background:url(../images/videolefthead.jpg) top left no-repeat;
margin-left: 13px;
margin-bottom: -50px;
}


#videomastL p{
color: #474747;
font-size:15px;
line-height: 25px;
padding-bottom: 15px;
padding-top:2px;

}



#videomastR{
float: left;
width:448px;
height:255px;
background:url(../images/videorighthead.jpg) top left no-repeat;
margin-bottom: -500px;
}







#contentWrapVideo h2#videoheader{




text-indent: -2000em;


}


#contentWrapVideo h3#videoheader2{
color:#0078b0;

margin:78px 0 0 45px;

font-size:28px;

letter-spacing: -1px;
}




#videosubContainer{
display: block;
width:884px;
margin: 0 auto 0 auto;
}

#videosubContent{
display: block;
width:620px;

float: left;
margin-top:10px;
}


#videosubContent p{
color: #474747;
font-size:15px;
line-height: 25px;
padding-bottom: 15px;
padding-top:2px;
margin-bottom: 18px;
}





#videomast{
width:884px;
height:191px;
background:url(../images/packagesmast.jpg) top left no-repeat;
display: block;
clear: both;
margin:0 auto 0 auto;
}


#videosubContent ul{
color: #474747;
font-size:14px;
line-height: 25px;
margin:0 0 25px 13px;
font-weight: bold;
}


.blockheaderbigger{
width:520px;
margin:3px 0 5px 0;
font-size:22px;
color: #fff;
padding:5px 0 3px 6px;
background:#53c6f2;
font-weight: bold;
letter-spacing: -.01em;
}

h2.boldheader span{
color: #0088c8;
font-weight: normal;
font-size:85%;


}


#videosubContent ul.features2{
color: #565656;
font-size:15px;
line-height: 25px;
margin:0 0 25px 20px;

font-weight: normal;
}

a.totop{
color: #0077b1;
font-size:110%;

}


a.totop2{
color: #0077b1;
font-size:110%;
display: block;
margin-bottom: 15px;

}




#sswrapper{
display: block;
clear: both;
width:884px;
height: 197px;
margin:0 auto 0 auto;
}



#slideshow {
    width:884px;
    position:absolute;
    height:196px;
    z-index: 2;
   
   
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    }

#slideshow IMG.active {
    z-index:10;
    
}

#slideshow IMG.last-active {
    z-index:9;
}


h2.h2layer{

display: block;
background:url(../images/aboutus.png) top left no-repeat;
width:193px;
height:44px;
text-indent:-2000em;
}

#hovers{
position:absolute;
z-index: 5;
width:300px;
height:200px;
margin-top:173px;
margin-left:5px;
}



#contentWrapDj h2#photoheader{
display:block;
float:left;
background:url(../images/photographyhead.jpg) top left no-repeat;
width:412px;
height:82px;
text-indent: -2000em;
margin-left:10px;

}

#contentWrapDj h3#photoheader2{
display:block;
float:left;
background:url(../images/titlebg.jpg) top left no-repeat;
color:#0078b0;
width:435px;
margin:10px 0 0 16px;
padding:26px 0 5px 18px;
font-size:24px;
height:38px;
letter-spacing: -1px;

}

#thanksWrapper{
color: #6d6d6d;
height:300px;
text-align: center;
font-size:160%;
line-height: 28px;
}