html {
	height: 100%;
}

body 			{
			height: 100%;
			font:normal 12px/1.7em "Trebuchet MS",Arial,Helvetica,Geneva,sans-serif;
			color: #fff;
			margin: 0;
			background: #000 url('images/body.gif') repeat-x fixed left top;
			}
#frame {
	position: absolute;
	width: 800px;
	height:600px;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -300px;
}


#upper {
	width: 100%;
}
#upper a {
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	background: #000 url('images/splash01.jpg') no-repeat;
	display: block;
	height:296px;
}

#upper a:hover {
	background: #000 url('images/rollover01.jpg') no-repeat;
}

#lower {
	width: 100%;
}
#lower a {
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	background: #000 url('images/splash02.jpg') no-repeat;
	display: block;
	height: 304px;
}

#lower a:hover {
	background: #000 url('images/rollover02.jpg') no-repeat;
}