Хм. Как насчет размещения вашего основного контента в div и центрирования его с помощью:
margin: 0 auto;
width: /* the width of your content */
Вы должны были бы изменить свою разметку HTML, хотя; Я пытался сделать это, но это отрезало ваш фон. Вам нужно будет извлечь фоновое изображение из div, который вы хотите центрировать, и поместить его вокруг этого div. Если это имеет смысл .. Что-то вроде:
<body>
<div id="bg"><!-- give this id the background-image in css -->
<div id="maincontent">
<!-- this div contains all your content, everything that needs centering -->
</div>
</div
</body>
Тогда в вашем css:
#bg { background-image: /* blabla */ }
#maincontent { margin: 0 auto; width: /* width, as stated above */ }
Нечто подобное.