/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.c12,
.c16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.g1,
.g2,
.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.g10,
.g11,
.g12,
.g13,
.g14,
.g15,
.g16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.c12 .g3,
.c16 .g4 {
	width: 220px;
}

.c12 .g6,
.c16 .g8 {
	width: 460px;
}

.c12 .g9,
.c16 .g12 {
	width: 700px;
}

.c12 .g12,
.c16 .g16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.c12 .g1 {
	width: 60px;
}

.c12 .g2 {
	width: 140px;
}

.c12 .g4 {
	width: 300px;
}

.c12 .g5 {
	width: 380px;
}

.c12 .g7 {
	width: 540px;
}

.c12 .g8 {
	width: 620px;
}

.c12 .g10 {
	width: 780px;
}

.c12 .g11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.c16 .g1 {
	width: 40px;
}

.c16 .g2 {
	width: 100px;
}

.c16 .g3 {
	width: 160px;
}

.c16 .g5 {
	width: 280px;
}

.c16 .g6 {
	width: 340px;
}

.c16 .g7 {
	width: 400px;
}

.c16 .g9 {
	width: 520px;
}

.c16 .g10 {
	width: 580px;
}

.c16 .g11 {
	width: 640px;
}

.c16 .g13 {
	width: 760px;
}

.c16 .g14 {
	width: 820px;
}

.c16 .g15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.c12 .p3,
.c16 .p4 {
	padding-left: 240px;
}

.c12 .p6,
.c16 .p8 {
	padding-left: 480px;
}

.c12 .p9,
.c16 .p12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.c12 .p1 {
	padding-left: 80px;
}

.c12 .p2 {
	padding-left: 160px;
}

.c12 .p4 {
	padding-left: 320px;
}

.c12 .p5 {
	padding-left: 400px;
}

.c12 .p7 {
	padding-left: 560px;
}

.c12 .p8 {
	padding-left: 640px;
}

.c12 .p10 {
	padding-left: 800px;
}

.c12 .p11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.c16 .p1 {
	padding-left: 60px;
}

.c16 .p2 {
	padding-left: 120px;
}

.c16 .p3 {
	padding-left: 180px;
}

.c16 .p5 {
	padding-left: 300px;
}

.c16 .p6 {
	padding-left: 360px;
}

.c16 .p7 {
	padding-left: 420px;
}

.c16 .p9 {
	padding-left: 540px;
}

.c16 .p10 {
	padding-left: 600px;
}

.c16 .p11 {
	padding-left: 660px;
}

.c16 .p13 {
	padding-left: 780px;
}

.c16 .p14 {
	padding-left: 840px;
}

.c16 .p15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.c12 .s3,
.c16 .s4 {
	padding-right: 240px;
}

.c12 .s6,
.c16 .s8 {
	padding-right: 480px;
}

.c12 .s9,
.c16 .s12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.c12 .s1 {
	padding-right: 80px;
}

.c12 .s2 {
	padding-right: 160px;
}

.c12 .s4 {
	padding-right: 320px;
}

.c12 .s5 {
	padding-right: 400px;
}

.c12 .s7 {
	padding-right: 560px;
}

.c12 .s8 {
	padding-right: 640px;
}

.c12 .s10 {
	padding-right: 800px;
}

.c12 .s11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.c16 .s1 {
	padding-right: 60px;
}

.c16 .s2 {
	padding-right: 120px;
}

.c16 .s3 {
	padding-right: 180px;
}

.c16 .s5 {
	padding-right: 300px;
}

.c16 .s6 {
	padding-right: 360px;
}

.c16 .s7 {
	padding-right: 420px;
}

.c16 .s9 {
	padding-right: 540px;
}

.c16 .s10 {
	padding-right: 600px;
}

.c16 .s11 {
	padding-right: 660px;
}

.c16 .s13 {
	padding-right: 780px;
}

.c16 .s14 {
	padding-right: 840px;
}

.c16 .s15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}