.loader{
margin-left:-2000px;
background:url(gallery.jpg) no-repeat;
background:url(profile.jpg) no-repeat;
background:url(video.jpg) no-repeat;
background:url(contact.jpg) no-repeat;
 background: url(phoraphycreditHover.png);
   background-repeat:no-repeat;
background: url(phoraphycredit.png);
   background-repeat:no-repeat;
background:url(profileH.jpg) no-repeat;
background:url(videoH.jpg) no-repeat;
background:url(galleryH.jpg) no-repeat;
background:url(contactH.jpg) no-repeat;
background: url(demo/phoraphycredit.png);background-repeat:no-repeat;
background: url(demo/phoraphycreditHover.png);background-repeat:no-repeat;
 background: url(sigH.jpg);
   background-repeat:no-repeat;
 	background: url(sig.jpg);
   background-repeat:no-repeat;
   background: url(demo/images/contactformfraphics_button.png);
   background-repeat:no-repeat;
   background: url(demo/images/contactformfraphics_button_HOVER.png);
   background-repeat:no-repeat;
}

body {
    margin: 10px;
	   overflow-x:hidden;
    padding: 0;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;

	  background: #000;
}

h1{
font-size: 24px;

color: #ffffff;font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
}



h2{color: #ffffff;font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
    }
p {
letter-spacing: 3px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500px;

   text-align:left;
   text-shadow: 1px 1px 3px 5px #000000;
}
#wrapper {
    width: 1000px;
    margin: 0 auto;

}

.musicloader{
 height:80px;

margin-top:-50px;
}


#bg {
	display: block;
    height:1000px;
	width: 1100px;
	background: url(bg2.jpg) no-repeat;


}



#slider {
      width: 920px;
    margin: 0 auto;
    position: relative;


}

.scroll {

    height: 720px;
 width: 920px;
    overflow: hidden;
    overflow-x:hidden;
    position: relative;
    clear: both;
	margin-top:10px;
   cursor:arrow;
	margin-left:10px;
	margin-right: auto;
	margin-top: 100px;
   /* border:1px solid white;*/

}
/*------ resizes teh container that the content fits into -------*/

.scrollContainer div.panel {
    padding: 10px;
    height: 720px;
    width: 968px;
	  cursor:arrow;
	/*border:1px solid white;*/

}



/*------ resizes teh container that the content fits into -------*/

ul.navigation {
    list-style: none;
    margin-top: -1000px;


	padding-right:50px;

 	height:85px;
	width: 1024px;
	  cursor:arrow;

}

ul.navigation li{
    display: block;
     cursor:arrow;
 width:330px;

}








ul.navigation a.profile{
 display:block;
	background: url(profile.jpg);
	background-repeat: no-repeat;
 float:left;
      padding: 30px, -410px, 30px, -410px;
         width:330px;
	 margin-top:-13px;
 height:101px;
	margin-left: 40px;


}


ul.navigation a.media{
display:block;
background: url(gallery.jpg);
margin-top: -13px;
margin-left: 500px;
   background-repeat:no-repeat;
 	height:95px;

      padding: 10px 10px 0px 10px;



	width: 330px;

}
ul.navigation a.media:hover {


 background: url(galleryH.jpg);
	   background-repeat:no-repeat;
	      text-decoration: none;

}
ul.navigation a.video{
display: block;
background: url(video.jpg);
   background-repeat: no-repeat;
   margin-top: -13px;
 margin-left: 500px;
   width:330px;
      padding: 10px 10px 0px 10px;

	 margin-bottom:-85px;

     height:85px;
}


ul.navigation a.contact{
display: inline-block;
	background: url(contact.jpg);
	background-repeat:no-repeat;

   margin-top: -10px;

     padding: 10px 10px -20px 10px;

 width: 330px;
    	 	height:101px;

	margin-left: 40px;



}

ul.navigation a.contact:hover {

 background: url(contactH.jpg);
	   background-repeat:no-repeat;
	 text-decoration: none;
}


		ul.navigation a.video:focus {
    outline: none;
	 background: url(videoH.jpg);
	   background-repeat:no-repeat;
	      text-decoration: none;
}


ul.navigation a.profile:hover {
    text-decoration: none;

 background: url(profileH.jpg);
	   background-repeat:no-repeat;

}

ul.navigation a.video:hover {

 background: url(videoH.jpg);
	   background-repeat:no-repeat;
	      text-decoration: none;


}






ul.navigation a.contact:focus {
    outline: none;
	background: url(contactH.jpg);
   background-repeat:no-repeat;
	      text-decoration: none;


}






ul.navigation a.media:focus {
    outline: none;
	background: url(galleryH.jpg);
   background-repeat:no-repeat;
	      text-decoration: none;


}


ul.navigation a.profile:focus {
    outline: none;
	 background: url(profileH.jpg);
	   background-repeat:no-repeat;
	      text-decoration: none;

		  }


ul.navigation a.profile.selected {
background: url(profileH.jpg);
	   background-repeat:no-repeat;
	      text-decoration: none;

}



ul.navigation a.media.selected {
background: url(galleryH.jpg);
   background-repeat:no-repeat;
	      text-decoration: none;



}

ul.navigation a.video.selected {
background: url(videoH.jpg);
	   background-repeat:no-repeat;
	      text-decoration: none;

}


ul.navigation a.contact.selected {
background: url(contactH.jpg);
   background-repeat:no-repeat;
	      text-decoration: none;



}





.scrollButtons {
    position: absolute;
     margin-left:-2000px;
	top: 350px;
    cursor: pointer;
	display:none;
}

.scrollButtons.left {
    left: -50px;

 margin-left:-2000px;
 }

.scrollButtons.right {
   right: -50px;
	margin-left:-2000px;
}

.hide {
    display: none;
}










ul.shade a {
    height: 30px;
	width: 250px;
    background: #transparent no-repeat 0 0;
	background: url(sig.jpg);
   background-repeat:no-repeat;
	margin-top:100px;
	margin-left: auto;
	margin-right: auto;
	display:block;
}
ul.shade a:hover {
    height: 30px;
    background: #transparent no-repeat 0 0;
	background: url(sigH.jpg);
   background-repeat:no-repeat;

}


.profileaboutxt{margin:0 auto 10px auto;background:#transparent; padding: 50px;
    cursor: arrow;
	font-size: 18px;
	color: #ffffff;
	display:block;


	}



	.toppro{


	width:450px;
margin-top:  420px;
display:block;
height: 400px;

background: url(bandbio.png);
   background-repeat:no-repeat;
margin-bottom:-400px;


}


.bottompro{

 width:438px;

 height: 400px;
display:block;
 background: url(bmbio.png);
   background-repeat:no-repeat;
margin-right:60px;
float:right;
}




.iframeformatting{
height: 720px;
width:900px;
margin-top: -50px;
    cursor:arrow;
	margin: 0;
	padding: 0;
 cursor: arrow;
 overflow: hidden;

}
 .phography{
 width: 400px;
 display:block;
 margin-left: 200px;
 margin-right: 200px;
 height:150px;
 margin-bottom:-60px;
 }




	 ul.leondp li a{background: url(demo/phoraphycredit.png);background-repeat:no-repeat; display:block;width: 450px; height:200px; padding: 200px;}



ul.leondp li a:hover{background: url(demo/phoraphycreditHover.png);background-repeat:no-repeat;}