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

/*----------------------------------------------------resets-----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

img {
	border:none;
	text-decoration:none;
}

a, a:link, a:visited, a:hover {
	color:#36F;
	border:none;
	text-decoration:none;
}




/*-------------------------------------end reset-------------------------*/


body {
	background: url(images/jmbg.jpg) top center no-repeat #000;
	margin:0;
	padding:0;
	font-family: Helvetica, Verdana, sans-serif;
	
}

#library  {
	background: url(images/library.jpg) top center no-repeat #000;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, sans-serif;
}

#splash {
	background:url(images/splash.jpg) top center no-repeat #000;
}

#splashlinks {
	height:50px;
	width:500px;
	margin:420px auto;
}

#splashlinks a{
	color:#FFF;
}
#splashlinks a:hover {
	color:#666;
}

#container {
	width:1000px;
	height:800px;
	margin:auto;
}

#maincontent {
	padding:30px 0 0 20px;
	width:800px;
	min-height:575px;
	margin: 15px 100px 0 100px;
	color:#CCC;
	font-weight:100;
}
#scroll {
	height:560px;
	width:790px;
	margin:15px 5px 0 0;
	overflow:auto;
}
#scroll.links p {margin-bottom:10px;}
#maincontent.composer {background:url(images/blackbg.png)top center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
#maincontent.composer img {margin: 0 10px 5px 0;}
#maincontent.composer p {margin-bottom:16px;}
#maincontent.black {background:url(images/blackbg.png) top center no-repeat;}
#maincontent table {margin:auto;}
#maincontent.jmcontact {color:#000;}
#maincontent.licensing table {float:right; background:url(images/formbg.png) no-repeat top left; padding:5px;color:#000; font-weight:bold; }
#maincontent.licensing  h2 {font-size:16px;}
#maincontent.licensing  p {font-size:12px;}
#maincontent.licensing form {background-color:#009;}

#maincontent.licensing p, 
#maincontent.licensing h1,
#maincontent.licensing h2,
#maincontent.licensing h3 {
	margin-bottom:15px;
}

.floatleft {
	float:left;
	clear:left;
}

#links {
	height:575px;
	width:800px;
	color:#000;
	font-weight:100;
	margin: 25px 100px 0 100px;
}

#links p {
	margin-bottom:20px;
}

/*===========================Screening Room========================*/

#videogallery li {
	display:list-item; 
	list-style:none;
	color:#ccc;
	font-size:12px;
	font-family:arial;
}
/*---------------------------splash page styes---------------------*/

#splashcontainer {
	margin:auto;
	margin-top:15px;
	width:900px;
	height:600px;
}


/*-----------------------------------------end splash styles----------------------*/

/*--===========================Header====================*/
#header {
	height:150px;
	width:1000px;
	background:url(images/m4p_logo.png) top left no-repeat;
}

#jmheader {
	height:150px;
	width:1000px;
}

#header .title h1 {
	text-align:right;
	color:#cccccc;
	font-weight:100;
}
#header .title {
	float:right;
	height:25px;
	margin:100px 50px 0 0;
}

/*=============jmnav========================*/

#jmnavbg {
	height:50px;
	widows:1000px;
	background:url(images/jmnav.png) top left no-repeat;
	margin:none;
	list-style:none;
}
#jmnav {
	width:650px;
	margin-left:300px;
	height:50px;
}

#jmnav li {
	margin:0px;
	float:left;
	padding:0;

}
#jmnav a {
	display:block;
	width:108px;
	height:50px;
	border:none;
	background:url(images/jmnav_sprite.png);
}

/*=============jmnav SPRITES==================*/
/* -----------position left,top - from the left (-) from the top (-)----*/
#jmnav a.about {background-position: -300px 0px; }
#jmnav a.credits {width:109px; background-position: -408px 0px; }
#jmnav a.screening {background-position: -517px 0px; }
#jmnav a.music {background-position: -625px 0px; }
#jmnav a.links {width:109px; background-position: -733px 0px; }
#jmnav a.contact {background-position: -842px 0px; }

/*=================rollovers=========================*/
#jmnav a.about:hover {background-position: -300px -50px; }
#jmnav a.credits:hover {background-position: -408px -50px; }
#jmnav a.screening:hover {background-position: -517px -50px; }
#jmnav a.music:hover {background-position: -625px -50px; }
#jmnav a.links:hover {background-position: -733px -50px; }
#jmnav a.contact:hover {background-position: -842px -50px; }


/*=============nav========================*/

#navbg {
	height:50px;
	width:1000px;
	background:url(images/nav.png) top left no-repeat;
	margin:none;
	list-style:none;
}
#nav {
	width:650px;
	margin-left:300px;
	height:50px;
}

#nav li {
	margin:0px;
	float:left;
	padding:0;

}
#nav a {
	display:block;
	width:130px;
	height:50px;
	border:none;
	background:url(images/nav_sprite.png);
}

/*=============nav SPRITES==================*/
/* -----------position left,top - from the left (-) from the top (-)----*/
#nav a.library {background-position: -300px 0px; }
#nav a.credits {background-position: -430px 0px; }
#nav a.licensing {background-position: -560px 0px; }
#nav a.contact {background-position: -690px 0px; }
#nav a.jmc {background-position: -820px 0px; }

