/* Start of CMSMS style sheet '960 - Grid' */
/*
	This is a modified version of the
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	
	Modified by Eduardo Martinez
	This is simplified  version of only one 12 column container
	it also has wider gutters of 20px vs. the original 10px.
	http://www.digitalfrontend.com
	info@digitalfrontend.com
	Licensed under GPL and MIT. */

/* `Containers  */

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

/* `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: 20px;
	margin-right: 20px;
	overflow: hidden; /* fixes columns dropping in IE6 */
}

/* 12 column grids */
.container_12 .grid_1  { width: 40px; }
.container_12 .grid_2  { width: 120px; }
.container_12 .grid_3  { width: 200px; }
.container_12 .grid_4  { width: 280px; }
.container_12 .grid_5  { width: 360px; }
.container_12 .grid_6  { width: 440px; }
.container_12 .grid_7  { width: 520px; }
.container_12 .grid_8  { width: 600px; }
.container_12 .grid_9  { width: 680px; }
.container_12 .grid_10 { width: 760px; }
.container_12 .grid_11 { width: 840px; }
.container_12 .grid_12 { width: 920px; }


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


/*` Prefixes and Suffixes have been removed for simplification 
/*` I might add them in a later version, have no use for the at the moment */


/* `Clear Floated Elements  */

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	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;
}
/* End of '960 - Grid' */