body { width: 100%; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }

hr { display: none; }

/* header */
#header { clear: both; float: left; width: 96%; padding: 10px 2%; }

/* main */
#col-container { position: relative; clear: both; float: left; width: 100%; overflow: hidden; border-bottom: 10px solid #fff; }

.middle, .left { float: left; width: 100%; position: relative; }
.middle { right: 25%; }
.left { right: 50%; }

.col1, .col2, .col3 { float: left; position: relative; padding: 0 0 15px 0; overflow: hidden; }
.col1 { width: 46.2%; left: 102%; }
.col2 { width: 21%; left: 30.8%; }
.col3 { width: 21%; left: 85%; }

/* footer */
#footer { clear: both; float: left; width: 96%; padding: 10px 2%; border-top: 1px solid #ccc; }