Page Became (Un-Centered)

Hello,
Below is a link to my site that I am having the question with.

I am designing my theme and editing and everything, and I had it perfect 10 days ago before I went on vacation. I had the main page in the middle with the grey borders on each side and it was centered in the page just fine as all wp themes normally are.

When I came back this is how it looked. (Click link above).

It is all to the left side and un centered. Can anyone tell me what is going on.

I am attaching a copy of the CSS to the page here.

/* General */

body {
margin: 0;
background: url(“images/bg.jpg”);
}

h1, h2, h3, h4 {
margin: 0;
}

img {
border: 0;
}

.clear {
clear: both;
height: 0;
overflow: hidden;
}

/* Page */

#page {
margin: -42px auto 0 auto;
width: 895px;
background: url(“images/page.gif”) repeat-y;
}

#page-top {
width: 895px;
background: url(“images/page_top.jpg”) no-repeat;
}

#page-bottom {
width: 895px;
min-height: 460px;

}

/* Header */

#header {
width: 890px;
height: 450px;
}

/* Header – Info */

#header #header-info {
position: absolute;
top: 109px;
left: 33px;
width: 525px;
height: 81px;
padding-left: 92px;
background: transparent;
}

#header #header-info h1 {
color: #fff;
font: normal 38px “Trebuchet MS”, Verdana;
padding: 1px 0 5px 0;
}

#header #header-info h1 a {
color: #fff;
text-decoration: none;
}

#header #header-info .description {
color: #fff;
font: normal 17px “Trebuchet MS”, Verdana;
}

/* Header – Menu */

#header #header-menu {
position: absolute;
top: 42px;
left: 13px;
width: 640px;
height: 46px;
}

#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 640px;
height: 46px;
}

#header #header-menu ul li {
float: left;
height: 46px;
font: bold 18px/46px “Trebuchet MS”, Verdana;
color: #ffffff;
}

#header #header-menu ul li a {
color: #ffffff;
text-decoration: none;
padding: 0 15px;
display: block;
}

#header #header-menu ul li a:hover {
background: url(“images/header_menu.gif”) repeat-x;
}

#header #header-menu ul li ul {
display: none;
}

#header #header-menu ul li.current_page_item a {
background: url(“images/header_menu.gif”) repeat-x;
}

/* Header – Search */

#header #header-search {
position: absolute;
top: 54px;
left: 655px;
width: 217px;
height: 22px;
}

#header #header-search #searchform {
margin: 0;
padding: 0;
width: 217px;
height: 22px;
}

#header #header-search #s {
width: 117px;
height: 18px;
padding: 2px 5px;
border: 0;
font: normal 13px “Trebuchet MS”, Verdana;
color: #000000;
background: transparent;
float: left;
}

#header #header-search #searchsubmit {
background: transparent;
border: none;
width: 85px;
height: 22px;
padding: 0;
float: right;
}

/* Header – Newsletter */

#header #header-newsletter {
position: absolute;
top: 230px;
left: 32px;
width: 200px;
height: 90px;
padding-top: 40px;
background: url(“images/header_newsletter.gif”) no-repeat;
color: #000000;
font: bold 12px “Trebuchet MS”, Verdana;
}

#header #header-newsletter p {
margin: 0;
padding-bottom: 7px;
}

#header #header-newsletter form {
margin: 0;
padding: 0;
}

#header #header-newsletter span {
width: 55px;
float: left;
height: 18px;
line-height: 18px;
}

#header #header-newsletter input {
width: 123px;
height: 18px;
background: url(“images/header_input.gif”) no-repeat;
border: none;
padding: 0 5px;
font: normal 12px “Trebuchet MS”, Verdana;
color: #000000;
}

#header #header-newsletter .submit {
width: 85px;
height: 26px;
background: url(“images/header_button.gif”) no-repeat;
margin-left: 104px;
}

/* Header – Recent Articles */

#header #recent-articles {
position: absolute;
top: 223px;
left: 264px;
width: 305px;
height: 145px;
}

#header #recent-articles h3 {
width: 285px;
height: 22px;
color: #fff;
font: bold 14px/22px “Trebuchet MS”, Verdana;
background: url(“images/title_recent_articles.jpg”) no-repeat;
padding: 0 10px;
}

#header #recent-articles ul {
margin: 0;
padding: 0 0 0 10px;
list-style-type: none;
}

#header #recent-articles ul li {
padding-left: 8px;
background: url(“images/header_articles.gif”) no-repeat;
color: #fff;
font: bold 12px/28px “Trebuchet MS”, Verdana;
}

