Jak na layout headeru

Ahojte, chcem sa spýtať ako dosiahúť istý efekt v headery stránky. Jedná sa mi o toto:







Chcem aby ten vyšrafovaný okraj (ktorý chýba modrému elementu) nejako doplním. Ale s tak, že sa bude pri posúvaní okraju prehliadača strácať ako je to ukázané v obrázkoch. Až kým nenarazí na kontajner hlavného obsahu. Akým spôsobom je to možné dosiahnúť a či vôbec.

Je tam použitý max-width 1150px.

Tu je odkaz na stránku

ďakujem