Zrób style.css, bo w jednym pliku to ciężko będzie.
A jeśli chodzi o wyśrodkowanie to:
Bardzo konkretnie i rzeczowo.
Wywal: position: absolute; oraz top i left , w zasadzie to z-index też tu jest zbedny.
w stylach dodaj np.: * { margin: 10px auto; }
ja to robie tak:
body {
text align:center;
....
}
#calosc {
text align:left;
...
}
I w ten sposób wyśrodkujesz wszystko a tekst zostanie na swoim miejscu 
Ps. ten div#calosc wstaw na początek i zamknij go jako ostatniego diva
Pzdr.
master of disaster , nie jest to przeznaczone do centrowania elementów blokowych. Ludzie to stosują ze względu na $#@*& IE, który to nie obsługuje margin:auto;
jak scentrować zawartość strony lewa-prawa obrazek (tło) o raz by pozostał tekst na tym samym miejscu na obrazku