#mContainer {
	position:relative;
	width:260px;
	height:195px;
	margin:auto;
	overflow:hidden;
	background-image:url(../images/home/bintan1.jpg);
	border:1px solid #000;
}

#mContainer img {
	display:none;
}

#mContainer #mask {
	position:absolute;
	width:500px;
	height:195px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mask.png');
}

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

#mContainer #navContainer {
	position:absolute;
	top:175px;
	background-color:#FFF;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	width:260px;
	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 1px;
	color:#000;
}

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

#caption {
	position:relative;
	width:260px;
	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:260px;
	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:260px; 
	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;
}