1. Po co <div id="tlo"></div><!-- Koniec #tlo --> ?
2. Pousuwaj z elementów głównego menu <h3>
3. To:
<img src="grafika/komorka.gif" id="komorka" alt="" /> </div><!-- Koniec #kontaktinfo --> </div><!-- Koniec #kontakt --> </div><!-- Koniec #top -->
zrób używając jednego div'a (usuń div #kontaktinfo)
4. Do usunięcia:
<div id="krecha"></div><!-- Koniec #krecha -->
- wystarczy, że do <h1> dodasz border-bottom: (...)
5. Po co to:
<li style="position:relative;width:5px;border:0px;background-color:#fff;margin-left:-1px;"></li>
?
6. Te kreski: <div class="kreskalewa"></div> rób tak samo jak w punkcie 4. (border-bottom do <h3>)
7. To też do usunięcia: <div class="przerwamiedzypanelami"></div>
8. Tego też nie kumam: <div class="h3s"><h3>Lorem Ipsum is simply</h3></div> - po co kolejny div? samo h3 nie wystarczy?
9. <div class="float"> - to też do usunięcia (samo <a> ostylowane wystarczy!)
10. Po co <li style="width:76px;"> - w dolnym menu te width'y? Odległość pomiędzy kolejnymi <li> możesz przecież ustalić za pomocą padding-right!
11. <div id="kreskastopka"></div> - do wywalenia
Ogólnie: dużo za dużo <divów> - musisz uprościć kod, bo narazie jest divitis
tak na marginesie, wypadało by wykupić zdjęcia z istockphoto...
http://artu123.pl/