/*
992px Grid System ~ Core CSS.
Created by the Grid System Generator - v0.94
Learn more ~ http://www.gridsystemgenerator.com/

Based on the Grid System by Natan Smith - http://960.gs/
*/




/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4 , .grid_21, .grid_31, .grid_32, .grid_22, .grid_41 {
	display: inline;
	float: left;

}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 4 Columns
--------------------------------------------------------------------------------*/
  .grid_1 { width: 268px; height:200px; background-color:#009966 }
  .grid_2 { width: 479px;height:200px; background-color:#3399CC }
  .grid_22 { width: 325px;height:200px; background-color:#3399CC }
  .grid_3 { width: 268px;height:200px; background-color:#33CC00}
  .grid_31 { width: 268px;height:200px; background-color:#33CC00}
  .grid_32 { width: 186px;height:200px; background-color:#33CC00}
  .grid_4 { width: 700px; height:200px; background-color:#66CC99}
  .grid_21 { width: 290px;height:200px; background-color:#3399CC }
  .grid_41 { width: 990px; height:200px; background-color:#66CC99}



/* =Prefix Extra Space >> 4 Columns
--------------------------------------------------------------------------------*/
  .prefix_1 { padding-left: 248px;}
  .prefix_2 { padding-left: 496px; }
  .prefix_3 { padding-left: 744px; }


/* =Suffix Extra Space >> 4 Columns
--------------------------------------------------------------------------------*/
  .suffix_1 { padding-right: 248px; }
  .suffix_2 { padding-right: 496px; }
  .suffix_3 { padding-right: 744px; }
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

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

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}