body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
margin-top:80px;
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:600px; /* ширина нашего макета*/
}

img {border:none;}

#header{
margin-left:70px;
margin-right:70px;
}

#menu{
margin-top:20px;
margin-left:40px;
}

/*Здесь пишем стили для блока контента */
#content{
background-color:#d5d7b5;
margin:0px;
margin-top:30px;
width:500px;
height:500px;
margin-left:50px;
}

/*Здесь пишем стили для подвала сайта */
#footer{
background-color:#d292bc;
}
#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}

ul{ list-style: none;
margin-left:-40px;}