* {margin: 0px; padding: 0px;}
/*  Method for easy clearing of floats http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End Hide from IE Mac */

body {padding: 20px; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 22px; color: #333333; margin-bottom: 30px;}
#wrap {width: 900px; margin-right: auto; margin-left: auto;}
#container {width: 660px; float: left;}
#signup {margin-top: 60px; width: 200px; float: right; background: #acd2f6; border: solid 1px #72a5d4;}
.signupContent {padding: 10px;}
#signup p {margin-bottom: 10px;}
#signup input {margin-bottom: 10px;}

#footer { margin-top: 100px; font-size: 12px; color: #515151; text-align: center; border-top: solid 1px #eee; padding-top: 10px; }
#footer a {color: #2259bf;}