CSS Grid Framework

grid.css

.container{
  display: block;
  margin: 0 auto;
  width: 974px;
}

.column{
  float: left;
  margin-right: 10px;
}

.half{
  width: 487px;
}

.last{
  margin-right: 0;
}

/* [ span-n = (72*n) + (10 * n-1) ] */

.span-1
{
  width: 72px;
}

.span-3
{
  width: 236px;
}

.span-4
{
  width: 318px;
}

.span-6
{
  width: 482px;
}