body {min-width:960px;}
.grid-ctn {width:960px;margin:0 auto;}
.grid-1, 
.grid-2, 
.grid-3, 
.grid-4, 
.grid-5, 
.grid-6, 
.grid-7, 
.grid-8, 
.grid-9, 
.grid-10, 
.grid-11, 
.grid-12, 
.grid-13, 
.grid-14, 
.grid-15, 
.grid-16, 
.grid-17, 
.grid-18, 
.grid-19, 
.grid-20, 
.grid-21, 
.grid-22, 
.grid-23, 
.grid-24 {
  display:inline;
  float:left;
}

/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.grid-ctn .grid-1 {width:40px;}
.grid-ctn .grid-2 {width:80px;}
.grid-ctn .grid-3 {width:120px;}
.grid-ctn .grid-4 {width:160px;}
.grid-ctn .grid-5 {width:200px;}
.grid-ctn .grid-6 {width:240px;}
.grid-ctn .grid-7 {width:280px;}
.grid-ctn .grid-8 {width:320px;}
.grid-ctn .grid-9 {width:360px;}
.grid-ctn .grid-10 {width:400px;}
.grid-ctn .grid-11 {width:440px;}
.grid-ctn .grid-12 {width:480px;}
.grid-ctn .grid-13 {width:520px;}
.grid-ctn .grid-14 {width:560px;}
.grid-ctn .grid-15 {width:600px;}
.grid-ctn .grid-16 {width:640px;}
.grid-ctn .grid-17 {width:680px;margin-top: 22px;}
.grid-ctn .grid-18 {width:720px;}
.grid-ctn .grid-19 {width:760px;}
.grid-ctn .grid-20 {width:800px;}
.grid-ctn .grid-21 {width:840px;}
.grid-ctn .grid-22 {width:880px;}
.grid-ctn .grid-23 {width:920px;}
.grid-ctn .grid-24 {width:960px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after,
.grid-ctn:before,
.grid-ctn:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.grid-ctn:after {
  clear: both;
}

.clearfix,
.grid-ctn {
  zoom: 1;
}