Kamae perdon, no pegue el css de contenido principal era este:
Cita: #contenedor_principal {
margin-top: -10px;
margin: 0 auto;
border-left: 1px solid #d3d8dd;
border-right: 1px solid #d3d8dd;
border-bottom: 1px solid #d3d8dd;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top: 15px solid #30aac4;
width: 1000px;
height: auto;
background-color: #f4f5f6;
box-shadow: 0px 2px 5px 5px #d3d8dd;
}
Al aplicar a esta capa float:left; ocurre lo que buscaba que los cuadros1,2 y 3 se coloquen dentro del principal pero ahora el margin: 0 auto; que me centraba la capa principal no hace su efecto, tendria que usar de otra manera el margin para lograr centrarlo?? muchas gracias