/* grid.css */
.container {width:860px;margin:0 auto;padding:0 28px;}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {float:left;margin-right: 28px;}

.last, div.last {margin-right:0;}
.span-1  { width: 120px;}
.span-2  { width: 268px;}
.span-3  { width: 416px;}
.span-4  { width: 564px;}
.span-5  { width: 712px;}
.span-6  { width: 860px; margin-right: 0;}

.append-1  { padding-right: 148px;}
.append-2  { padding-right: 296px;}
.append-3  { padding-right: 444px;}
.append-4  { padding-right: 592px;}
.append-5  { padding-right: 740px;}

.prepend-1  { padding-left: 148px;}
.prepend-2  { padding-left: 296px;}
.prepend-3  { padding-left: 444px;}
.prepend-4  { padding-left: 592px;}
.prepend-5  { padding-left: 740px;}

div.border{padding-right:3px;margin-right:4px;border-right:1px solid #eee;}
div.colborder { padding-right:108px;margin-right:107px;border-right:1px solid #eee;}
 .pull-1 { margin-left: -148px;}
 .pull-2 { margin-left: -296px;}
 .pull-3 { margin-left: -444px;}
 .pull-4 { margin-left: -592px;}
 .pull-5 { margin-left: -740px;}
 .pull-6 { margin-left: -888px;}
 
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {float:left;position:relative;}

 .push-1 { margin: 0 -148px 1.5em 148px;}
 .push-2 { margin: 0 -296px 1.5em 296px;}
 .push-3 { margin: 0 -444px 1.5em 444px;}
 .push-4 { margin: 0 -592px 1.5em 592px;}
 .push-5 { margin: 0 -740px 1.5em 740px;}
 .push-6 { margin: 0 -888px 1.5em 888px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;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;}