/*=================rollovers=========================*/
#nav a.library:hover {background-position: -300px -50px; }
#nav a.credits:hover {background-position: -430px -50px; }
#nav a.licensing:hover {background-position: -560px -50px; }
#nav a.contact:hover {background-position: -690px -50px; }
#nav a.jmc:hover {background-position: -820px -50px; }

#albums {
	/*background:url(images/albumsroll.jpg) top left no-repeat;*/
}
#album {
	text-align:center;
	color:#CCC;
	font-family:helvetica neue, helvetica, verdana, sans-serif;
}

#albums {
	width:900px;
	list-style:none;
	margin: 25px auto;	
	
}

#albums li {
	margin:0 0 20px 0;
	float:left;
	padding:0;
	color:#cccccc;
	text-align:center;
	font-weight:100;
	font-size:.75em;
	font-family: Helvetica, sans-serif;
}

#albums a {
	display:block;
	width:150px;
	height:175px;
	border:none;
	background:url(images/albums_sprite.png) no-repeat;
}
#albums p{
	color:#cccccc;
	text-align:center;
	margin-top:130px;
}

/*=============Album SPRITES==================*/
/* -----------position left,top - from the left (-) from the top (-)----*/
#albums a.album01 {background-position: 0px 0px; }
#albums a.album02 {background-position: -150px 0px; }
#albums a.album03 {background-position: -300px 0px; }
#albums a.album04 {background-position: -450px 0px; }
#albums a.album05 {background-position: -600px 0px; }
#albums a.album06 {background-position: -750px 0px; }
#albums a.album07 {background-position: 0px -175px; }
#albums a.album08 {background-position: -150px -175px; }
#albums a.album09 {background-position: -300px -175px; }
#albums a.album10 {background-position: -450px -175px; }
#albums a.album11 {background-position: -600px -175px; }
#albums a.album12 {background-position: -750px -175px; }
#albums a.album13 {background-position: -0px -350px; }
#albums a.album14 {background-position: -150px -350px; }
#albums a.album15 {background-position: -300px -350px; }
#albums a.album16 {background-position: -450px -350px; }
#albums a.album17 {background-position: -600px -350px; }
#albums a.album18 {background-position: -750px -350px; }
#albums a.album19 {background:url(images/cd_tq.png) no-repeat 0 0;}
#albums a.album20 {background:url(images/cd_bd.png) no-repeat 0 0;}
#albums a.album21 {background:url(images/cd_rb1.png) no-repeat 0 0;}
#albums a.album22 {background:url(images/cd_rb2.png) no-repeat 0 0;}
#albums a.album23 {background:url(images/cd_rb3.png) no-repeat 0 0;}
#albums a.album24 {background:url(images/cd_rb4.png) no-repeat 0 0;}
#albums a.album25 {background:url(images/cd_rb5.png) no-repeat 0 0;}
#albums a.album26 {background:url(images/cd_rb6.png) no-repeat 0 0;}



/*=================rollovers=========================*/
#albums a.album01:hover {background-position: 0px -525px; }
#albums a.album02:hover {background-position: -150px -525px; }
#albums a.album03:hover {background-position: -300px -525px; }
#albums a.album04:hover {background-position: -450px -525px; }
#albums a.album05:hover {background-position: -600px -525px; }
#albums a.album06:hover {background-position: -750px -525px; }
#albums a.album07:hover {background-position: 0px -700px; }
#albums a.album08:hover {background-position: -150px -700px; }
#albums a.album09:hover {background-position: -300px -700px; }
#albums a.album10:hover {background-position: -450px -700px; }
#albums a.album11:hover {background-position: -600px -700px; }
#albums a.album12:hover {background-position: -750px -700px; }
#albums a.album13:hover {background-position: 0px -875px; }
#albums a.album14:hover {background-position: -150px -875px; }
#albums a.album15:hover {background-position: -300px -875px; }
#albums a.album16:hover {background-position: -450px -875px; }
#albums a.album17:hover {background-position: -600px -875px; }
#albums a.album18:hover {background-position: -750px -875px; }
#albums a.album19:hover {background:url(images/cd_tq.png) no-repeat 0 -175px;}
#albums a.album20:hover {background:url(images/cd_bd.png) no-repeat 0 -175px;}
#albums a.album21:hover {background:url(images/cd_rb1.png) no-repeat 0 -175px;}
#albums a.album22:hover {background:url(images/cd_rb2.png) no-repeat 0 -175px;}
#albums a.album23:hover {background:url(images/cd_rb3.png) no-repeat 0 -175px;}
#albums a.album24:hover {background:url(images/cd_rb4.png) no-repeat 0 -175px;}
#albums a.album25:hover {background:url(images/cd_rb5.png) no-repeat 0 -175px;}
#albums a.album26:hover {background:url(images/cd_rb6.png) no-repeat 0 -175px;}


/*========================FOOTER==============================*/

#footer {
	width:900px;
	height:25px;
	margin:auto;
	margin-top:25px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	clear:left;

}

#footer a {
	color:#36F;
	clear:left;
}