Heigo
#pun-title {
background: url("http://s9.uploads.ru/cv6tw.png") no-repeat scroll center top rgba(0, 0, 0, 0);
border: medium none;
height: 889px !important;
left: -3px;
position: absolute;
width: 1350px;
top: -250px;
}
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 100px;
font-family: palatino linotype;
font-size: 15px;
height: 100px;
padding-top: 400px;
text-align: center;
top: 0;
}
Пояснения:
top: -250px; чтобы убрать то, что ты напрозрачнил вверху. учти что просвечивает береза, нельзя делать прозрачность там. Если хочешь, чтобы смотрелось как бы полукругом, то подложи фоновую картинку, а поверх уже композицию с волками. И сохраняй вместе с фоновой картинкой
Тогда этот отступ вверх можно будет убрать, и тогда для #pun-navlinks, #pun-navlinks .container padding-top: 400px; будет 660.
Для #pun-navlinks, #pun-navlinks .container надо убрать фон, он у тебя уже нарисован шапкой.
И верхняя категория обрезана шапочной картинкой. Если будет объявление, то сразу оставь на него отступ, если не будет, то надо уменьшать количество добавленного снизу пана в шапочной картинке.
Ну и по краям размыто неаккуратно, хорошо заметен переход. Выход такой. берешь фоновую картинку. размещаешь ее по центру, пристыковав к верху. в фш, дублируешь ОТ ЦЕНТРА, от верха!
И, размывая края композиции с волками, смотришь, чтобы переход в фон был аккуратный. (вообще, ты заметил. что в приведенных примерах фон однотонный? не сделать ли тебе так? размыть в цвет гораздо проще, чем в картинку)
http://heigo.rusff.me/admin_style.php (ссыль на администрирование стиля)