#header #recent-articles ul li a {
color: #fff;
text-decoration: none;
}

#header #recent-articles ul li a:hover {
text-decoration: underline;
color: #1559c8;
}

/* Header – Popular Articles */

#header #popular-articles {
position: absolute;
top: 223px;
left: 595px;
width: 278px;
height: 145px;
}

#header #popular-articles h3 {
width: 258px;
height: 22px;
color: #fff;
font: bold 14px/22px “Trebuchet MS”, Verdana;
background: url(“images/title_popular_articles.jpg”) no-repeat;
padding: 0 10px;
}

#header #popular-articles ul {
margin: 0;
padding: 0 0 0 10px;
list-style-type: none;
}

#header #popular-articles ul li {
padding-left: 8px;
background: url(“images/header_articles.gif”) no-repeat;
color: #fff;
font: bold 12px/28px “Trebuchet MS”, Verdana;
}

#header #popular-articles ul li a {
color: #fff;
text-decoration: none;
}

#header #popular-articles ul li a:hover {
text-decoration: underline;
color: #1559c8;
}

/* Main */

#main {
margin: 0 auto;
width: 869px;
}

/* Main – Content */

#content {
float: left;
width: 541px;
padding: 10px 17px 0 16px;
}

/* Main – Content – Post */

#content .post {
float: left;
margin-bottom: 30px;
width: 541px;
}

/* Post – Title */

#content .post .post-title {
width: 541px;
height: 59px;
font: bold 12px “Trebuchet MS”, Verdana;
color: #1559c8;
}

#content .post .post-title a {
color: #1559c8;
text-decoration: none;
}

#content .post .post-title a:hover {
text-decoration: underline;
}

#content .post .post-title h2 {
color: #1559c8;
font: bold 24px “Trebuchet MS”, Verdana;
padding: 2px 0;
}

#content .post .post-title h2 a {
color: #1559c8;
text-decoration: none;
}

#content .post .post-title h2 a:hover {
text-decoration: underline;
}

#content .post .post-title .post-date {
float: left;
background: url(“images/post_date.gif”) no-repeat;
width: 59px;
height: 59px;
margin-right: 18px;
color: #ffffff;
text-align: center;
text-transform: lowercase;
font: bold 13px “Trebuchet MS”, Verdana;
letter-spacing: 1px;
}

#content .post .post-title .post-date span {
padding: 9px 0 1px 0;
display: block;
}

/* Post – Entry */

#content .post .post-entry {
font: normal 12px/18px “Trebuchet MS”, Verdana;
color: #fff;
width: 521px;
padding: 0 10px;
background: #000;
}

#content .post .post-entry a {
color: #1559c8;
text-decoration: none;
}

#content .post .post-entry a:hover {
text-decoration: underline;
}

#content .post .post-entry a.more-link {
font: bold 12px/18px “Trebuchet MS”, Verdana;
color: #1559c8;
text-decoration: none;
}

#content .post .post-entry a.more-link:hover {
text-decoration: underline;
}

#content .post .post-entry blockquote {
border-left: 10px solid #e6e6e6;
margin: 0px 30px;
padding-left: 15px;
}

/* Post – Info */

#content .post .post-info {
padding: 0 15px;
width: 511px;
height: 26px;
background:#000 no-repeat;
clear: both;
font: bold 12px/26px “Trebuchet MS”, Verdana;
color: #ffffff;
}

#content .post .post-info a {
color: #1559c8;
text-decoration: none;
}

#content .post .post-info a:hover {
text-decoration: underline;
}

/* Post – Comments */

#content .post h3 {
margin: 30px 0 5px 0;
color: #fff;
font: bold 18px “Trebuchet MS”, Verdana;
}

#content .post .comments {
font: normal 12px/18px “Trebuchet MS”, Verdana;
color: #fff;
width: 521px;
}

#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}

#content .post .comments ol li {
padding: 5px;
}

#content .post .comments ol li a {
color: #ff7c00;
text-decoration: none;
}

#content .post .comments ol li a:hover {
text-decoration: underline;
}

#content .post .comments ol li.alt {
background: #e6e6e6;
}

#content .post .comments ol li cite {
color: #fff;
font-style: normal;
font-weight: bold;
}

#content .post .comments ol li cite a {
color: #ff7c00;
text-decoration: none;
}

#content .post .comments ol li cite a:hover {
text-decoration: underline;
}

