
/* Clear Floats */

.safGrid:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

.safGrid{ width: 964px; margin: 0 auto; }
  
  .safGrid .col{ float: left; width: 50px; margin: 0 0 0 28px; }

  /* Multi-Span Columns */
  
  .safGrid .cs-2      { width: 128px; }
  .safGrid .cs-3      { width: 206px; }
  .safGrid .cs-4      { width: 284px; }
  .safGrid .cs-5      { width: 362px; }
  .safGrid .cs-6      { width: 440px; }
  .safGrid .cs-7      { width: 518px; }
  .safGrid .cs-8      { width: 596px; }
  .safGrid .cs-9      { width: 674px; }
  .safGrid .cs-10     { width: 752px; }
  .safGrid .col.holder{ width: 908px; }
  
  /* Mid-Column Breaks */
  .safGrid .cs-2-5    { width: 167px; } /* e.g. when dividing a 10-span column into 4 sub-columns */
  
  /* Nested Columns */
  
  .safGrid .col.first { margin-left: 0;  }
  .safGrid .col.last  {  }
  .safGrid .centered  { margin: 0 auto; float: none; }
  
  /* Nested Columns Within a Container With a Background */
  
  .safGrid .col.hasBg .first{ margin-left: 28px; }
  .safGrid .col.hasBg .last { margin-left: 28px; }
  
  .safGrid .col.hasBg .cs-2.first,
  .safGrid .col.hasBg .cs-2.last{ width: 100px; }
  .safGrid .col.hasBg .cs-3.first,
  .safGrid .col.hasBg .cs-3.last{ width: 178px; }
  .safGrid .col.hasBg .cs-4.first,
  .safGrid .col.hasBg .cs-4.last{ width: 256px; }
  .safGrid .col.hasBg .cs-6.first,
  .safGrid .col.hasBg .cs-6.last{ width: 412px; }
  .safGrid .col.hasBg .cs-8.first,
  .safGrid .col.hasBg .cs-8.last{ width: 568px; }
  
  /* Skip Classes */
  .safGrid .col.skip-1 { margin-left: 78px;  }
  .safGrid .col.skip-2 { margin-left: 184px; }
  .safGrid .col.skip-3 { margin-left: 262px; }
  .safGrid .col.skip-4 { margin-left: 340px; }
  .safGrid .col.skip-5 { margin-left: 418px; }
  .safGrid .col.skip-6 { margin-left: 496px; }
  .safGrid .col.skip-7 { margin-left: 574px; }
  .safGrid .col.skip-8 { margin-left: 652px; }
  .safGrid .col.skip-9 { margin-left: 730px; }
  .safGrid .col.skip-10{ margin-left: 808px; }
  