Stuff

<html>
	<head>
		<title>
		XmDesk
		</title>
		
		<style type="text/css">
		body{
		margin: 1;
		padding: 1;
		}

		#desktop {
		position: absolute;
		width: 95%;
		height:97.5%;
		background: url(bg/bliss.jpg) no-repeat;
		border: 1px solid #000000;
		vertical-align: middle;
		}
	
		#taskbar
		{
		height: 32px;
		width: 100%;
		bottom: 0px;
		position: absolute;
		background: url(os/images/taskbar3.gif) repeat-x;
		}

		#timewidget
		{
		height: 50px;
		width: 16%;
		margin: 5% 0 0 0;
		float: right;
		background: url(os/images/timewidget.gif) no-repeat;
		filter: alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
		color: #FFFFFF;
		font: 1.8em Georgia;
		text-align: center;
		}
		
		#appmenu
		{
		position: absolute;
		right: 0;
		width: 22%;
		background: #FFFFFF;
		height: 43%;
		bottom: 0;
		visibility: hidden;
		}
		
		</style>

		<script type="text/javascript">

		var menu = null;

		menu = document.getElementById('appmenu');

		function hide_menu() {
		  menu.style.visibility = "hidden";
		}

		function show_menu() {
		  menu.style.visibility = "visible";
		}
		</script>
	</head>
	
	<body>
		<div id="desktop" title="Click on a icon to launch a program">
		
		<div id="timewidget">
		18:15<sup>am</sup>
		</div>

		<div id="appmenu">
		</div>

		<div id="taskbar" title="This is the taskbar, it displays minimized apps">
		<img src="os/images/appbutton2.gif" style="border: 0; float: right;"onMouseover="this.src='os/images/appbutton2hover.gif';" onMouseout="this.src='os/images/appbutton2.gif';" title="Click here to begin" onClick="show_menu();">
		</div>
		
		</div>
	</body>
</html>