Подскажите методику верстки

[Curaudo]

Здравствуйте.

Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить.

Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG

Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =)

Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. Поэтому решил попросить тут совета =)

Если есть коротенькая книжка по CSS именно по паттернам верстки, а не по синтаксису, то подскажите ее название, ничего особо не нашел, Ну и вообще буду рад любому совету.

Спасибо.

[npofopr]

Иконки и полоски картинками, а остальное можно всё верстать.

У вас тут наверно будет очень много блоков с position: absolute;

А т.к. это заглушка, то я бы не стал слишком много на неё сил тратить. Верстаете блоки, а потом раскидываете их по бокам.

Edited August 16, 2013 by npofopr