/* .wrapper {width: 960px; margin: auto 0;} */

.row { clear:both; margin:0 auto; text-align:left; width:960px; }

.row.bottom-space { margin-bottom:20px; }

.block { display:inline; float:left; position:relative; margin-bottom: -1px; }

.box { height:210px; position:relative; }

.box-padding { padding:15px; }

.box-border { border:1px solid #dcdcdc; height:208px;}
.block.odd .box-border {margin-right: -1px; margin-left: -1px; }
.block.odd.width-9 .box-border {margin-right: 0;}

.block .box-border > block .box-border { border-color:green; }

.box-border-padding { padding:15px; }

.width-1 { width:80px; }
.width-1-1 { width:120px; }
.width-2 { width:160px; }
.width-3 { width:240px; }
.width-4 { width:320px; }
.width-5 { width:400px; }
.width-6 { width:480px; }
.width-7 { width:560px; }
.width-8 { width:640px; }
.width-9 { width:720px; }
.width-10 { width:800px; }
.width-11 { width:880px; }
.width-12 { width:960px; }

/* push ---------------------------------------------------------------*/
.push-1 { margin-left:8.333%; }
.push-2 { margin-left:16.667%; }
.push-3 { margin-left:25%; }
.push-4 { margin-left:33.333%; }
.push-5 { margin-left:41.667%; }
.push-6 { margin-left:50%; }
.push-7 { margin-left:58.333%; }
.push-8 { margin-left:66.667%; }
.push-9 { margin-left:75%; }
.push-10 { margin-left:83.333%; }
.push-11 { margin-left:91.667%; }

/* Global clears ---------------------------------------------------------------*/
.container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }

/* Use clearfix class on parent to clear nested columns,or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,.clearfix:after { clear:both; }
.row,.clearfix { zoom:1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }