/* --- #grid --- */
#grid {
  /* Vertical grid lines */
  background: url("http://threefoldstudio.com/images//bg-grid-980.gif") repeat-y 0 0;
  /* Dimensions - same width as your grid with gutters */
  width: 980px;
  /* Grid (left-aligned) */
  position: absolute;
  top: 0;
  left: 0;
  /* Grid (centered) */
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -490px;
  /* --- #grid multiple classes --- */
}
#grid.grid-1 {
  background: url("http://threefoldstudio.com/images//bg-grid-980.gif") repeat-y 0 0;
}
#grid.grid-2 {
  background: url("http://threefoldstudio.com/images//bg-grid-660.gif") repeat-y 160px 0;
  padding: 0 160px;
  width: 660px;
}
#grid div.horiz {
  height: 19px;
  border-bottom: 1px dotted #aaaaaa;
  margin: 0;
  padding: 0;
}