Вам нужно почитать про вёрстку на css, если вы задаёте такой вопрос.
Если описывать в кратце, то для ужатого блока (те, что не зелёные) необходимо описать класс wrapper и примерно так его заполнить:
.wrapper {
width: 1000px; /* Твоя ширина */
margin: 0 auto; /* Выравниваем по центру страницы */
}
Ну а дальше уже внутри него верстать остальную структуру. При чём, судя по макету, враппер нужно будет применять для каждого блока отдельно, ибо есть блоки в 100% ширины, которые не должны в себе содержать этого класса.