Вопрос css. Отступы между блоками

[YRILO]

Фото 1 - то, что есть сейчас. Фото 2 - то, что должно получится. Жутко туплю. margin и padding пробывал, все параметры перебрал (ну или почти все), но всё-равно нифига не получается. Надо сделать отступ шапки от края макета (т. е. чтоб между шапкой и чёрным фоном был белый фон.), а так же отступ между блоками "Левый блок" и "Контент". Помогите плиз. Ниже мой css код,

body {
background:#202020;
margin: 0;
}
#wrapper {
width: 1000px;
margin: 0 auto;
background: #E2E2E2;
}
#header {
height: 150px;
background: #6666CC;
margin:64px 64px 64px 64px;
padding:20px auto 20px 20px;
margin-top:35px;
}
#menu {
width: 210px;
height: 376px;
float: left;
background: #33CC00;
margin:0px 0px 35px 64px;
margin-right:35px;
}
#content {
background: #99FFFF;
height: 376px;
margin:64px 64px 64px 64px;
padding:20px auto 20px 0;
}
#footer {
height: 50px;
background: #CCCCFF;
clear: both;
margin:64px 64px 64px 64px;
padding:20px auto 20px 20px;
}
//otvet.imgsmail.ru/download/225915980_d71b317cbc846a4a639d94c276600a68_120x120.jpg//otvet.imgsmail.ru/download/225915980_01f03380d1acd1550d57b263e4044289_120x120.jpg

 

[89612808223]

Очень непросто вашу ситуацию понять, тк даже id в css и имена блоков на макете не совпадают но, margin это внешний отступ - то что вам нужно, учтите что по дефолту маргин входит в ширину блока т. е. нужно ширину блока делать меньше на значение маргина, тогда блоки не будут перекрывать друг друга