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

	Licensed under GPL and MIT.
*/

/*
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.

	Note: IE6 works fine without this fix.
*/

body {
	min-width: 960px;
}



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

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_9 {
  margin-left: auto;
  margin-right: auto;
  width: 720px;
}


/* Grid Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
	position: relative;
}



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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}



/* Grid 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1,
.container_9 .grid_1 {
  width: 60px;
}

.container_12 .grid_2,
.container_9 .grid_2 {
  width: 140px;
}

.container_12 .grid_3,
.container_9 .grid_3 {
  width: 220px;
}

.container_12 .grid_4,
.container_9 .grid_4 {
  width: 300px;
}

.container_12 .grid_5,
.container_9 .grid_5 {
	width: 380px;
}

.container_12 .grid_6,
.container_9 .grid_6 {
	width: 460px;
}

.container_12 .grid_7,
.container_9 .grid_7 {
	width: 540px;
}

.container_12 .grid_8,
.container_9 .grid_8 {
	width: 620px;
}

.container_12 .grid_9,
.container_9 .grid_9 {
	width: 700px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

.container_12 .grid_12 {
	width: 940px;
}



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

.container_12 .prefix_1,
.container_9 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2,
.container_9 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_3 {
	padding-left: 240px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_6 {
	padding-left: 480px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_9 {
	padding-left: 720px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}



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

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_3 {
	padding-right: 240px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_6 {
	padding-right: 480px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_9 {
	padding-right: 720px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}



/* Push Space 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_3 {
	left: 240px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_6 {
	left: 480px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_9 {
	left: 720px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}



/* Pull Space 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_3 {
	left: -240px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_6 {
	left: -480px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_9 {
	left: -720px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}



/* Development Classes
--------------------------------------------------------------------------- */

.show		{ display: block; }
.block		{ display: block; }
.hide		{ display: none; }
.visible	{ visibility: visible; }
.invisibile	{ visibility: hidden; }
.uppercase	{ text-transform: uppercase; }
.lowercase	{ text-transform: lowercase; }
.capitalise	{ text-transform: capitalize; }
.underline	{ text-decoration: underline; }
.strike		{ text-decoration: line-through; }
.lateral	{ line-height: 1em; }
.italic		{ font-style: oblique; }
.strong		{ font-weight: bold; }
.center		{ text-align: center; margin: inherit auto; }
.left 		{ float: left; }
.right		{ float: right; }



/* Margins & Padding
--------------------------------------------------------------------------- */

/* Positive Top Margins */
	
	.no_push_top { margin-top: 0; }
	
	.push_top { margin-top: 20px; }
	
	.push_top_5 { margin-top: 5px; }
	
	.push_top_10 { margin-top: 10px; }
	
	.push_top_20 { margin-top: 20px; }
	
	.push_top_30 { margin-top: 30px; }
	
	.push_top_40 { margin-top: 40px; }
	
	.push_top_50 { margin-top: 50px; }
	
	.push_top_60 { margin-top: 60px; }
	
	.push_top_70 { margin-top: 70px; }
	
	.push_top_80 { margin-top: 80px; }
	
	.push_top_90 { margin-top: 90px; }
	
	.push_top_100 { margin-top: 100px; }
	
/* Negative Top Margins */
	
	.no_pull_top { margin-top: 0; }
	
	.pull_top { margin-top: -20px; }
	
	.pull_top_5 { margin-top: -5px; }
	
	.pull_top_10 { margin-top: -10px; }
	
	.pull_top_20 { margin-top: -20px; }
	
	.pull_top_30 { margin-top: -30px; }
	
	.pull_top_40 { margin-top: -40px; }
	
	.pull_top_50 { margin-top: -50px; }
	
	.pull_top_60 { margin-top: -60px; }
	
	.pull_top_70 { margin-top: -70px; }
	
	.pull_top_80 { margin-top: -80px; }
	
	.pull_top_90 { margin-top: -90px; }
	
	.pull_top_100 { margin-top: -100px; }

/* Positive Bottom Margins */
	
	.no_push_bottom { margin-bottom: 0; }
	
	.push_bottom { margin-bottom: 20px; }
	
	.push_bottom_5 { margin-bottom: 5px; }
	
	.push_bottom_10 { margin-bottom: 10px; }
	
	.push_bottom_20 { margin-bottom: 20px; }
	
	.push_bottom_30 { margin-bottom: 30px; }
	
	.push_bottom_40 { margin-bottom: 40px; }
	
	.push_bottom_50 { margin-bottom: 50px; }
	
	.push_bottom_60 { margin-bottom: 60px; }
	
	.push_bottom_70 { margin-bottom: 70px; }
	
	.push_bottom_80 { margin-bottom: 80px; }
	
	.push_bottom_90 { margin-bottom: 90px; }
	
	.push_bottom_100 { margin-bottom: 100px; }
	
/* Negative Bottom Margins */
	
	.no_pull_bottom { margin-bottom: 0; }
	
	.pull_bottom { margin-bottom: -20px; }
	
	.pull_bottom_5 { margin-bottom: -5px; }
	
	.pull_bottom_10 { margin-bottom: -10px; }
	
	.pull_bottom_20 { margin-bottom: -20px; }
	
	.pull_bottom_30 { margin-bottom: -30px; }
	
	.pull_bottom_40 { margin-bottom: -40px; }
	
	.pull_bottom_50 { margin-bottom: -50px; }
	
	.pull_bottom_60 { margin-bottom: -60px; }
	
	.pull_bottom_70 { margin-bottom: -70px; }
	
	.pull_bottom_80 { margin-bottom: -80px; }
	
	.pull_bottom_90 { margin-bottom: -90px; }
	
	.pull_bottom_100 { margin-bottom: -100px; }
	
/* Top Padding */
	
	.no_grow_top { padding-top: 0; }
	
	.grow_top { padding-top: 20px; }
	
	.grow_top_5 { padding-top: 5px; }
	
	.grow_top_10 { padding-top: 10px; }
	
	.grow_top_20 { padding-top: 20px; }
	
	.grow_top_30 { padding-top: 30px; }
	
	.grow_top_40 { padding-top: 40px; }
	
	.grow_top_50 { padding-top: 50px; }
	
	.grow_top_60 { padding-top: 60px; }
	
	.grow_top_70 { padding-top: 70px; }
	
	.grow_top_80 { padding-top: 80px; }
	
	.grow_top_90 { padding-top: 90px; }
	
	.grow_top_100 { padding-top: 100px; }

/* Bottom Padding */
	
	.no_grow_bottom { padding-bottom: 0; }
	
	.grow_bottom { padding-bottom: 20px; }
	
	.grow_bottom_5 { padding-bottom: 5px; }
	
	.grow_bottom_10 { padding-bottom: 10px; }
	
	.grow_bottom_20 { padding-bottom: 20px; }
	
	.grow_bottom_30 { padding-bottom: 30px; }
	
	.grow_bottom_40 { padding-bottom: 40px; }
	
	.grow_bottom_50 { padding-bottom: 50px; }
	
	.grow_bottom_60 { padding-bottom: 60px; }
	
	.grow_bottom_70 { padding-bottom: 70px; }
	
	.grow_bottom_80 { padding-bottom: 80px; }
	
	.grow_bottom_90 { padding-bottom: 90px; }
	
	.grow_bottom_100 { padding-bottom: 100px; }