general css wrapper/alignment help

I am having trouble shaping some tables into a wrapper. I am able to do most basic css but having a hard time with this one.

Note - This is NOT a Xencarta question so please don't move the thread somewhere that won't get support. This is a general css question.

Here is what I have:
http://smashcraftonline.com/smash/have.png

And this is what I want:
http://smashcraftonline.com/smash/want.png

Here is the css/html:
http://pastebin.com/5jHZnNTP

I appreciate the help

 

Anyone?

 

You might add the code to EXTRA.CSS. Not sure if this works, but worth a try!