/*
12LA Grid System 
Lucian Adamson
Version: CSS3
*/
.container {
  width: 960px;
  margin: 0 auto; }

.row {
	width: 100%;
	margin-bottom: 12px; 
	}
	
.row [class*='box'] {
	float: left; 
	}

.row [class*='box']:last-of-type {
	margin-right: 0px; 
}
.row:after {
	content: '';
	display: table;
	clear: both; 
	}
.row:last-of-type {
	margin-bottom: 0px; 
	}
.row .box1 {
	width: 69px;
	margin-right: 12px; 
	}
.row .box2 {
	width: 150px;
	margin-right: 12px; 
	}
.row .box3 {
	width: 231px;
	margin-right: 12px; 
	}
.row .box4 {
	width: 312px;
	margin-right: 12px; 
	}
.row .box5 {
	width: 393px;
	margin-right: 12px; 
	}
.row .box6 {
	width: 474px;
	margin-right: 12px; 
	}
.row .box7 {
	width: 555px;
	margin-right: 12px; 
	}
.row .box8 {
	width: 636px;
	margin-right: 12px; 
	}
.row .box9 {
	width: 717px;
	margin-right: 12px; 
	}
.row .box10 {
	width: 798px;
	margin-right: 12px; 
	}
.row .box11 {
	width: 879px;
	margin-right: 12px; 
	}
.row .box12 {
	width: 960px;
	margin-right: 12px; 
	}
.row [class*=push], .row [class*=pull] {
	position: relative; 
	}
.row .push1 {
	left: 81px; 
	}
.row .push2 {
	left: 162px; 
	}
.row .push3 {
	left: 243px; 
	}
.row .push4 {
	left: 324px; 
	}
.row .push5 {
	left: 405px;
	}
.row .push6 {
	left: 486px; 
	}
.row .push7 {
	left: 567px; 
	}
.row .push8 {
	left: 648px; 
	}
.row .push9 {
	left: 729px; 
	}
.row .push10 {
	left: 810px; 
	}
.row .push11 {
	left: 891px; 
	}
.row .pull11 {
	left: -891px; 
	}
.row .pull10 {
	left: -810px; 
	}
.row .pull9 {
	left: -729px; 
	}
.row .pull8 {
	left: -648px; 
	}
.row .pull7 {
	left: -567px; 
	}
.row .pull6 {
	left: -486px; 
	}
.row .pull5 {
	left: -405px; 
	}
.row .pull4 {
	left: -324px; 
	}
.row .pull3 {
	left: -243px; 
	}
.row .pull2 {
	left: -162px; 
	}
.row .pull1 {
	left: -81px; 
	}