Site width issues in TM Theme

[NewLightCreative]

I have a client who has a template monster theme installed "theme651".
http://www.nancyandflo.com/index.php
They want the width approximately 25% smaller.
I can accomplish the width decrease with the following stylesheet change

.main-width { width:1080px; margin:0 auto; text-align:left;}
.extra { width:1020px; margin:0 auto; text-align:left;}

Once that was done it completely throws off the images below the menu. The image on the far right gets thrown below the other images, and so on.
So I played with the stylesheet some more and changed:

.wrapper{ width:1180px; overflow:hidden;}
.container { width:75%;}
.column-1, .column-2, .column-3{ float:left;}


That reset the images back in order however as you can see the container is still wider then the header.
Any help would greatly appreciated.
In the stylesheet there is a banner area and the images are set fairly big. I have tried resetting these but the images then squish together.
I know TM themes are a nightmare and this one definitely is. Unfortunately I did not know they were using TM until after the work was started.
What should have been a 5 minute job has been many hours spent hunting and pecking at this point.
Hope someone on here can help me with this.
Thanks
Colleen

[keneso]

Usually you can't get much help on TM templates, as they really mess things up.

Anyhow you have different width declared in various elements, try to make them all the same.
I see
line 10
.main-width 1000px
line26
.wrapper 1120px
line 223
#featured_prod ul 1140px