How to center content wrapper in wordpress theme

Hi guys!

I have a blog which consists of three columns, first the blog area to the left and the sidebar to the right, these two are within the width of the content wrapper (980pixlar). Then I have a widget 2 installed to the far right outside of the content wrapper that is part of the whole page wrapper.

The discription in the theme reads “LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fixed layout with one sidebar right of content”

Now I want to remove widget 2 and center the content part of the site, so the blog are and the side bar are in the middle.

the script looks like this (the theme is twentyten but changed alot, however no child theme)

#content-wrapper
{
float: left;
overflow: hidden;
width:980px;
height:100%;
border: #d1c3b8 solid 7px;
background:url(/wp-content/uploads/2012/01/dotted.png) repeat-y 650px 523px;
}

And the page wrapper looks like this

#page-wrapper{
width:1334px;
padding:0;
margin:0;

I tried to change it and write “center” instead of “left” both in the style.css and in the ie-style.css in wordpress editor but nothing happened ??
I tried to remove the widget two by pulling into first widget area, it just disappeared but content still didnt appear in the middle.
If one should make change in this classic wordpress theme, is it in style.css or in ie-style.css? because I tried to change the font size as well and nothing happened.

I am def not a pro at this so any help would be sooo appriciated! ??