html, body{
margin:0; 
padding:0; 
height:100%;
width:100%;
color:#dbdbdb; 
font-family: Candara, Helvetica,  Trebuchet MS, Arial, sans-serif; 
font-size:11pt; 
min-width:1200px; 
}

a:link {color:#99ffff;}     
a:visited {color:#a35b5a;} 
a:hover {color:#b0ee57;}  
a:active {display:hidden; }

a{
text-decoration:none;
border:0px; 
}

img{border:0px;}

ul, li{
list-style:none; 
padding:0; 
margin:auto;
text-align:center;   
}


@font-face {
font-family: Futurist Fixed-width Medium;
src: url('../media/fonts/futrfw.ttf');
}

@font-face{
font-family: WHAT SOUND POUNDS;
src: url('../media/fonts/WHAT SOUND POUNDS.ttf'); 
}
 
 
/*
div{
border:solid 1px #fff; 
}
*/

#navList, #socList{position:relative;}
#navList li, #socList li{margin:0;padding:0;list-style:none;position:absolute;top:0; }
#navList li, #navList a{height:40px;display:block;} 
#socList li, #socList a{height:50px;display:block;}
 
#navHome{left:0px; width:55px;}
#navHome{background:url('../images/navSprites.png') 0 0;}
#navHome a:hover{background: url('../images/navSprites.png') 0 -40px;}

#navDidjeridus{left:63px; width:100px;}
#navDidjeridus {background:url('../images/navSprites.png') -65px 0;} 
#navDidjeridus a:hover{background: url('../images/navSprites.png') -65px -40px;}

#navMusic{left:175px; width:60px;}
#navMusic{background:url('../images/navSprites.png') -170px 0;} 
#navMusic a:hover{background:url('../images/navSprites.png') -170px -40px;}

#navSchedule{left:250px; width:95px; }
#navSchedule{background:url('../images/navSprites.png') -240px 0;}
#navSchedule a:hover{background:url('../images/navSprites.png') -240px -40px;}

#navMedia{left:355px; width:60px; }
#navMedia{background:url('../images/navSprites.png') -340px 0;}
#navMedia a:hover{background:url('../images/navSprites.png') -340px -40px;}

#navAbout{left:435px; width:70px; }
#navAbout{background:url('../images/navSprites.png') -415px 0;}
#navAbout a:hover{background:url('../images/navSprites.png') -415px -40px;}

#navContact{left:500px; width:95px;}
#navContact{background:url('../images/navSprites.png') -475px 0;}
#navContact a:hover{background:url('../images/navSprites.png') -475px -40px;}

#socFacebook{
left:0px;
top:0px; 
width:50px;
height:50px;
margin-right:5px;
background:url('../images/socialSprites.png') 0px 0px;
float:left;
}
#socFacebook a:hover{background:url('../images/socialSprites.png') -50px 0px;}

#socMyspace{
left:50px;
top:0px;
width:50px;
height:50px;
background:url('../images/socialSprites.png') 0px -50px;
float:left; 
}
#socMyspace a:hover{background:url('../images/socialSprites.png') -50px -50px;}

#window{
position:relative; 
margin: auto;
padding:0; 
width:100%;  
min-height:624px; 
background:#00101a url('../images/background.jpg') no-repeat center top;
}

#wrapper{
position:relative; 
background-image:url(../images/bgBlack60.png); 
border-radius:20px; 
width:1000px; 
height:100%; 
margin:0 auto; 
padding:20px; 
z-index:0; 
/*10px auto 0px auto;*/ 
}

#nav{
position:relative; 
width:1000px; 
height:140px; 
}

#logo{
position:absolute; 
left:100px; 
}

#menu{
position:absolute; 
width:585px; 
height:100px;
top:15px;  
left:305px; 
overflow:hidden; 
}

#rule{
position:absolute; 
top:90px; 
}

