Have tried to centre footer but still showing aligned to left

Hi there,

I am trying to centre my footer, but it still aligns left. Here is the code in Style.css:

/*
-----------------------------------------
FOOTER
-----------------------------------------
*/
#push{height:80px}

#footer{padding-top:20px; border-top:1px solid #dadada; width:960px; margin:150px auto 0; height:80px; color:#4d4d4d; text-align:center}

#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}

#footer p a{border-bottom:1px solid #dadada; color:#4d4d4d; text-decoration:none}

#footer p a:hover{border-bottom:1px solid #6CB741; color:#545454; text-decoration:none}

and in footer.php:

<div class="push"></div>
</div> <!--Page Wrap-->
        <div id="footer">
        <p align="center">“Two roads diverged in a wood and I – I took the one less traveled by.” –  Robert Frost <br>
<br>
<?php bloginfo('name'); ?> © Copyright 2010 </p>
        <p class="floatRight"><a href="https://madebyon.com/">Made By On</a></p>
        <div class="push"></div>
<?php wp_footer(); ?>
</div>
	</body>

</html>

Website is https://www.greenturkey.co.nz
Thanks so much in advance!