<!-- 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:300px;
	padding:40px;
	color:black;
	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'>
		<b>Welcome to PowerUI!</b>
		<br>
		<br>
		Here's a simple way to preview your UI's.
		<br>
		<br>
		<b>Try editing the html file next to this scene</b> - pop it open in your favourite editor and make some changes. Then to see the result simply save it and click back on Unity. Your html will reload.
		<br>
		<br>
		To do this in any scene, just tick the <b>"Watch for changes"</b> box. Note that it only works with a Html File, not a URL.
</div>
