/* The Grid ---------------------- */
.row { width: 80em; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -0.83333em; }
.row.large-collapse .column, 
.row.large-collapse .columns { padding: 0; }
.row .row.large-collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 0.83333em; position: relative; }
.column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }

/* NOTE: We cloned the CSS definitions for the "large" column classes to "small" and placed them before the large
	ones in order to allow for each of the following use cases:
	- small classes by themselves (small-x)
	- combination of small and large (small-x large-y columns)
	- large only (large-x) 
 */
.small-1,.row .small-1 { width: 8.33333%; }
.small-2, .row .small-2 { width: 16.66667%; }
.small-3, .row .small-3 { width: 25%; }
.small-4, .row .small-4 { width: 33.33333%; }
.small-5, .row .small-5 { width: 41.66667%; }
.small-6, .row .small-6 { width: 50%; }
.small-7, .row .small-7 { width: 58.33333%; }
.small-8, .row .small-8 { width: 66.66667%; }
.small-9, .row .small-9 { width: 75%; }
.small-10, .row .small-10 { width: 83.33333%; }
.small-11, .row .small-11 { width: 91.66667%; }
.small-12, .row .small-12 { width: 100%; }

.large-1, .row .large-1 { width: 8.33333%; }
.large-2, .row .large-2 { width: 16.66667%; }
.large-3, .row .large-3 { width: 25%; }
.large-4, .row .large-4 { width: 33.33333%; }
.large-5, .row .large-5 { width: 41.66667%; }
.large-6, .row .large-6 { width: 50%; }
.large-7, .row .large-7 { width: 58.33333%; } 
.large-8, .row .large-8 { width: 66.66667%; }
.large-9, .row .large-9 { width: 75%; }
.large-10, .row .large-10 { width: 83.33333%; }
.large-11, .row .large-11 { width: 91.66667%; }
.large-12, .row .large-12 { width: 100%; }

.row .small-offset-1 { margin-left: 8.33333%; }
.row .small-offset-2 { margin-left: 16.66667%; }
.row .small-offset-3 { margin-left: 25%; }
.row .small-offset-4 { margin-left: 33.33333%; }
.row .small-offset-5 { margin-left: 41.66667%; }
.row .small-offset-6 { margin-left: 50%; }
.row .small-offset-7 { margin-left: 58.33333%; }
.row .small-offset-8 { margin-left: 66.66667%; }
.row .small-offset-9 { margin-left: 75%; }
.row .small-offset-10 { margin-left: 83.33333%; }

.row .large-offset-1 { margin-left: 8.33333%; }
.row .large-offset-2 { margin-left: 16.66667%; }
.row .large-offset-3 { margin-left: 25%; }
.row .large-offset-4 { margin-left: 33.33333%; }
.row .large-offset-5 { margin-left: 41.66667%; }
.row .large-offset-6 { margin-left: 50%; }
.row .large-offset-7 { margin-left: 58.33333%; }
.row .large-offset-8 { margin-left: 66.66667%; }
.row .large-offset-9 { margin-left: 75%; }
.row .large-offset-10 { margin-left: 83.33333%; }

.pull-2 { right: 16.66667%; }
.pull-3 { right: 25%; }
.pull-4 { right: 33.33333%; }
.pull-5 { right: 41.66667%; }
.pull-6 { right: 50%; }
.pull-7 { right: 58.33333%; }
.pull-8 { right: 66.66667%; }
.pull-9 { right: 75%; }
.pull-10 { right: 83.33333%; }

.push-2 { left: 16.66667%; }
.push-3 { left: 25%; }
.push-4 { left: 33.33333%; }
.push-5 { left: 41.66667%; }
.push-6 { left: 50%; }
.push-7 { left: 58.33333%; }
.push-8 { left: 66.66667%; }
.push-9 { left: 75%; }
.push-10 { left: 83.33333%; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* Block Grids */
.block-grid, .panel-block-grid {
	margin: 0 -0.83333em;
}

/* Large Block Grids */
.large-block-grid-2 {
	list-style: none
}
 
.large-block-grid-2 li {
	float: left;
	width: 50%;
	padding: 0 10px 10px;
}
 
.large-block-grid-2 li:first-child+li {
	float: right
}
 
.large-block-grid-2 li:first-child+li+li {
	clear: both
}
 
.large-block-grid-3 {
	list-style: none
}
 
.large-block-grid-3 li {
	float: left;
	width: 33.3333%;
	padding: 0 10px 10px;
}
 
.large-block-grid-3 li:first-child+li+li {
	float: right
}
 
.large-block-grid-3 li:first-child+li+li+li {
	clear: both
}
 
.large-block-grid-4 {
	list-style: none
}
 
.large-block-grid-4 li {
	float: left;
	width: 25%;
	padding: 0 10px 10px;
}
 
.large-block-grid-4 li:first-child+li+li+li {
	float: right
}
 
.large-block-grid-4 li:first-child+li+li+li+li {
	clear: both
}
 
.large-block-grid-5 {
	list-style: none
}
 
.large-block-grid-5 li {
	float: left;
	width: 20%;
	padding: 0 10px 10px;
}
 
.large-block-grid-5 li:first-child+li+li+li+li {
	float: right
}
 
.large-block-grid-5 li:first-child+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-6 {
	list-style: none
}
 
.large-block-grid-6 li {
	float: left;
	width: 16.6667%;
	padding: 0 10px 10px;
}
 
.large-block-grid-6 li:first-child+li+li+li+li+li {
	float: right
}
 
.large-block-grid-6 li:first-child+li+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-7 {
	list-style: none
}
 
.large-block-grid-7 li {
	float: left;
	width: 14.2857142%;
	padding: 0 10px 10px;
}
 
.large-block-grid-7 li:first-child+li+li+li+li+li+li {
	float: right
}
 
.large-block-grid-7 li:first-child+li+li+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-8 {
	list-style: none
}
 
.large-block-grid-8 li {
	float: left;
	width: 12.5%;
	padding: 0 10px 10px;
}
 
.large-block-grid-8 li:first-child+li+li+li+li+li+li+li {
	float: right
}
 
.large-block-grid-8 li:first-child+li+li+li+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-9 {
	list-style: none
}
 
.large-block-grid-9 li {
	float: left;
	width: 11.111111%;
	padding: 0 10px 10px;
}
 
.large-block-grid-9 li:first-child+li+li+li+li+li+li+li+li {
	float: right
}
 
.large-block-grid-9 li:first-child+li+li+li+li+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-10 {
	list-style: none
}
 
.large-block-grid-10 li {
	float: left;
	width: 10%;
	padding: 0 10px 10px;
}
 
.large-block-grid-10 li:first-child+li+li+li+li+li+li+li+li+li {
	float: right
}
 
.large-block-grid-10 li:first-child+li+li+li+li+li+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-11 {
	list-style: none
}
 
.large-block-grid-11 li {
	float: left;
	width: 9.0909%;
	padding: 0 10px 10px;
}
 
.large-block-grid-11 li:first-child+li+li+li+li+li+li+li+li+li+li {
	float: right
}
 
.large-block-grid-11 li:first-child+li+li+li+li+li+li+li+li+li+li+li {
	clear: both
}
 
.large-block-grid-12 {
	list-style: none
}
 
.large-block-grid-12 li {
	float: left;
	width: 8.333333%;
	padding: 0 10px 10px;
}
 
.large-block-grid-12 li:first-child+li+li+li+li+li+li+li+li+li+li+li {
	float: right
}
 
.large-block-grid-12 li:first-child+li+li+li+li+li+li+li+li+li+li+li+li {
	clear: both
}