Puedes meter todas los div en un div contenedor, le das el tamaño que quieras, y pones ese div en position:relative y margin:0 auto. Aldo así:
CSS
Código HTML:
.container{
width: 780px;
position:relative;
margin:0 auto
}
XHTML
Código HTML:
<div class="container">
<div class="cabecera1"><img src="web_03.jpg" width="180" height="105"></div>
<div class="cabecera2"><img src="banner.gif" width="667" height="65"></div>
<div class="menu"><img src="21areas.jpg" height="39" width="112"></div>
<div class="lateral1"><img src="web_11.jpg" width="181" height="65"></div>
<div class="lateral2"><img src="webgarmande_12.jpg" width="181" height="124"></div>
<div class="lateral3"></div>
<div class="pie Estilo1">
Garmande
</div>
<div class="centro">eoeoe</div>
<div>
De esta forma tus divs quedarán centrados con relación al container.