Вам нужно почитать про вёрстку на css, если вы задаёте такой вопрос.

Если описывать в кратце, то для ужатого блока (те, что не зелёные) необходимо описать класс wrapper и примерно так его заполнить:

.wrapper {
    width: 1000px;  /* Твоя ширина */
    margin: 0 auto; /* Выравниваем по центру страницы */
}

Ну а дальше уже внутри него верстать остальную структуру. При чём, судя по макету, враппер нужно будет применять для каждого блока отдельно, ибо есть блоки в 100% ширины, которые не должны в себе содержать этого класса.