Адаптивная верстка 5ти страниц сайта

Есть 5 шаблонов в формате *.psd:
1. Main Page Layout.psd (Главная страница)
2. Product Page Layout.psd (Страница товаров)
3. Login Register Layout.psd (Страница авторизации и регистрации)
4. FAQ Layout.psd (Страница Часто Задаваемых Вопросов)
5. Delivery Layout.psd (Страница доставки)

Шапку и футер, а так же слайдер на главной странице (им соответствуют одноименные папки в psd файлах) верстать не надо.

Задание:
по каждому шаблону нужно сделать *.html и *.css файлы. При открытие html файла в браузере, страница должна отображаться в соответствии с шаблоном. Поведение элементов в зависимости от состояний (hover, visited и пр.) не рассматривать.

Требования:
1. Кроссбраузерность. Хотя для IE 6 и IE 7 можно не заморачиваться. Особое внимание Safari. Предполагается большой процент пользователей с iOS устройствами.
2. Адаптивность. При сужении страницы блоки должны становиться один под другой. Ничего особенного придумывать не надо, просто плавающие блоки в контейнерах относительной ширины.
3. Полное соответствие шаблону. Шрифты, отступы, цвета должны полностью соответствовать шаблону.

Желательно чтобы все css код был структурирован, а css-селекторы имели понятные обозначения.