Для создания фона понадобится приблизительно такая картинка с градиентом: http://s1.uploads.ru/M5PNb.png

Способ 1
настраиваемый градиент:

body {
    background-color: #007AA3; /*цвет нижней части градиентной картинки*/
    background-image: url("http://s1.uploads.ru/M5PNb.png"); /*ссылка на картинку-градиент*/
    background-attachment: fixed; /*если удалить эту строчку, то градиентным фон будет только наверху страницы*/
    background-position: center top;
    background-repeat: repeat-x;
}

Способ 2
картинка сама растянется на всю область экрана пользователя:

body {
    background-image: url("http://s1.uploads.ru/M5PNb.png");/*ссылка на картинку-градиент*/
    background-position: center top;
    background-size: 100% 100%;
}