Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <style type="text/css">
  h1 {font-size:20px; text-align:center; font-weight:normal}
  h3 {text-align:center}
  #testa {background-color:blue; height:50px; width:700 px; font-size:20 px; font:colibri}
  #sinistra{background-color:blue; top:140 px; height:400 px; width:400 px; color:black; font-size:35px; position:absolute}
  #destra {position:absolute; left:440 px; top: 150 px; width:400 px; height:200 px; font-size:16 px; font:calibri; color:black}
  #destra1{position:absolute; left:440 px;  top:300 px;  width: 400 px; height:200 px; font-size:16px; font:calibri; color:black }
  #destra2{position:absolute; left: 440 px; top:450 px;  width:400 px; height:200 px; font-size:16px; font-size:calibri; color:black }
  #piede{position:absolute; top:620 px; width:700px; height:50 px; background-color:blue; font-size:16 px}
  .europa{height:130 px; width:280 px}
  .centro {text-align:center}
   <title> AGENZIA GIRAMONDO </title>
  </style>
  </head>
  <body>
  <div id="testa">
  <A HREF="WWW.home.it"> Home </a>
  <a href="www.photo.it">Photo</A>
  <a href="www.story.it">Story</a>
  <a href="www.monuments.it">Monuments</a>
  </div>
  <div id="sinistra">
  <img class="europa" src="download.jpg">
  <img class="europa" src="eiffel.jpg">
  <img class="europa" src="londra.jpg">
  </div>
  <div id="destra"> Italy <ul>
  <li> Capital: Rome
  <li> People:2'873'000
  </div>
  <div id="destra1"> France <ul>
   <li> Capital: Paris
   <li> People:2'148'000
  </div>
  <div id="destra2"> UK <ul>
  <li> Capital: London
  <li> People:8'900'000
  </div>
  <div id="piede"> <p class="centro"> Per informazione scrivi a: <a href="mailto:www.giramondo@libero.com"> giramondo@libero.com </a> </p>
  </div>
  </body>
</html>