* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px; /* the bottom margin is the negative value of the footer's height */
}

#wrapper_bg {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -51px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 51px; /* .push must be the same height as .footer */
}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8382347-2");
pageTracker._trackPageview();
} catch(err) {}</script>