Как сделать резиновым шаблон? - Joomla 1.5: Шаблоны, разметка и макеты вывода

http://diamant-beauty.com/ сам сайт, как сделать чтобы поля сбоку он не заливал цветом а растягивался ? что поменять?

Много чего поменять надо.
Центральная часть у этого шаблона имеет фиксированную ширину 1100px.

в template.css менять все надо?

#ja-mainnav,
#ja-header,
#ja-topsl,
#ja-botsl,
#ja-container,
#ja-footer {
   width: 1100px;
   margin: 0 auto;
}

.narrow #ja-mainnav,
.narrow #ja-header,
.narrow #ja-topsl,
.narrow #ja-botsl,
.narrow #ja-container,
.narrow #ja-footer {
   width: 750px;
   margin: 0 auto;
}

#ja-container {}

#ja-mainbody {
   width: 79%;
   float: left;
}

Не надо сюда содержимое своего CSS копировать. Его и так видно тем, кто захочет увидеть.
Чтоб сделать этот шаблон резиновым, надо не только менять width: 1100px, но и переверстывать остальное (левую и правую колонку, графику переделывать и т.д.).
Если сами не умеете, то обратитесь в Коммерческий раздел этого форума.

через FireBug делов не много но у меня все съезжает

#ja-mainnav, #ja-header, #ja-topsl, #ja-botsl, #ja-container, #ja-footer {
    margin: 0 auto;
    width: 100%;
}
.narrow #ja-mainnav, .narrow #ja-header, .narrow #ja-topsl, .narrow #ja-botsl, .narrow #ja-container, .narrow #ja-footer {
    margin: 0 auto;
    width: 750px;
}
#ja-container {
}
#ja-mainbody {
    float: left;
    width: 870px;
}
#ja-content {
    clear: both;
    display: block;
    float: right;
    width: 630px;
}
#ja-current-content {
    padding: 0 1px;
}
#ja-col1 {
    float: left;
    overflow: hidden;
    width: 27%;
}
#ja-col1 div.ja-innerpad {
}
#ja-col2 {
    float: right;
    overflow: hidden;
    width: 230px;
}
#ja-col2 div.ja-innerpad {
}
#ja-containerwrap, #ja-containerwrap-fr, #ja-containerwrap-fl, #ja-containerwrap-f {
    clear: both;
    margin: 0;
    padding: 50px 0;
}
#ja-containerwrap-fr #ja-mainbody {
    width: 100%;
}
#ja-containerwrap-fr #ja-col1 {
    width: 22%;
}
#ja-containerwrap-fr #ja-content {
    width: 78%;
}
#ja-containerwrap-fr #ja-current-content {
    padding-right: 0;
}
#ja-containerwrap-fl #ja-content {
    width: 100%;
}
#ja-containerwrap-fl #ja-current-content {
    padding-left: 0;
}
#ja-containerwrap-f #ja-mainbody {
    width: 100%;
}
#ja-containerwrap-f #ja-content {
    width: 100%;
}
#ja-containerwrap-f #ja-current-content {
    padding-left: 0;
    padding-right: 0;
}
div.moduletable h3, div.moduletable_default h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3 {
    background: url("../images/h3/icon1.html") no-repeat scroll left center transparent;
    color: #D7025F;
    font-size: 150%;
    margin: 0 0 10px;
    padding: 3px 0 3px 35px;
}
div.moduletable, div.moduletable_default, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite {
    margin: 0;
    padding: 0;
как цент растянуть?