Т.е. вы хотите, чтобы за вас сверстали макет?
Из очевидного сразу - font-family надо использовать из макета.
Если хочется учиться, то изучайте, а спрашивать надо что-то конкретное... Если это коммерческий заказ, то есть же freelancim.ru
Подсказка. Container отображается под хедером, потому что последний привязан к верху страницы и соотв. имеет нужный для этого стиль position. Найдите, какой класс для nav добавляет такое свойство и уберите его. Либо добавьте верхний отступ для контейнера. Сумеете?
Плохо, что сначала изучается обертка, а потом уже основа (имею ввиду jquery, а потом js). А когда надо будет писать нативный код на каком-то языке, возникнут проблемы. Да и понимание, как оно работает, должно идти вначале.
Если контейнер сайта имеет фиксированную ширину, то можно нарисовать одну широкую картинку с прозрачным полем посередине, ширина этого поля = ширине контейнера сайта; а слева и справа ваши иллюстрации. И тогда можно использовать один background:url(...) center top repeat-y;
Может потому, что браузер прокручивает документ (читай "рассчитывает координату") раньше, чем рендерится нужный (подключенный) шрифт? А когда шрифт отрисовался, браузер уже всё давно сделал.
Попробуйте добавить формат для якоря, чтобы браузер не находил его в коде документа, а по событию загрузки документа и может быть небольшого таймаута, прокручивать документ до нужных координат через JS самому.
1. Сделать большой div, куда разместить 3 картинки абсолютно позиционированными или относительно (relative) с нужными z-index
2. Белый фон и окантовку можно нарисовать таблицей с rowspan / colspan и нужными бордерами, сделав эту таблицу абсолютно позиционированной и невидимой
3. При наведении на главный div показывать таблицу (z-index больше, чем у трех картинок)
4. При уведении мыши с таблицы, скрывать ее