/*
* Based on Skeleton by Dave Gamache and 960 Grid
* www.getskeleton.com
*/

/* #Base 960 Grid
================================================== */

.container { 
	width: 1020px; 
	margin: 0 auto; 
}

.row { 
	margin: 1em 0; width:100%;	
}

.column, .columns { 
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}

/*****************************
12 Column
((1000/12) - 20) = 63.33333333333333
*****************************/

/* Base Grid */
.container .one.column,
.container .one.columns 	{ width: 65px; }
.container .two.columns 	{ width: 150px; }
.container .three.columns 	{ width: 235px; }
.container .four.columns 	{ width: 320px; }
.container .five.columns 	{ width: 405px; }
.container .six.columns 	{ width: 490px; }
.container .seven.columns 	{ width: 575px; }	
.container .eight.columns 	{ width: 660px; }
.container .nine.columns 	{ width: 745px; }
.container .ten.columns 	{ width: 830px; }	
.container .eleven.columns 	{ width: 915px; }	
.container .twelve.columns 	{ width: 1000px; }

.container .one-half.column          	    { width: 490px; } /* ((1020/2) - 20) = 460 */
.container .one-third.column                { width: 320px; } /* ((960/3) - 20) = 300 */
.container .two-thirds.column               { width: 660; } /* (((960/3) *2) - 20) = 620 */
.container .one-quarter.column              { width: 235px; } /* ((960/4) - 20) = 220 */
.container .three-quarters.column           { width: 745px; } /* (((960/4) *3) - 20) = 700 */
.container .one-fifth.column              	{ width: 184px; } /* ((960/5) - 20) = 172 */
.container .two-fifths.column              	{ width: 388px; } /* (((960/5) *2) - 20) = 364 */
.container .three-fifths.column             { width: 592px; } /* (((960/5) *3) - 20) = 556 */
.container .four-fifths.column              { width: 796px; } /* (((960/5) *4) - 20) = 748 */

/* Offsets */	
.container .offset-by-one 		{ margin-left: 85px; }
.container .offset-by-two 		{ margin-left: 170px; }
.container .offset-by-three		{ margin-left: 255px; }
.container .offset-by-four 		{ margin-left: 340px; }
.container .offset-by-five 		{ margin-left: 425px; }
.container .offset-by-six 		{ margin-left: 510px; }
.container .offset-by-seven		{ margin-left: 595px; }
.container .offset-by-eight		{ margin-left: 680px; }
.container .offset-by-nine		{ margin-left: 765px; }
.container .offset-by-ten 		{ margin-left: 850px; }
.container .offset-by-eleven	{ margin-left: 935px; }


/*
* Based on Skeleton by Dave Gamache and 960 Grid
* www.getskeleton.com
*/

/* #Base 960 Grid
================================================== */

.container { 
	width: 1020px; 
	margin: 0 auto; 
}

.row { 
	margin: 1em 0; width:100%;	
}

.column, .columns { 
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}

/*****************************
12 Column
((1000/12) - 20) = 63.33333333333333
*****************************/

/* Base Grid */
.container .one.column,
.container .one.columns 	{ width: 65px; }
.container .two.columns 	{ width: 150px; }
.container .three.columns 	{ width: 235px; }
.container .four.columns 	{ width: 320px; }
.container .five.columns 	{ width: 405px; }
.container .six.columns 	{ width: 490px; }
.container .seven.columns 	{ width: 575px; }	
.container .eight.columns 	{ width: 660px; }
.container .nine.columns 	{ width: 745px; }
.container .ten.columns 	{ width: 830px; }	
.container .eleven.columns 	{ width: 915px; }	
.container .twelve.columns 	{ width: 1000px; }

.container .one-half.column          	    { width: 490px; } /* ((1020/2) - 20) = 460 */
.container .one-third.column                { width: 320px; } /* ((960/3) - 20) = 300 */
.container .two-thirds.column               { width: 660; } /* (((960/3) *2) - 20) = 620 */
.container .one-quarter.column              { width: 235px; } /* ((960/4) - 20) = 220 */
.container .three-quarters.column           { width: 745px; } /* (((960/4) *3) - 20) = 700 */
.container .one-fifth.column              	{ width: 184px; } /* ((960/5) - 20) = 172 */
.container .two-fifths.column              	{ width: 388px; } /* (((960/5) *2) - 20) = 364 */
.container .three-fifths.column             { width: 592px; } /* (((960/5) *3) - 20) = 556 */
.container .four-fifths.column              { width: 796px; } /* (((960/5) *4) - 20) = 748 */

/* Offsets */	
.container .offset-by-one 		{ margin-left: 85px; }
.container .offset-by-two 		{ margin-left: 170px; }
.container .offset-by-three		{ margin-left: 255px; }
.container .offset-by-four 		{ margin-left: 340px; }
.container .offset-by-five 		{ margin-left: 425px; }
.container .offset-by-six 		{ margin-left: 510px; }
.container .offset-by-seven		{ margin-left: 595px; }
.container .offset-by-eight		{ margin-left: 680px; }
.container .offset-by-nine		{ margin-left: 765px; }
.container .offset-by-ten 		{ margin-left: 850px; }
.container .offset-by-eleven	{ margin-left: 935px; }