/* 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 9 column container
	it also has wider gutters of 20px vs. the original 10px.
	http://www.digitalfrontend.com
	info@digitalfrontend.com
	
 */

/* `Containers  */

.container_10  {
	margin-left: auto;
	margin-right: auto;
	width: 800px; 
}

/* `Grid >> Global  */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	overflow: hidden; /* fixes columns dropping in IE6 */
}

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

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


/*` Prefixes */
.prefix_1 { padding-left: 80px; }
.prefix_2 { padding-left: 160px; }
.prefix_3 { padding-left: 240px; }
.prefix_4 { padding-left: 320px; }
.prefix_5 { padding-left: 400px; }
.prefix_7 { padding-left: 560px; }
.prefix_8 { padding-left: 640px; }
.prefix_9 { padding-left: 720px; }

/*` Suffixes */
.suffix_1 { padding-right: 80px; }
.suffix_2 { padding-right: 160px; }
.suffix_3 { padding-right: 240px; }
.suffix_4 { padding-right: 320px; }
.suffix_5 { padding-right: 400px; }
.suffix_7 { padding-right: 560px; }
.suffix_8 { padding-right: 640px; }
.suffix_9 { padding-right: 720px; }


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