Header

#header{
width: 960px;
height: 400px;
margin: 0;
padding: 10px;
background-color: #DDD;
position: relative;
}

• Menu

Bloco principal

Layout com duas culunas. Um header com posicionamento relativo. Um menu dentro do header com posicionamento absoluto.

Duas colunas de conteúdo com float à esquerda e um rodapé.

Todas as divisões estão dentro de um contentor.

#mainBloc{
width: 700px;
height: auto;
padding: 10px;
float: left;
background-color: #F2F2F2;
}

body{
margin: 0;
padding: 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 0.87em;
line-height: 1.4em;
background-color: #666;
}
h1{
font-size: 2em;
}
#container{
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding: 10px;
width: 980px;
height: auto;
background-color: #FFF;
}
#footer{
    width: 960px;
	height: 40px;
	padding: 10px;
	background-color: #E8E8E8;
	clear: both;
}

Bloco secundário

#secondaryBloc{
    margin-left: 720px;
	width: 240px;
	height: 700px;
	padding: 10px;
	background-color: #CCC;
}

Rodapé