virogenesis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
body	{
	background: #AACFE2; 
	color: #333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#header	{
	background: #9DC9E2;
	text-align: left;
	}
#header form{float:right;}
#wrapper{
width:760px;
margin-left: auto;
margin-right: auto;
background: #fff;
}
#header form{float:right;}
#contents{text-align:left; margin:5px;}
#pipe{text-align:center;}
#pipe ul   {
margin-left: 0;
padding-left: 0;
display: inline;
} 
#pipe ul li {
margin-left: 0;
padding: 3px 15px;
border-left: 1px solid #000;
list-style: none;
display: inline;
}
#pipe ul li.first {border-left: none;}
#divone { width: 270px; float: left; }
#divthree { width: 190px; float: right; }
#divtwo { margin: 0 280px; width:270px; }
#footer{background: #EFF4FA;}
.hide{text-indent: -9999px;}
</style>

</head>
<body class="home">
<div id="wrapper">
<div id="header">
<h1>Vacationfinder</h1>
<p class="hide">Skip Navagation</p>
</div>

<div id="contents">

 <div id="divone">
  <h2>Coastal Resorts</h2>
  <a href="../">West Country</a> &gt; <a href=".">Cornwall</a> &gt; St Mawes
  <img src="imgs/picholder.jpg" style="margin:5px; float:left;" />
  <div style="clear:both;"></div>
  <h2>British Heritage</h2>

  <a href="../">Midlands</a> &gt; <a href=".">South Midlands</a> &gt; Stratford-upon-Avon
  <img src="imgs/picholder.jpg" style="margin:5px; float:left;" />
  <div style="clear:both;"></div>
 </div>
 <div id="divtwo">
  <h2>Great outdoors</h2>

  <a href="../">Scotland</a> &gt; <a href=".">Scottish highlands</a> &gt; Aviemore & Cairngorms
  <img src="imgs/picholder.jpg" style="padding:3px; margin:5px; border:1px solid #999; float:left;" />
  <div style="clear:both;"></div>
  <h2>Cities & towns</h2>
  <a href="../">West Country</a> &gt; <a href=".">Bristol Avon</a> &gt; Bristol
  <img src="imgs/picholder.jpg" style="margin:5px; float:left;" />

  <div style="clear:both;"></div>
 </div> 
  <div id="divthree">
  <h2>Great outdoors</h2>
  <a href="../">Scotland</a> &gt; <a href=".">Scottish highlands</a> &gt; Aviemore & Cairngorms
  <img src="imgs/picholder.jpg" style="padding:3px; margin:5px; border:1px solid #999; float:left;" />

  <div style="clear:both;"></div>
  <h2>Cities & towns</h2>
  <a href="../">West Country</a> &gt; <a href=".">Bristol Avon</a> &gt; Bristol
  <img src="imgs/picholder.jpg" style="margin:5px; float:left;" />
  <div style="clear:both;"></div>

 </div>
 <div style="clear:both;"></div>
 <div id="pipe">
 <ul>
  <li class="first">Legal</li>
  <li>Accessablity</li>
  <li>Site map</li>

 </ul>
 </div>
</div>
 <div id="footer">
 <p>#footer</p>
 </div>
</div>
</body>
</html