
* {
  padding: 0;
  margin: 0;
  outline: 0;
}

body {

     background-image: url(images/bg.jpg);
     background-repeat: repeat-x;
     font-family: Arial, Helvetica, sans-serif;
     background-color: #000;
     color: #fff;

}


 #page-wrap{

      width: 850px;
      margin: 0 auto;
      background: #000;

 }


 #header {

       background-image: url(images/bg_head.jpg);
       background-repeat: no-repeat;
       width: 850px;
       height: 228px;
       margin: 0 auto;

  }

  #menu {

	float: left;
	clear: both;
	margin: 0 auto;
}

  #menu ul {

	float: left;
	list-style: none;
	margin: 40px 0 0 0px;
	font-size: 13px;



}

  #menu ul li {

	float: left;
	display: block;
	padding: 0 0 0 60px;
	margin: 0 5px 0 9px;

}

  #menu ul li a {

	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

  #menu li.current a {

       color: #39f;
}


  #menu ul li a:hover, div#menu ul li a:active {color: #39f; }




 #content {

       float: left;
       background: #333;
       height: 450px;
       width: 380px;
       padding: 10px;
       margin: 20px 0 0 30px;


  }

       #content p{

             width: 370px;
             font-size: 13px;
             padding: 5px;
       }


  #sidebar  {

       float: right;
       background: #333;
       background-image: url(images/homeSidebar.gif);
       background-repeat: no-repeat;
       padding: 10px;
       width: 330px;
       height: 450px;
       margin: 20px 36px 20px 0;
       font-size: 15px;

  }




   #sidebar p {

        font-size: 13px;
        margin: 25px 0 0 10px;
        width: 300px;
  }

  #sidebarMusic {

       float: right;
       background: #333;
       background-image: url(images/headPhones.gif);
       background-repeat: no-repeat;
       padding: 10px;
       width: 280px;
       height: 450px;
       margin: 0 36px 30px 0;
  }

  #sidebarContact {

       float: right;
       background: #333;
       background-image: url(images/contact.gif);
       background-repeat: no-repeat;
       padding: 10px;
       width: 310px;
       height: 450px;
       margin: 20px 36px 30px 0;
  }

   #sidebarContact p{

        font-size: 13px;
        padding: 10px;
   }


  #footer {

       background-image: url(images/footer.jpg);
       background-repeat: no-repeat;
       margin: 0 auto;
       width: 800px;
       height: 80px;
       margin-top:10px;
       clear: both;

  }

  #fervImage {

       float: left;
       margin: 20px 0 0 35px;
       background-image: url(images/ferverant.jpg);
       background-repeat: no-repeat;
       height: 467px;
       width: 350px;

  }

  #hicksImage {

       float: left;
       margin: 60px 0 0 35px;
       background-image: url(images/hicks.jpg);
       background-repeat: no-repeat;
       height: 300px;
       width: 400px;

  }

  #mwImage {

       float: left;
       margin: 60px 0 0 5px;
       background-image: url(images/matt.jpg);
       background-repeat: no-repeat;
       height: 391px;
       width: 450px;

  }

  #the8Image {

       float: left;
       margin: 22px 0 0 35px;
       background-image: url(images/the8.jpg);
       background-repeat: no-repeat;
       height: 285px;
       width: 380px;

  }

  .mixer1, .mixer2, .mixer3 {

      margin: 40px 5px 30px 12px;
      border: 1px solid #ccc;

  }

h1, h2 {

  font-size: 19px;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  background-color: #000;
  height: 25px;

}


span, .back a{

     color: #39f;
     font-weight: bold;
     text-decoration: none;
}




.backSymbol {

     position: relative;
     bottom: 25px;
     left: 50px;
     background-image: url(images/backSymbol.gif);
     background-repeat: no-repeat;
     height: 30px;
     width: 30px;


}


.learn_more {
         
	 
	 font-weight: bold;
	 margin-top: 20px;

}

.learnArrow {

     position: relative;
	 top: -19px;
	 left: 80px;

}

.musiclink, .learn_more a{

      color: #39f;
}

.copyright {

       float: right;
       font-size: 10px;
       padding: 50px 20px 20px 20px;

}

.botQuote {
       
	   float: right;
}

.mattThumb {


       margin: 40px 27px 0px 10px;
       border: 1px #fff solid;	   

}

.fervThumb {


       margin: 0px 0 0px 10px;
       border: 1px #fff solid;

}

.hicksThumb {


       margin: 35px 27px 0px 10px;
       border: 1px #fff solid;	   

}

.claireThumb {


       margin: 0px 0 0px 10px;
       border: 1px #fff solid;

}

.tracks {

      margin: 25px 0 0 30px;
      font-size: 17px;
      line-height: 25px;
      list-style-type: decimal;

}

.mp3Player {

      margin: 60px 0 0 20px;


}

p.musicInfo {

      width: 400px;
      font-size: 14px;
      margin: 40px 0 -30px 30px;
}





