Aligning Columns?

I downloaded a 1/3 x 1/3 x 1/3 column layout but I'm trying to change it so its 1/4 x 1/4 x 1/4 x 1/4. I added another column, changed the sizes of all of the main columns, but I can't figure out how to make it all go in a row.

Do any of you know how?

I downloaded a template and have been tweaking it a great deal.

Another thing is that its supposed to be a 1/3 x 1/3 x 1/3 column layout but I'm trying to change it so its 1/4 x 1/4 x 1/4 x 1/4.
I changed the sizes of all of the main columns, but I can't figure out how to make it all go in a row?

Do any of you know how?

http://interactclub.awardspace.com/

Other than the index the only two CSS pages are:
http://interactclub.awardspace.com/base.css
http://interactclub.awardspace.com/reset-fonts-grids.css

It looks like in your stylesheet http://interactclub.awardspace.com/reset-fonts-grids.css you need to change the percents of the widths to match up to four columns instead of 3.

For example .yui-ge div.first .yui-gd div.first{width:32%;}

Should now be .yui-ge div.first .yui-gd div.first{width:24%;}