#main {float:left; position:relative; width:875px; height:428px; background-image:url(../graphics/inner-gradient.png); background-repeat:repeat-y;}

#all {margin-left:auto; margin-right:auto; margin-top:0.5cm; width:875px; height:508px;}

#title {position:absolute; top:22px; left:265px; width:350px; height:30px; z-index:2; text-align:center;}

#left {position:absolute; top:120px; left:30px; width:210px; height:200px;}

#right {position:absolute; top:120px; left:642px; width:220px; height:200px; z-index:3;}

#demo {position:absolute; top:275px; left:608px; width:240px; height:100px; z-index:4; text-align:center;}

#bottomleft {position:absolute; top:290px; left:10px; width:240px; height:100px; z-index:4; text-align:center;}

#requirements {position:absolute; top:393px; left:287px; width:300px; height:15px; z-index:1; text-align:center;}

img.mumidi{ display: none;}

dl#midicontroller{
	margin: 0;
	padding: 0;
	background: transparent url(../graphics/MUwin.png) top left no-repeat;
	height: 317px;
	width: 339px;
	position: absolute;
	top:70px;
	left:268px;
	z-index:10;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 80%; display: none; }

dd{ margin: 0; padding: 0; position: absolute;  font-size: 70%; font-family: Arial; }

dl#midicontroller dt.title{
	color: white;
	display: block;
	font-size: 10px;
	padding: 0px 0 0 5px;
}

/* ---------- Hotspot Declarations ---------- */

dd#slidersDef{top:0px; left:4px;}

dd#slidersDef a{position:absolute; width:114px; height:64px; text-decoration:none; border:none; background:transparent;}

dd#slidersDef a span{display: none;}

dd#slidersDef a:hover{background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#slidersDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	top:100%;
	left:0%;
	margin:0px;
	padding:5px;
	width:283%;
}

dd#destDef{top:0px; left:116px;}

dd#destDef a{position:absolute; width:88px; height:63px; text-decoration:none; border:none; background:transparent;}

dd#destDef a span{display: none;}

dd#destDef a:hover{ background: transparent url(../graphics/graypix.png) repeat; border:none;}

dd#destDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	top:100%;
	left:-128%;
	margin:0px;
	padding:5px;
	width:365%;
}

dd#chordDef{top:0px; left:202px;}

dd#chordDef a{position:absolute; width:76px; height:63px; text-decoration:none; border:none; background:transparent;}

dd#chordDef a span{ display:none;}

dd#chordDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#chordDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	top:100%;
	left:-260%;
	margin:0px;
	padding:5px;
	width:422%;
}

dd#buttonsDef{top:0px; left:276px;}

dd#buttonsDef a{position:absolute; width:59px; height:63px; text-decoration:none; border:none; background:transparent;}

dd#buttonsDef a span{ display:none;}

dd#buttonsDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#buttonsDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	top:100%;
	left:-462%;
	margin:0px;
	padding:5px;
	width:545%;
}

dd#setwinDef{top:85px; left:35px;}

dd#setwinDef a{position:absolute; width:120px; height:88px; text-decoration:none; border:none; background:transparent;}

dd#setwinDef a span{ display:none;}

dd#setwinDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#setwinDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-26%;
	margin:0px;
	padding:5px;
	width:268%;
}

dd#appearanceDef{top:81px; left:156px;}

dd#appearanceDef a{position:absolute; width:149px; height:90px; text-decoration:none; border:none; background:transparent;}

dd#appearanceDef a span{ display:none;}

dd#appearanceDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#appearanceDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-103%;
	margin:0px;
	padding:5px;
	width:217%;
}

dd#miditabDef{top:170px; left:42px;}

dd#miditabDef a{position:absolute; width:77px; height:13px; text-decoration:none; border:none; background:transparent;}

dd#miditabDef a span{ display:none;}

dd#miditabDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#miditabDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-50%;
	margin:0px;
	padding:5px;
	width:419%;
}

dd#mousetabDef{top:170px; left:120px;}

dd#mousetabDef a{position:absolute; width:84px; height:13px; text-decoration:none; border:none; background:transparent;}

dd#mousetabDef a span{ display:none;}

dd#mousetabDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#mousetabDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-139%;
	margin:0px;
	padding:5px;
	width:384%;
}

dd#keytabDef{top:170px; left:204px;}

dd#keytabDef a{position:absolute; width:50px; height:13px; text-decoration:none; border:none; background:transparent;}

dd#keytabDef a span{ display:none;}

dd#keytabDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#keytabDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-400%;
	margin:0px;
	padding:5px;
	width:642%;
}

dd#chordtabDef{top:170px; left:255px;}

dd#chordtabDef a{position:absolute; width:43px; height:13px; text-decoration:none; border:none; background:transparent;}

dd#chordtabDef a span{ display:none;}

dd#chordtabDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#chordtabDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-586%;
	margin:0px;
	padding:5px;
	width:751%;
}

dd#leftsideDef{top:67px; left:6px;}

dd#leftsideDef a{position:absolute; width:29px; height:183px; text-decoration:none; border:none; background:transparent;}

dd#leftsideDef a span{ display:none;}

dd#leftsideDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#leftsideDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-586%;
	margin:0px;
	padding:5px;
	width:751%;
}

dd#rightsideDef{top:301px; left:68px;}

dd#rightsideDef a{position:absolute; width:28px; height:183px; text-decoration:none; border:none; background:transparent;}

dd#rightsideDef a span{ display:none;}

dd#rightsideDef a:hover{ background:transparent url(../graphics/graypix.png) repeat; border:none;}

dd#rightsideDef a:hover span{
	display:block;
	text-indent:0;
	vertical-align:top;
	color:#E3DED6;
	background-image:url(../graphics/blackpix.png);
    background-repeat:repeat;
	font-weight:normal;
	position:absolute;
	border:none;
	bottom:100%;
	left:-586%;
	margin:0px;
	padding:5px;
	width:751%;
}