Footer on home page off center

I have a custom theme for cheesefestival.ca
The homepage footer moved to the right. Am new to CSS codes,

<!–#footer #footerLeft #communityPics img { padding-top: 30px; }
#footer #footerLeft { position: relative; color: #ebc745; padding-left: 12px; padding-right: 40px; padding-top: 26px; width: 170px; float: left; }
#footer #footerLeft a {color: #ebc745;}
#footer #footerLeft li { padding-bottom: 5px; list-style: none;}
#footer #limitedSpace { position: absolute; left: 150px; top: -20px; color: #5caeab; font-size: 13px; }
#footer #smallLuggage { position: absolute; top: 80px; left: 670px; }

#footer #footerNav {color: white; padding-top:20px; width: 640px; float:left;}
#footer #footerNav a {color:white;}
#footer #footerNav ul li {float: left; list-style: none; padding-left: 35px; padding-top: 5px;}
#footer #footerNav ul li:first-child {padding-left: 0px;}
#footer #footerNav ul li ul li {padding-left: 0px;}
#footer #footerNav ul.sub-menu li {float: none;}

#footer { width: 880px; height: 175px; margin: 0 auto 0; background-color: black; position: relative; font-size: .7em; }
#footer img#BottomImg { position: absolute; top: -95px; left: 30px; padding-top: 5px; }
#footer_container { width: 880px; height: 195px; margin: 0 auto 0; padding: 0 35px; background-color: #F8FFE4; position: relative; }–>
Any help would be appreciated.