#body{
position:relative; 
width:1000px; 
height:410px; 
margin:10px auto;   
visibility:hidden;
}

#slideshow img{
box-shadow: 0px 0px 5px 0px #000;
border-radius:5px;
}


#player{
position:relative; 
width:282px; 
left:10px; 
top:3px;
}

#musicPlug{
position:absolute;
background-image:url(../images/bgBlack30.png); 
border-radius:10px;
padding:5px 10px;
width:150px;
height:30px; 
left:110px;
top:235px;
font-size:10px; 
margin-top:10px; 
}

#blips{
position:absolute; 
font-size:10px; 
width:170px; 
left:115px; 
top:290px   
}

#testimonials{
width:580px;
height:390px;
overflow:auto;
background-image:url(../images/bgBlack30.png); 
border-radius:10px;
padding:5px 10px;
text-align: left;
}

.main{
position:absolute; 
width: 570px; 
height:420px; 
left:300px; 
}

.description{
position:absolute; 
width:220px; 
height:400px; 
top:3px;
text-align:left; 
}

.media{
position:relative; 
width:340px; 
height:420px; 
left:210px;
margin-left:30px;  
}
.media a:link{color:#dbdbdb;}
.media li:hover{ background-color:rgba(255, 255, 255, .1); color:#fff;}
.media img{
border-radius:10px;     
}
.didjStyle{
position:relative; 
width:250px;
height:70px; 	
font-family: Candara; 
font-size: 25pt;  
background-image:url(../images/bgBlack30.png); 
border-radius:10px;  
line-height:70px; 
text-align:left; 
margin:10px; 
}

.didjStyle div{
position:absolute; 
top:0px; 
left:80px;  
}

.didjStyle img{
margin-right:10px; 
}

#slideshow{
position:relative; 
width:340px; 
height:420px; 
margin-left:30px; 
top:5px; 
}

#about{
position:relative;
float:right;
width:420px;
height:400px;
overflow:auto;  
}
#about img{
float:right;
margin-left:10px;
border-radius:5px;
}

#footer{
position:absolute; 
height:10px; 
width:960px;
font-family: Futurist Fixed-width Medium; 
font-size:12px; 
color:#eee; 
text-shadow: 2px 2px #3d3d3d;
left:150px; 
bottom:10px;  
}

#mediaNavMenu{
position:absolute;
left:645px;  
top:35px;  
background-image:url(../images/bgBlack30.png); 
border-radius:10px;  
color:#fff; 
height:100px;
width:100px;
display:none;
float:left;
z-index:200; 
}


#didjNavMenu {
position:absolute;
width:100px; 
left:370px;  
top:35px;  
background-image:url(../images/bgBlack30.png); 
border-radius:10px;  
color:#fff; 
height:85px; 
display:none;
float:left;
z-index:200; 
}

#didjNavMenu ul, #mediaNavMenu ul {
padding: 5px 0px;  
font-family:Helvetica, Verdana, sans-serif ; 
font-size:10px;
line-height:160%; 
}


.bg{
background-image:url(../images/bgBlack30.png); 
border-radius:10px; 
margin:0; 
padding:15px; 
text-align:left;
}

.leading{
line-height: 20px; 
}

#slideshow {
    position:relative;
    height:350px;
    left:220px; 
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    filter: alpha(opacity=0);
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
    filter: alpha(opacity=100);
}

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

.didjContent{
position:relative; 
width: 530px; 
height:350px; 
background-image:url(../images/bgBlack60.png); 
border:solid 1px #3d3d3d;
border-radius:10px; 
margin:0; 
padding:20px;  
text-align:left;
overflow:hidden; 
float:left; 
}


.didjHeading{
width:550px; 
font-size:11pt; 
font-family: Verdana, Candara, Helvetica, Arial, sans-serif; 
text-align:left;
top:5px;

}

.viewCart{
position:absolute;
left:460px; 
top:-38px;
border-radius: 5px; 
}

