.span-1:after,
.span-2:after,
.span-3:after,
.span-4:after,
.container:after,
.content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.showgrid {background:url(grid.png);}

.content, .header-content { margin: 0 auto; width: 100%; min-width: 950px; max-width: 1300px; }
.container, .header-container { margin: 0 5%; }
	.content .container { }
div.span-1,
div.span-2,
/*div.span-3,*/
div.span-4 { float: left; margin-right: 5%; }

.span-1 { width: 20%; margin-left: -100%; }
.span-2 { width: 44%; }
/*.span-3 { width: 69%; }*/
.span-4 { width: 94%; }

/*.prepend-1 {padding-left: 16.6666em;}
.prepend-2 {padding-left: 33.3333em;}
.prepend-3 {padding-left: 92.5%;}*/

.append-1 {padding-right: 16.6666em;}
.append-2 {padding-right: 33.3333em;}
.append-3 {padding-right: 50em;}

div.last,
div.span-4 { margin-right: 0 !important; }
div.last { margin-left: -20%; }

.liquid { width: 100%; float: left; }

.liquid .span-1 { width: 50%; padding: 0;  margin: 0; }
.liquid .span-2 { width: 100%; }
.liquid .span-3 { width: 33%; }

.liquid .main-content { margin: 0 21% 0 26%;}
.liquid .main-content .span-1 { width: 50%; float: left; margin: 0; padding: 0; }
.liquid .main-content .last { float: right; padding: 0; }

.liquid .main-content-no-aside { margin: 0 0 0 26%;}
.liquid .main-content-no-aside .span-1 { width: 36%; float: left; margin: 0; padding: 0; }
.liquid .main-content-no-aside .span-1 .border { margin-right: 25%; }
.liquid .main-content-no-aside .span-1.last { width: 26%; }
.liquid .main-content-no-aside .span-1.last .border { margin-right: 0; }
.liquid .main-content-no-aside .span-2 .border { margin-right: 0; }

.liquid .border { margin-right: 22%; border: 0;}
.liquid .span-2 .border {margin-right: 11%;}