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

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

/* Four column grids */
.grid_1  { width: 50px; }
.grid_2  { width: 130px; }
.grid_3  { width: 210px; }
.grid_4  { width: 290px; }
.grid_5  { width: 370px; }
.grid_6  { width: 450px; }
.grid_7  { width: 530px; }
.grid_8  { width: 610px; }
.grid_9  { width: 690px; }
.grid_10 { width: 770px; }
.grid_11 { width: 850px; }
.grid_12 { width: 930px; }

/* `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' */