#mContainer {
	position:relative;
	width:250px;
	height:167px;
	margin:auto;
	overflow:hidden;
	background-image:url(image_04.jpg);
	border:3px solid #000;
}

#mContainer img {
	display:none;
}

#mContainer #mask {
	position:absolute;
	width:500px;
	height:167px;
	top:0px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mask.png');
}

#mContainer>#mask {
	background-image:url(mask.png);
}

#mContainer #navContainer {
	position:absolute;
	top:145px;
	background-color:#FFF;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	width:250px;
	margin:auto;
	font:0.8em verdana,arial;
	text-align:center;
	z-index:100;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
}

#navContainer a {
	text-decoration:none;
	padding:0 3px;
	color:#000;
}

#mcontainer #navContainer a:focus {
	text-decoration:underline;
}

#caption {
	position:relative;
	width:250px;
	color:#000;

	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=70);

	background-color:#fff;
	margin:3px auto;
	font:bold 0.7em verdana,arial;
	text-align:center;

	border-bottom:1px solid #069;
}

#controls {
	position:relative;
	display:block;
	width:250px;
	margin:10px auto;
	padding-bottom:5px;
	border-top:1px solid #000;
	font:0.7em verdana,arial;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
}

/* following CSS is unrelated to the applications function */

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:250px; 
	font:9px verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}