Site layout menu

Boa tarde pessoal, estou tentando deixar minha página da seguinte forma:

Background com uma cor
Corpo e seção dos banners com outra
As letras do menu, e todo restante do site com uma cor.

Eu usei um código abaixo, mas tem partes que não estão ficando como quero!

.barra-inicial .conteiner { background-color: #30083d;}
.conteiner-principal #cabecalho .conteiner { background-color: #30083d;}
.conteiner-principal #corpo .conteiner { background-color: #FFFFFF;}
.conteiner-principal #cabecalho .conteiner .conteudo-topo .inferior .span4 {background-color: white;}
.conteiner-principal #cabecalho .conteiner .conteudo-topo .inferior .span8 { background-color: #FFFFFF;}
.conteiner-principal #cabecalho .conteiner .conteudo-topo .superior .span4 {background-color: #FFFFFF;}
.conteiner-principal #cabecalho .conteiner .conteudo-topo .superior .span4 .acoes-conta {/* color: #ffffff; */}
.conteiner-principal #cabecalho .conteiner .menu { background-color: #30083d;}
a.bem-vindo.cor-secundaria { color:#FFFFFF; font-size: 13px;}
.produto .acoes-produto{text-align:center}
.acoes-produto .preco-produto{font-size:30px}
.acoes-produto .preco-produto{line-height: 30px}
.acoes-produto .preco-produto .preco-parcela{font-size:14px}

/* cor nomes das categorias menu */
#cabecalho > .conteiner > .menu.superior strong.titulo.cor-secundaria { color: white; }

/* centralizar menu */
#cabecalho > .conteiner > .menu.superior {text-align: center;}
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

/* cor carrinho vazio e fundo*/
span.titulo.cor-secundaria.vazio-text { color: black; background: white;}

/* borda carrinho */
.carrinho { border: 1px solid;}

i.icon-shopping-cart.fundo-principal { background-color: #30083d; width: 55px;}

.carrinho.vazio>a span { text-align: center;}

.tema-pequeno .acoes-conta li:first-child {background: #ffffff;}

.acoes-conta li { background: #30083d;}
.acoes-conta li>* {line-height: 20px;color: white;}

.conteiner-principal #cabecalho .conteiner .conteudo-topo .superior .span4 .acoes-conta {background: #30083d;}

i.icon-list.fundo-principal { background-color: transparent; }
i.icon-user.fundo-principal { background-color: transparent;}
.conteiner-principal #cabecalho .conteiner .conteudo-topo .inferior .span4 { background-color: white;}

Alguém teria um código mais completo, eu sei trocar as cores dentro do próprio código, meu problema é colocar todos comandos na página da forma que quero.