Resolved Need help centering footer

[IgniteWebsites]

I am having a problem editing my style.css and/or footer.php to get my footer container to center.

Here is my current code.

Footer CSS:

#footer { border-top: 1px solid #fff;  }	
	p#copyright { float:right; font-size:12px; color:#555555; text-shadow: 1px 1px 1px #fff; padding: 30px 0px; }	
		p#copyright a {font-weight: bold; color:#555555;}
		
#footer-widgets	#widgets-wrapper { padding-bottom: 35px; }
	#footer-widgets	.widget { float: left; width: 220px; margin-right: 26px; padding-top: 45px; }
	#footer-widgets .last { margin-right: 0px; }
		#footer-widgets h3.widgettitle { background: url(images/footer-separator.png) no-repeat bottom left; padding-bottom: 14px;  margin-bottom: 10px; }

Footer PHP:

			<div id="footer-widgets">
				<div class="container">
					<div id="widgets-wrapper" class="clearfix">
						<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer') ) : ?>
						<?php endif; ?>
					</div> <!-- end #widgets-wrapper -->
					<div id="mypic">
<img src="http://ignitewebsites.com/beta/wp-content/uploads/2011/08/logos.png"/>
</div>
				</div> <!-- end .container -->
			</div> <!-- end #footer-widgets -->
		
		
		<div id="footer">
			<div class="container clearfix">
				<p id="copyright"><?php esc_html_e; ?> <a href="http://www.ignitewebsites.com" title="Web Design Company">© Copyright 2011, Ignite Marketing & Design</a>
			</div> <!-- end .container -->	
		</div> <!-- end #footer -->	
	</div> <!-- end #center-highlight-->
	
	<?php include(TEMPLATEPATH . '/includes/scripts.php'); ?>

	<?php wp_footer(); ?>	

</body>
</html>

You can see the footer and source code at: http://ignitewebsites.com/beta/

I appreciate any help that can be provided.