/* grid.css */
.container {width:900px;margin:0 auto;text-align:left;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 12px;}

div.last {margin-right:0;}
.span-1  { width: 64px;}
.span-2  { width: 140px;}
.span-3  { width: 216px;}
.span-4  { width: 292px;}
.span-5  { width: 368px;}
.span-6  { width: 444px;}
.span-7  { width: 520px;}
.span-8  { width: 596px;}
.span-9  { width: 672px;}
.span-10 { width: 748px;}
.span-11 { width: 824px;}
.span-12, div.span-12 { width: 900px; margin: 0; }

.append-1  { padding-right: 76px;}
.append-2  { padding-right: 152px;}
.append-3  { padding-right: 228px;}
.append-4  { padding-right: 304px;}
.append-5  { padding-right: 380px;}
.append-6  { padding-right: 456px;}
.append-7  { padding-right: 532px;}
.append-8  { padding-right: 608px;}
.append-9  { padding-right: 684px;}
.append-10 { padding-right: 760px;}
.append-11 { padding-right: 836px;}

.prepend-1  { padding-left: 76px;}
.prepend-2  { padding-left: 152px;}
.prepend-3  { padding-left: 228px;}
.prepend-4  { padding-left: 304px;}
.prepend-5  { padding-left: 380px;}
.prepend-6  { padding-left: 456px;}
.prepend-7  { padding-left: 532px;}
.prepend-8  { padding-left: 608px;}
.prepend-9  { padding-left: 684px;}
.prepend-10 { padding-left: 760px;}
.prepend-11 { padding-left: 836px;}

div.border{padding-right:5px;margin-right:6px;border-right:1px solid #eee;}
div.colborder { padding-right:59px;margin-right:58px;border-right:1px solid #eee;}
.pull-1 { margin-left: -76px;}
.pull-2 { margin-left: -152px;}
.pull-3 { margin-left: -228px;}
.pull-4 { margin-left: -304px;}
.pull-5 { margin-left: -380px;}
.pull-6 { margin-left: -456px;}
.pull-7 { margin-left: -532px;}
.pull-8 { margin-left: -608px;}
.pull-9 { margin-left: -684px;}
.pull-10 { margin-left: -760px;}
.pull-11 { margin-left: -836px;}
.pull-12 { margin-left: -912px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}

.push-1 { margin: 0 -76px 1.5em 76px;}
.push-2 { margin: 0 -152px 1.5em 152px;}
.push-3 { margin: 0 -228px 1.5em 228px;}
.push-4 { margin: 0 -304px 1.5em 304px;}
.push-5 { margin: 0 -380px 1.5em 380px;}
.push-6 { margin: 0 -456px 1.5em 456px;}
.push-7 { margin: 0 -532px 1.5em 532px;}
.push-8 { margin: 0 -608px 1.5em 608px;}
.push-9 { margin: 0 -684px 1.5em 684px;}
.push-10 { margin: 0 -760px 1.5em 760px;}
.push-11 { margin: 0 -836px 1.5em 836px;}
.push-12 { margin: 0 -912px 1.5em 912px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#898074;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}