.addCart{
position:relative;
left:370px;
top:-112px;
border-radius: 5px; 
}

.didjInfo{
position:relative; 
width:500px; 
height:30px; 
margin-bottom:10px; 
}

.didjThumbs{
position:relative; 
height:50px; 
width:525px; 
text-align:left;
}

.thumb{
height:70px; 
width:90px; 
margin-right:12px; 
border-radius:3px; 
}

.didjLink{
width:170px; 
height:150px; 
float:left; 
margin-right:10  px; 
margin-bottom:10px;  
text-align:center; 
font-size:14pt;
}

.didjLink img{
border-radius:5px;
height:112px; 
width:150px; 
}

#agaveMenu, #bambooMenu, #hardwoodMenu{
position:relative; 
width: 545px; 
height:340px; 
margin-top:10px; 
border-radius:10px; 
text-align:left; 
float:left;
overflow:scroll; 
}

.didjDesc{
position:relative; 
width:510px; 
height:220px; 
text-align:left;  
padding-right:20px;  
top:35px; 
overflow:auto; 
}


#agaveProcess{
position:relative; 
width:510px; 
height:310px;
overflow:scroll;
text-align:left;  
top:10px; 
padding-right:25px;  
}

#didges li:hover{border:1px solid #fff; }


.btn{
position:relative; 
font-family:trebuchet ms, helvetica, arial, sans-serif;  
font-size:8pt; 
color:#fff; 
background-color: transparent;
border: solid 1px #000; 
border-radius:4px;
margin:0 5px ;
float:left; 
}

.list{
position:relative;  
float:left;

}

#target{
position:relative; 
text-align:left; 
width:500px;
height:250px; 
}

#didges{
display:none; 
}

.spacer{
margin-bottom:30px;     
}
.scroller{
    height:300px;
    width:540px; 
    overflow:auto; 
}

p{
max-width:500px;     
}

#musicBG{
position:relative;
width:550px;
height:360px; 
overflow:auto;
background-image:url(../images/bgBlack30.png); 
border-radius: 20px;
padding:20px;
overflow:auto; 
}


.trackList{
position:relative;     
width:200px;
float:left;
text-align:left;

margin-right:20px; 
}

.albumArt{
position:relative;
float:left;
width:200px;
text-align:left;
margin-right:20px;  
}

.albumDesc{
position:relative;     
float:left;
text-align:left;
margin-top:5px; 
margin-bottom:40px; 
}

.albumInfo{
text-align:left;     
clear:both;
font-size:15pt;
margin-bottom:20px; 
}

.albumPurchase{
float:left;
width:500px; 
margin-top:10px;
}

.albumPurchase form{
margin-left:-345px;     
}

.finePrint{
font-size:10pt;
font-style: italic;
}

.sold{
height:50px; 
width:150px; 
background-image:url(../images/sold.png);
z-index:200;
position:absolute;
margin-top:-110px;
margin-left:10px; 
}

.mediaView{
overflow:auto;
height:400px;
background-image:url(../images/bgBlack30.png); 
border-radius:10px;
}
.video{
margin-bottom:20px;     
}

.intSection{
margin-bottom:50px;
height:220px; 
}

.intDescription{
position:relative; 
width:200px; 
top:3px;
text-align:left;
float:left;
margin-left:30px; 
}

.intMedia{
position:relative; 
width:340px; 
float:left; 
}

.intMedia img{
 border-radius:10px;
 margin-top:10px;
 box-shadow: 0px 0px 5px 0px #000;
}

.txtLeft{
 text-align:left;    
}

.p15{
 padding:15px;    
}
.left{float:left;}
.imgTxtR{
 margin:0 10px 10px 0;
}
#contact{
    position:relative; 
    margin:auto; 
}

#social{
position:absolute;
height:50px;
width:170px;
top:300px;
left:110px; 
}