Cyber_bober

jcarousel генерирует css на основе настроек и вставляет их в style="" каждому элементу
Ты хочешь разместить слева и справа стрелки, для этого задай им абсолютное позиционирование

.prev-i{
position:absolute;
left:100px;
margin-top:60px;
}
.next-i{
position:absolute;
right:30px;
margin-top:-125px;
}

стили получаются кривыми, потому что у тебя кривая верстка впринципе, чтобы ее выровнять, задай position:relative; родителю и выровняй карусель.

З.Ы. красной строки в вебе не бывает, используются только абзацы

центрированный текст делаем так:

.centred{
  position:absolute;
  width: 100px; /*ширина блока с текстом*/
  left:50%;
  margin-left:-50px; /*половина ширины блока с текстом*/
}

второй подгоняем таким же образом изменяя параметр margin-left

это две трапеции и треугольник habrahabr.ru/post/126207

Это не ошибка, это GET запрос на загрузку favicon.

Костыли:
1) добавьте хэдеру второй класс и на главной добавьте

<style>
.class{
height:200px !important;
}
</style>

В основном файле стилей укажите параметры хэдера для других страниц

2) Как в примере выше только без pathname, добавьте на главную js
$('.header').css('height', '200');