Main Page content not centred

Very new to Zencart,
uploaded new template to zencart and have figured out everything I need to know using these very helpful forums...
I have one thing i dont understand and I need to figure out:

How to make my main page content centred. I have added a banner and 3 smaller banners to the main page using the html editor in define main page. I have turned all sideboxes off still am not getting the look i am after.

heres the address:

https://www.discounthomebrewwarehouse.com.au/index.php

the index.php is there so no one can see it while im working on it.

please somebody help me

You are using a commercial template (one you bought from somewhere), and as such templates are usually very highly customised, you would probably get your answer from the person who sold you that template.

The top logo is aligned left and there is a gap in the navEZPagesTop.

I'm using Ubuntu FF 3.6.

Do you think it has anything to do with padding etc, like i said im completely new to it all but would it be anywhere in the stylesheet ect ? Because even if you click on any page, say for example "beer making" then you can still see the outline of the main content box and its flush to the right side but still has a gap on the left side.

Here's the culprit in stylesheet_tm.css:

#content{ padding-bottom:21px;}
#column-center{ padding:0 0 0 15px;}
.tie{ background:#f7f7f7; width:100%;}
.indent1{ padding:15px;}

.main-width {
    margin: 0 auto;
    text-align: left;
    width: 965px;
}

This is working for FF. The main page is centered.

For the nav bar, I would make a background to hide the gap.

thanks so much, you were right i changed it and now its flush to the left =) thankyou so much