Como alinear las capas

[rgallardo]

Hola a todos, estoy haciendo una pagina la que he maquetado solo con capas, al comienzo me funcionó bien pero tuve que agregar cuatro capas mas pequeñas donde voy a colocar cuatro imagenes y se me desordeno todo.

La idea es que quede como a continuacion:

tengo:
-una capa para la cabecera
-una capa lateral izquierdo para un menu
-una capa en el centro donde voy a colocar una imagen grande
-cuatro capas mas pequeñas debajo del del centro para cuatro fotos pequeñas
- una capa al lado derecho para colocar texto

En comienzo no tenia las cuatro capas mas pequeñas, pero cuando las agregue se me desordeno el esquema que tenia

asi esta lel archivo .css

#cabecera_cat { background: #FF9900;
margin:0px;
padding: inherit;
width:100%;
height:80px;
font-family: georgia, "times new roman", times, serif;
font-size: 0.9em;
line-height: 1.5;
}
#pie_cat { background:#FF9900;
width:100%;
height:40px;
clear:left;
color: blue;
font-family: georgia, sans-serif;
padding-top:12px;
clear: left;
}
#lateral_cat { background: #3399FF;
float:left;
width:200px;
height:500px;
margin: 0px;
padding:0px;
}
#cuerpo_cat { background: #FFFFFF;
float:left;
width:500px;
height:400px;
margin:0px auto;
padding:0px;
}
#cuerpo_img1 { background: #FFFFCC;
float:left;
width:100px;
height:100px;
margin:0px auto;
padding:0px;
}
#cuerpo_img2 { background: #FFFFCC;
width:100px;
height:100px;
margin:0px auto;
padding:0px;
}
#cuerpo_img3 { background: #FFFFCC;
width:100px;
height:100px;
margin:0px auto;
padding:0px;
}

#derecha_cat { background: #FFCC99;
float: none;
width: auto;
height:480px;
margin:0px;
padding:0px;
}