body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; font-family:Verdana,Arial; margin-bottom: 0px; }
.contentbody { background-image: url(images/bg.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: 452px; width: 644px; z-index: 1; }
#Layer1 { position: absolute; left: 225px; top: 168px; width: 196px; height: 217px; z-index: 0; }
.bodybg { font-family: tahoma; font-size: 11px; font-weight: bold; color: #000000; background-image: url(images/bodybg.jpg); background-repeat: no-repeat; background-position: center bottom; }
a.redlink:link, a.redlink:visited{font-size: 8pt;font-weight: bold;color: #962315;text-decoration: none;}
a.redlink:hover{font-size: 8pt;font-weight: bold;color: #b4985a;text-decoration: none;}

a.credit:link, a.credit:visited{font-size: 8pt;font-weight: bold;color: #A99A4B;text-decoration: none;}
a.credit:hover{font-size: 8pt;font-weight: bold;color: #A99A4B;text-decoration: none;}

a.track:link, a.track:visited{font-size: 8pt;font-weight: bold;color: #817c76;text-decoration: none;}
a.track:hover{font-size: 8pt;font-weight: bold;color: #817c76;text-decoration: none;}

.trackname{font-size: 8pt;font-weight: bold;color: #000000;}
.trackClass {margin: 15px;margin-top: -5px; height: 140px}
.reviewClass {margin-left: 10px; margin-right: 10px; height: 250px}

/******************************************************************************/
/* PLAYER                                                                     */
/******************************************************************************/
.player {
	float: left;
	width: 200px;
	margin: 1em;
}
.playerpreview {
	margin-top: 12px;
	margin-bottom: 12px;
}

#playercontroller {
	background-color: #e9f6ff;
	color: #000;
	height: 1px;
	width: 1px;
	border: solid 1px #ccc;
	margin: 0 0 1em 0;
}
	#playercontroller .button {
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: 2px 2px;
		float: left;
	}
		#playercontroller .button a {
			display: block;
			height: 20px;
			text-indent: -100em;
			overflow: hidden;
			background-image: none;
		}
	#playercontroller .timeline {
		position: relative;
	}
		#playercontroller .timeline a {
			position: absolute;
			left: 40px;
			display: block;
			height: 20px;
			width: 40px;
			text-indent: -100em;
			overflow: hidden;
			background-image: url(images/control_slider.png);
		}
		#playercontroller .timeline a:visited {
			background-image: url(images/control_slider.png);
		}
		#playercontroller .timeline a:hover {
			background-image: url(images/control_slider_blue.png);
		}
	#playercontroller .play {
		background-image: url(images/control_play.png);
	}
	#playercontroller .play:hover {
		background-image: url(images/control_play_blue.png);
	}
	#playercontroller .pause {
		background-image: url(images/control_pause.png);
		display: none;
	}
	#playercontroller .pause:hover {
		background-image: url(images/control_pause_blue.png);
	}
	#playercontroller .stop {
		background-image: url(images/control_stop.png);
	}
	#playercontroller .stop:hover {
		background-image: url(images/control_stop_blue.png);
	}

/*************************** Scroll **********************************/

#scroll { 
  height: 250px;
  overflow-y: scroll; 
  padding: 0px 5px 0px 0px;
}

/*********************************************************************/