/*
996px grid system ~ Core CSS.
12 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/

/*
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;

}

@media only screen and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
  body {
	min-width: 1100px;
	}
}

@media only screen and (orientation: portrait) {
  /* rules for iPad in portrait orientation */
  body {
	min-width: 1100px;
	}
}

/* =Containers
--------------------------------------------------------------------------------*/
.row {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
	
}

.showgrid {
	background: url(../images/996grid.png);
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-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
--------------------------------------------------------------------------------*/
.row .span-1 {	width: 63px; }
.row .span-2 {	width: 146px; }
.row .span-3 {	width: 229px; }
.row .span-4 {	width: 312px; }
.row .span-5 {	width: 395px; }
.row .span-6 {	width: 478px; }
.row .span-7 {	width: 561px; }
.row .span-8 {	width: 644px; }
.row .span-9 {	width: 727px; }
.row .span-10 {	width: 810px; }
.row .span-11 {	width: 893px; }
.row .span-12 {	width: 976px; }

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .prefix_1 {	padding-left: 83px; }
.row .prefix_2 {	padding-left: 166px; }
.row .prefix_3 {	padding-left: 249px; }
.row .prefix_4 {	padding-left: 332px; }
.row .prefix_5 {	padding-left: 415px; }
.row .prefix_6 {	padding-left: 498px; }
.row .prefix_7 {	padding-left: 581px; }
.row .prefix_8 {	padding-left: 664px; }
.row .prefix_9 {	padding-left: 747px; }
.row .prefix_10 {	padding-left: 830px; }
.row .prefix_11 {	padding-left: 913px; }

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .suffix_1 {	padding-right: 83px; }
.row .suffix_2 {	padding-right: 166px; }
.row .suffix_3 {	padding-right: 249px; }
.row .suffix_4 {	padding-right: 332px; }
.row .suffix_5 {	padding-right: 415px; }
.row .suffix_6 {	padding-right: 498px; }
.row .suffix_7 {	padding-right: 581px; }
.row .suffix_8 {	padding-right: 664px; }
.row .suffix_9 {	padding-right: 747px; }
.row .suffix_10 {	padding-right: 830px; }
.row .suffix_11 {	padding-right: 913px; }

/* `Push Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .push-1 {	left: 83px; }
.row .push-2 {	left: 166px; }
.row .push-3 {	left: 249px; }
.row .push-4 {	left: 332px; }
.row .push-5 {	left: 415px; }
.row .push-6 {	left: 498px; }
.row .push-7 {	left: 581px; }
.row .push-8 {	left: 664px; }
.row .push-9 {	left: 747px; }
.row .push-10 {	left: 830px; }
.row .push-11 {	left: 913px; }

/* `Pull Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .pull-1 {	left: -83px; }
.row .pull-2 {	left: -166px; }
.row .pull-3 {	left: -249px; }
.row .pull-4 {	left: -332px; }
.row .pull-5 {	left: -415px; }
.row .pull-6 {	left: -498px; }
.row .pull-7 {	left: -581px; }
.row .pull-8 {	left: -664px; }
.row .pull-9 {	left: -747px; }
.row .pull-10 {	left: -830px; }
.row .pull-11 {	left: -913px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}