1. Верхняя часть, меняется в файле стилей styles.css строка номер 198:
#untop {
width: 100%;
background-color: #FFF;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
выделил красным ваш текущий белый фон, вместо которого можно задать изображение примерно так:
background: url('ссылка на изображение')no-repeat;background-size:100%;
Как-то так, только рассчитывайте чтобы фон был либо по размерам меню в длину, либо однопиксельное изображение которое бы заливало полностью фон, если будет однопиксельное, то в параметре no-repeat атрибут no нужно будет удалить.
2. Нижняя часть сайта, в том же файле стилей, строка номер 1218, находим стили:
#footer {
padding: 60px 0 40px 0;
background: #73bb29;
color: #eee;
border-top-width: 6px;
border-top-style: solid;
font-family: 'Times New Roman';
position: relative;
}
вместо выделенного красным, пишем как и в примере выше и задаем изображение.