/* Simple grid with 12 columns */

.main-container {
  width: 980px;
  margin: 0 auto;
}

.grid-container {
  width: 940px;
  margin: 0 auto;
}

/* Basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12 {
  float: left;
  margin-right: 20px; 
}

.span-3-td, .span-9-td { margin-right: 20px; }

/* The last column in a row needs no margin-right */
.last, div.last { margin-right: 0; }

/* The columns */
.span-1  { width: 60px; }
.span-2  { width: 140px; }
.span-3  { width: 220px; }
.span-4  { width: 300px; }
.span-5  { width: 380px; }
.span-6  { width: 460px; }
.span-7  { width: 540px; }
.span-8  { width: 620px; }
.span-9  { width: 700px; }
.span-10 { width: 780px; }
.span-11 { width: 860px; }
.span-12 { width: 940px; margin: 0; }

.span-3-narrow { width: 200px; }
.span-3-td { width: 220px; }
.span-9-td { width: 650px; }
.span-6-td { width: 420px; }

/* Margins between content blocks */
.gap-20 { width: 20px; }
.ver-gap-10 { margin-bottom: 10px; }
.ver-gap-10pad { padding-bottom: 10px; }
.ver-gap-20 { margin-bottom: 20px; }
/* Margins between content blocks */

.shadow-3px-margin {
	margin-right: -3px;
	position: relative;
}

.block-with-shadow {
	width: 100%;
}