@charset "UTF-8";
html, body {
	margin: 0px;
	height: 100%;
	background-image:url(../images/bg_repeat.gif);
	background-repeat:repeat;
}

div {
	font-family:Verdana;
	font-size: 10px;
	font-weight:normal;
	color: #333333;
}

img {
	border: 0px;
}

a {
	color: #790000;
}

div#container {
	width: 100%;
	height: 100%;
	vertical-align:middle;
	position:absolute;
}

	div#content {
		width: 700px;
		height: 392px;
		position: absolute;
		left: 50%;
		margin-left: -350px;
		top: 50%;
		margin-top: -196px;
	}
		div#nav {
			float: left;
			background-color:#efefef;
			border: #FFFFFF 1px solid;
			height: 390px;
			width: 208px;
		}
			div#player {
				height: 36px;
				margin-top: 2px;
				margin-left: 8px;
				margin-right: 8px;
				border-bottom: #bbbbbb 1px dotted;
				border-top: #bbbbbb 1px dotted;
			}
						
			div#album_cover {
				width: 185px;
				height: 172px;
				background:url(../images/cover_shadow.gif) no-repeat right bottom;
				margin-top: 10px;
				margin-left: 16px;
				float: left;
			}
			
			div#album_cover img {
				display: block;
				position: relative;
				top: -6px;
				left: -6px
			}
			
			div#nav_item {
				border-top: #bbbbbb 1px dotted;
				height: 16px;
				margin-left: 10px;
				margin-right: 8px;
			}
			
			.border_bottom {
				border-bottom: #bbbbbb 1px dotted;
			}
			
				.nav_item_name:hover {
					margin-left: 10px;
					filter:alpha(opacity=80);
					-moz-opacity:0.8;
					opacity:0.8;
				}
					
		div#content_main {
			float: left;
			border-left: 0px;
			height: 392px;
			width: 371px;
			background-repeat:no-repeat;
			position: relative;
		}
			
			.overlay_off {
				background-image:url(../images/main_bg.gif);
			}
			
			/*.overlay_on {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main_bg_overlay.png', sizingMethod='scale');
			}*/
			
			* > .overlay_on {
				background: url(../images/main_bg_overlay.png);
			}

			
			div#content_box {
				width: 325px;
				height: 342px;
				background: transparent url(../images/content_bg.png) scroll 0% 0%;
				float:right;
				margin-right: 19px;
				margin-top: 25px;
				position: relative;
				z-index: 99999!important;
			}
				div#content_box_heading {
					height: 20px;
					padding-top: 10px;
					padding-left: 20px;
				}
				div#content_inner {
					overflow:auto;
					width: 290px;
					margin-top: 10px;
					float:left;
					margin-left: 10px;
					height: 280px;
					padding-right: 10px;
				}
				
				.clear { clear:both; }