#menu { height: 256px; background: url(/images/design/header.holidays.jpg) no-repeat scroll top center; overflow: hidden; position: relative; margin: 0 }
	#menu li { display: block; margin: 0 auto; position: relative; list-style-type: none }
		#menu li a { display: block; width: 100%; height: 100%; text-indent: -10000px; overflow: hidden; cursor: pointer; border: 0 }
		#menuHome { width: 407px; height: 46px; left: 89px; top: 94px }
		#menuDiscography { width: 109px; height: 77px; top: 116px; left: -236px }
		#menuBiography { width: 109px; height: 87px; top: 39px; left: -128px }
		#menuForum { width: 102px; height: 87px; top: -48px; left: -11px }
		#menuChat { width: 70px; height: 84px; top: -135px; left: 85px }
		#menuOther { width: 122px; height: 90px; top: -220px; left: 192px }
		#menuAbout { width: 85px; height: 80px; top: -308px; left: 302px }
		#menuKarl { width: 65px; height: 82px; top: -549px; left: 43px }
		/* #menuKarl { width: 65px; height: 82px; top: -549px; left: 277px } previous */
		
div.separator { width: 100%; height: 25px; background-repeat: repeat-x; background-position: top center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/design/shadow.png') }
div.separator[class] { background-image: url(/images/design/shadow.png); }
#menu[id] { overflow: visible }
#menu li ul { display: none }
#menu li ul { position: relative; height: auto; padding: 1em; border: 1px solid #333333; background-color: #0d0d0d; margin: 0; font-size: 0.625em; z-index: 1 }
	#menu li li { display: list-item; font: 12px "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #d9d9d9; margin: 0.5em 0 }
	#menu li li:first-child { margin-top: 0 }
	#menu li li:last-child { margin-bottom: 0 }
		#menu li li a { display: inline }
#menu li:hover ul { display: block }