#content .post .comments ol li .commentmetadata a {
color: #ff7c00;
text-decoration: none;
}

#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}

#content .post #commentform {
margin: 0;
padding-left: 25px;
font: normal 12px/18px “Trebuchet MS”, Verdana;
color: #474747;
width: 496px;
}

#content .post #commentform a {
color: #ff7c00;
text-decoration: none;
}

#content .post #commentform a:hover {
text-decoration: underline;
}

/* Main – Content – Navigation */

#content .navigation {
margin-bottom: 30px;
font: bold 12px “Trebuchet MS”, Verdana;
color: #002465;
width: 541px;
}

#content .navigation a {
color: #002465;
text-decoration: none;
}

#content .navigation a:hover {
text-decoration: underline;
}

#content .navigation .navigation-previous {
float: left;
}

#content .navigation .navigation-next {
float: right;
}

/* Main – Sidebar */

#sidebar {
float: left;
width: 295px;
font: normal 12px/18px “Trebuchet MS”, Verdana;
color: #fff;
}

#sidebar a {
color: #fff;
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
color: #1559c8;
}

#sidebar .sidebar-box {
width: 295px;
padding-bottom: 10px;
}

/* Sidebar – Titles */

#sidebar h3 {
font: bold 18px/30px “Trebuchet MS”, Verdana;
color: #1559c8;
width: 265px;
height: 30px;
padding: 0 15px;
margin-bottom: 2px;
background: no-repeat;
}

/* Sidebar – Menus */

#sidebar ul {
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
}

#sidebar ul li {
padding-left: 8px;
background: url(“images/sidebar_menu.gif”) no-repeat;
font: 12px/22px “Trebuchet MS”, Verdana;
color: #fff;
}

#sidebar ul li a {
color: #fff;
text-decoration: none;
}
#sidebar ul li p {
color: #fff;
text-decoration: none;
}

#sidebar ul li a:hover {
text-decoration: underline;
color: #1559c8;
}

#sidebar ul li ul {
padding: 0 0 0 10px;
}

/* Sidebar – Forms */

#sidebar #searchform {
margin: 0;
padding: 10px 0;
width: 295px;
text-align: center;
}

#sidebar #searchform #s {
width: 205px;
}

/* Sidebar – Tables */

#sidebar #calendar_wrap {
margin: 0 auto;
padding-top: 5px;
width: 116px;
}

#sidebar #calendar_wrap caption {
font-weight: bold;
}

#sidebar #calendar_wrap tbody {
text-align: right;
}

#sidebar #calendar_wrap tfoot #next {
text-align: right;
}

#sidebar #calendar_wrap #today {
font-weight: bold;
}

/* Sidebar – Texts */

#sidebar .textwidget {
padding: 0 5px;
}

/* Sidebar – Ads */

#sidebar .sidebar-ads {
padding: 10px 0 0 15px;
}

#sidebar .sidebar-ads-in {
float: left;
padding: 0 14px 14px 0;
}

/* Footer */

#footer {
margin: 0 auto;
width: 869px;
height: 65px;
color: #1559c8;
font: 12px “Trebuchet MS”, Verdana;
padding-top: 16px;
background: #000 url(“images/footer.JPG”) no-repeat;
}

#footer a {
color: #1559c8;
text-decoration: none;
}

#footer a:hover {
text-decoration: none;
color: #fff;
}

/* Footer – Footerbar */

#footer #footerbar {
width: 869px;
height: 180px;
padding-top: 17px;
}

#footer #footerbar h3 {
font: bold 12px “Trebuchet MS”, Verdana;
color: #000000;
padding: 0 0 25px 15px;
}

#footer #footerbar ul {
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
}

#footer #footerbar ul li {
font: bold 12px/26px “Trebuchet MS”, Verdana;
color: #fff;
padding-left: 8px;

}

#footer #footerbar ul li a {
color: #1559c8;
text-decoration: none;
}

#footer #footerbar ul li a:hover {
text-decoration: underline;
color: #fff;
}

/* Footer – Footerbar – Boxes */

#footer #footerbar #footerbar-left {
width: 249px;
padding: 0 17px 0 10px;
float: left;
}

#footer #footerbar #footerbar-center {
width: 273px;
padding: 0 14px 0 11px;
float: left;
}

#footer #footerbar #footerbar-right {
width: 264px;
padding: 0 14px 0 16px;
float: left;
}

/* Footer – Copyright */

#footer #copyright {
width: 869px;
text-align: center;
line-height: 42px;
}