<!-- Time for a little CSS! -->
<style type='text/css'>

html{
	background:url(noise-background.png);
}

#content-box{
	
	background:#e7e8ee;
	border:6px solid #cccccc;
	border-radius:70px 30px 70px 30px;
	width:400px;
	padding:40px;
	text-align:justify;
	color:black;
	margin-top:auto;
	margin-bottom:auto;
	left:10%;
	
}

</style>

<!-- The PowerUI logo off to the right. We're using direct style here. -->
<div style='vertical-align:middle;right:10%;width:140px;height:100%;position:fixed;'>
	
	<!-- The logo itself. -->
	<img src='powerUI-logo.png'/>

</div>

<!-- The rounded box containing the welcome info. Gets its style from the CSS above. -->
<div id='content-box'>
		<center><b>Animated GIF support</b></center>
		<br><br>
		As an alternative to SPA (which has much broader colour support), you can also use ordinary GIF's with PowerUI.
		<br><br>
		<center>
			<img src='loading.gif'/>
		</center>
		<br><br>They also work straight off the web too:
		<br><br>
		<img src='http://powerui.kulestar.com/Images/nyan.gif'/>
		
</div>