/*
1000px grid system ~ Core CSS.
24 columns ~ margin: 16px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.wrapper
{ margin-left: auto; margin-right: auto; width: 1000px; padding: 0; background: #fff;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g41, .g82, .g123, .g164, .g205, .g246, .g287, .g328, .g369, .g410, .g451, .g492, .g533, .g574, .g615, .g656, .g697, .g738, .g779, .g820, .g861, .g902, .g943, .g984 {
	display: inline;
	float: left;
	margin-left: 16px; }

/* =Grid >> 24 Columns
--------------------------------------------------------------------------------*/
.g41{width:25px;}
.g82{width:66px;}
.g123{width:107px;}
.g164{width:148px;}
.g205{width:189px;}
.g246{width:230px;}
.g287{width:271px;}
.g328{width:312px;}
.g369{width:353px;}
.g410{width:394px;}
.g451{width:435px;}
.g492{width:476px;}
.g533{width:517px;}
.g574{width:558px;}
.g615{width:599px;}
.g656{width:640px;}
.g697{width:681px;}
.g738{width:722px;}
.g779{width:763px;}
.g820{width:804px;}
.g861{width:845px;}
.g902{width:886px;}
.g943{width:927px;}
.g984{width:968px;}


/* =Grid >> 24 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml41{margin-left:57px;}
.ml82{margin-left:98px;}
.ml123{margin-left:139px;}
.ml164{margin-left:180px;}
.ml205{margin-left:221px;}
.ml246{margin-left:262px;}
.ml287{margin-left:303px;}
.ml328{margin-left:344px;}
.ml369{margin-left:385px;}
.ml410{margin-left:426px;}
.ml451{margin-left:467px;}
.ml492{margin-left:508px;}
.ml533{margin-left:549px;}
.ml574{margin-left:590px;}
.ml615{margin-left:631px;}
.ml656{margin-left:672px;}
.ml697{margin-left:713px;}
.ml738{margin-left:754px;}
.ml779{margin-left:795px;}
.ml820{margin-left:836px;}
.ml861{margin-left:877px;}
.ml902{margin-left:918px;}
.ml943{margin-left:959px;}
.ml984{margin-left:1000px;}


.inside{margin-left:0;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clearfix:after,
.clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both; 
}

.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
}