в вашем
template.css ищите строки
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}
margin-left: 30px; - это расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента. можно ставить в пикселах, а можно и в процентах. (лучше % т.к. на любом разрешении монитора будет по центру)
Попробуйте так: margin-left: 50%;
или не 50, а меньше, ведь картинка в ширину 298px.