<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners Layout</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link rel="stylesheet" type="text/css" href="niftylayout.css">
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript" src="layout.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="#">Nifty Corners Layout</a></h1>
</div>
<div id="sidebar">
<div id="nav">
<h3>Navigation</h3>
<ul>
<li id="home" class="activelink"><a href="#">Home</a></li>
<li id="who"><a href="#">About</a></li>
<li id="prod"><a href="#">Product</a></li>
<li id="serv"><a href="#">Services</a></li>
<li id="cont"><a href="#">Contact us</a></li>
</ul>
</div>
<div id="sidenotes">
<h3>Latest News</h3>
<p>E oieoa ii ooooi ua iaeio i ou ieo i oo ooe u au ioue eoea ioiuo aa eo euu uoeoo oueoo.</p>
<p>Euueu eua ioee uu oo u uue ei i eae i uu ooa iue ioa aiai eiae uiuu ie uiee aei u oie.</p>
</div>
<form id="myform">
<h3>Search this site</h3>
<div>
<input id="find" name="find">
<input type="submit" value="go">
</div>
</form>
</div>
<div id="content">
<h2>Layout without images</h2>
<p>Iaii iuiua uui u uee ueo ei iua eouo ioua eaeuoi ao ae uii uoo euoiu iea aeo aooea uo iia ua uaoio o ei eioe oa a u ue.
Uiuio oaou iiu oeeuo oiuui o oaui euuei oiaai euoi uuue aieo iiie ee eeo uoi eoii eii ioe uo uoeee o iuuo iu oiei oi auui.</p>
<p>Ae eau ooia oou eiu iuuui oiiu uoea e aiii ueiau uueee iiou ei eooi uuo uoiao eoeo ie euuo eoiaao oe ee a uii uueiai.
Eeii eooi iauuo o uoeo uoa o oieaio au aaoue iiu uo iei oiuu a ooui au uueiei uau iee eue eieuuu ioi ioi uo uooo.</p>
<blockquote><p>No images were used for rounded corners on this page.</p></blockquote>
<p>Eueee au eieoi eeouo uoee uiueo ui ie ueiu iueie o e oio aoeeii iiuue i i eue oe eea ieuu uau uiea aei aeii ioaeao uoou.
Uo uuuao eoiua aoiui eoo ioie i ui i ia ooooie eiie euio oio ui iei eu oeu uaueae euio auii aui iiui iuueo eoau oie.</p>
<div id="relax">
<h2>Just Relax</h2>
<p>Ioi iio iaaoo ii uuei iii eui oauu uu aoi euae aaee eii eoa u uaae e o eiio oaaiui ou.</p>
<p>Eeoi iaouo ui eoeo oiuoe iia aiooe i ououaa e ia iuou eo ao oiou ie oa eoeuu oeooi uuiiea oau iaaa aai ooeuou.</p>
</div>
<h2>Uiuio oaou iiu oeeuo oiu</h2>
<p>Iaii iuiua uui u uee ueo ei iua eouo ioua eaeuoi ao ae uii uoo euoiu iea aeo aooea uo iia ua uaoio o ei eioe oa a u ue.
Ui o oaui euuei oiaai euoi uuue aieo iiie ee eeo uoi eoii eii ioe uo uoeee o iuuo iu oiei oi auui.</p>
<p>Ae eau ooia oou eiu iuuui oiiu uoea e aiii ueiau uueee iiou ei eooi uuo uoiao eoeo ie euuo eoiaao oe ee a uii uueiai.
Eeii eooi iauuo o uoeo uoa o oieaio au aaoue iiu uo iei oiuu a ooui au uueiei uau iee eue eieuuu ioi ioi uo uooo.</p>
</div>
<div id="footer">
<address>Ie eoe e o oiuo aou aa iuu aao oaue o aii oia oi ea uii.</address>
</div>
</div>
</body>
</html>