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

	Licensed under GPL and MIT.
	
	Based off of 960 Grid but modified for 972
	Editor: Manuel Pineault, Steve Saugestad, Aubyn Freybe-Smith (Wallop Creative)
*/

/* =For Testing
--------------------------------------------------------------------------------*/

.test_showborder {
	border: 1px solid red;
}

.test_showgrid {
	background:url(../graphics/testing/972grid01.gif) repeat-y;
}

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

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

/* =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: 16px;
	margin-right: 16px;
}

/* =Grid >> Children (no_margin_left = First column, no_margin_right = Last column)
--------------------------------------------------------------------------------*/

.no_margin_left, .no_margin_horiz { margin-left: 0; }
.no_margin_right, .no_margin_horiz { margin-right: 0; }

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1 { width: 49px; }

.container_12 .grid_2 { width: 130px; }

.container_12 .grid_3 { width: 211px; }

.container_12 .grid_4 { width: 292px; }

.container_12 .grid_5 { width: 373px; }

.container_12 .grid_6 { width: 454px; }

.container_12 .grid_7 { width: 535px; }

.container_12 .grid_8 { width: 616px; }

.container_12 .grid_9 { width: 697px; }

.container_12 .grid_10 { width: 778px; }

.container_12 .grid_11 { width: 859px; }

.container_12 .grid_12 { width: 940px; }


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

.container_12 .prefix_1 { margin-left: 97px; }

.container_12 .prefix_2 { margin-left: 178px; }

.container_12 .prefix_3 { margin-left: 259px; }

.container_12 .prefix_4 { margin-left: 340px; }

.container_12 .prefix_5 { margin-left: 421px; }

.container_12 .prefix_6 { margin-left: 502px; }

.container_12 .prefix_7 { margin-left: 583px; }

.container_12 .prefix_8 { margin-left: 664px; }

.container_12 .prefix_9 { margin-left: 745px;  }

.container_12 .prefix_10 { margin-left: 826px; }

.container_12 .prefix_11 { margin-left: 907px; }

/* =Suffix Extra Space >> Global CHECK THESE!
--------------------------------------------------------------------------------*/

.container_12 .suffix_3 { margin-right: 243px; }

.container_12 .suffix_6 { margin-right: 486px; }

.container_12 .suffix_9 { margin-right: 729px; }

/* =Suffix Extra Space >> 12 Columns CHECK THESE!
--------------------------------------------------------------------------------*/

.container_12 .suffix_1 { margin-right: 81px; }

.container_12 .suffix_2 { margin-right: 162px; }

.container_12 .suffix_4 { margin-right: 324px; }

.container_12 .suffix_5 { margin-right: 405px; }

.container_12 .suffix_7 { margin-right: 567px; }

.container_12 .suffix_8 { margin-right: 648px; }

.container_12 .suffix_10 { margin-right: 810px; }

.container_12 .suffix_11 { margin-right: 891px; }

/* =Grid >> Children (Push and Pull columns)
--------------------------------------------------------------------------------*/
/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -16px; }
.pull-2 { margin-left: -32px; }
.pull-3 { margin-left: -48px; }

.pull-1, .pull-2, .pull-3 {
	float:left;
	position:relative;
}

.push-1 { margin: 0 -16px 0 16px; }
.push-2 { margin: 0 -32px 0 32px; }
.push-3 { margin: 0 -48px 0 48px; }

.push-1, .push-2, .push-3 { 
	float: right;
	position:relative;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

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

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: 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;
}