Hi Marastev2, so your HTML/CSS is fairly messy, and I don’t understand why your content div is set to 100% wide. That’s ok though, really though it is important to do two things.
1. Remove the div with id catblog2 from your template code, or where ever it is, unnecessary. Also the catablog-images-column should be removed since you have only one image and it is also unnecessary. Have you looked at the gallery template?
2. Set the width of catablog-catalog to something like 900 pixels wide for your design. Now set the margin to 0 auto so it is centered.
If you remove your changes, step two is all you need to do to center your catalog, you can bust out the calculator and figure out the exact width of your catalog my adding the width, margin, border and padding of each catablog-row and multiplying it by 4.
total-width = 4 * (width + margin + padding + border)
Good luck and hope that helps you solve your problems.
I would also highly recommend using a tool such as Firebug or the Web Developer Tools for Webkit to test and troubleshoot your CSS. Learn more about each tool respectively at:
http://getfirebug.com/
http://code.google.com/chrome/devtools/docs/overview.html
