.container2 {
  width: 900px;
  margin: 0 auto;
}
.container2 .column, .container2 div.span-1, .container2 div.span-2, .container2 div.span-3, .container2 div.span-4, .container2 div.span-5, .container2 div.span-6, .container2 div.span-7, .container2 div.span-8, .container2 div.span-9, .container2 div.span-10, .container2 div.span-11, .container2 div.span-12 {
  float: left;
  margin-right: 24px;
}

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

/* Use these classes to set the width of a column. */
.container2 .span-1  { width: 53px; }
.container2 .span-2  { width: 130px; }
.container2 .span-3  { width: 207px; }
.container2 .span-4  { width: 284px; }
.container2 .span-5  { width: 361px; }
.container2 .span-6  { width: 438px; }
.container2 .span-7  { width: 515px; }
.container2 .span-8  { width: 592px; }
.container2 .span-9  { width: 669px; }
.container2 .span-10  { width: 746px; }
.container2 .span-11  { width: 823px; }
.container2 .span-12  { width: 900px; margin: 0; }

.container2 input.span-1, textarea.span-1 { width: 41px!important; }
.container2 input.span-2, textarea.span-2 { width: 118px!important; }
.container2 input.span-3, textarea.span-3 { width: 195px!important; }
.container2 input.span-4, textarea.span-4 { width: 272px!important; }
.container2 input.span-5, textarea.span-5 { width: 349px!important; }
.container2 input.span-6, textarea.span-6 { width: 426px!important; }
.container2 input.span-7, textarea.span-7 { width: 503px!important; }
.container2 input.span-8, textarea.span-8 { width: 580px!important; }
.container2 input.span-9, textarea.span-9 { width: 657px!important; }
.container2 input.span-10, textarea.span-10 { width: 734px!important; }
.container2 input.span-11, textarea.span-11 { width: 811px!important; }
.container2 input.span-12, textarea.span-12 { width: 888px!important; }

/* Add these to a column to append empty cols. */

.container2 .append-1  { padding-right: 77px; } 
.container2 .append-2  { padding-right: 154px; } 
.container2 .append-3  { padding-right: 231px; } 
.container2 .append-4  { padding-right: 308px; } 
.container2 .append-5  { padding-right: 385px; } 
.container2 .append-6  { padding-right: 462px; } 
.container2 .append-7  { padding-right: 539px; } 
.container2 .append-8  { padding-right: 616px; } 
.container2 .append-9  { padding-right: 693px; } 
.container2 .append-10  { padding-right: 770px; } 
.container2 .append-11  { padding-right: 847px; } 

/* Add these to a column to prepend empty cols. */

.container2 .prepend-1  { padding-left: 77px; } 
.container2 .prepend-2  { padding-left: 154px; } 
.container2 .prepend-3  { padding-left: 231px; } 
.container2 .prepend-4  { padding-left: 308px; } 
.container2 .prepend-5  { padding-left: 385px; } 
.container2 .prepend-6  { padding-left: 462px; } 
.container2 .prepend-7  { padding-left: 539px; } 
.container2 .prepend-8  { padding-left: 616px; } 
.container2 .prepend-9  { padding-left: 693px; } 
.container2 .prepend-10  { padding-left: 770px; } 
.container2 .prepend-11  { padding-left: 847px; } 


/* Border on right hand side of a column. */
.container2 div.border {
  padding-right: 11px;
  margin-right: 12px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.container2 div.colborder {
  padding-right: 49px;
  margin-right: 51px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.container2 .pull-1 { margin-left: -77px; }
.container2 .pull-2 { margin-left: -154px; }
.container2 .pull-3 { margin-left: -231px; }
.container2 .pull-4 { margin-left: -308px; }
.container2 .pull-5 { margin-left: -385px; }
.container2 .pull-6 { margin-left: -462px; }
.container2 .pull-7 { margin-left: -539px; }
.container2 .pull-8 { margin-left: -616px; }
.container2 .pull-9 { margin-left: -693px; }
.container2 .pull-10 { margin-left: -770px; }
.container2 .pull-11 { margin-left: -847px; }
.container2 .pull-12 { margin-left: -924px; }


.container2 .push-1 { margin: 0 -77px 1.5em 77px; }
.container2 .push-2 { margin: 0 -154px 1.5em 154px; }
.container2 .push-3 { margin: 0 -231px 1.5em 231px; }
.container2 .push-4 { margin: 0 -308px 1.5em 308px; }
.container2 .push-5 { margin: 0 -385px 1.5em 385px; }
.container2 .push-6 { margin: 0 -462px 1.5em 462px; }
.container2 .push-7 { margin: 0 -539px 1.5em 539px; }
.container2 .push-8 { margin: 0 -616px 1.5em 616px; }
.container2 .push-9 { margin: 0 -693px 1.5em 693px; }
.container2 .push-10 { margin: 0 -770px 1.5em 770px; }
.container2 .push-11 { margin: 0 -847px 1.5em 847px; }
.container2 .push-12 { margin: 0 -924px 1.5em 924px; }