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

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

.padded{
	padding:20px;
}

body{
	overflow-y:auto;
}

input:focus{
	background:#ddddff;
}

</style>

<!-- The PowerUI logo in the middle of the screen. -->
<div style='background:url(powerUI-logo.png) no-repeat;background-position:center;height:100%;position:fixed;'></div>

<div class='padded' align='center'>
	<b>Focus Graphs</b>
	<br>
	<br>
	Click a box then use the arrow keys to navigate which one is currently focused.
	<br>
	FocusGraphExamples.cs sets up the keyboard for this to work.
	<br>
	<br>
	<br>
	<input type='text' name='first'/>
	<br>
	<br>
	<input type='text' name='second'/>
	<br>
	<br>
	<input type='text' name='thirdA'/> <input type='text' name='thirdB'/> <input type='text' name='thirdC'/> 
	<br>
	<br>
	<input type='text' name='fourth'/>
	<br>
	
</div>