/* Simple Grid - Classes: col1 — col12, colb1 — colb12, pad1 — pad12 */

/* 
# Columns ############################
*/

.col1 {width:960px;} .col2 {width:878px;} .col3 {width:796px;} .col4 {width:714px;} .col5 {width:632px;} .col6 {width:550px;}
.col7 {width:468px;} .col8 {width:386px;} .col9 {width:304px;} .col10 {width:222px;} .col11 {width:140px;} .col12 {width:58px;}

/* Column w/ Border */
.col1b {width:956px;} .col2b {width:874px;} .col3b {width:792px;} .col4b {width:710px;} .col5b {width:628px;} .col6b {width:546px;}
.col7b {width:464px;} .col8b {width:382px;} .col9b {width:300px;} .col10b {width:218px;} .col11b {width:136px;} .col12b {width:54px;}

.col1b, .col2b, .col3b, .col4b, .col5b, .col6b, .col7b, .col8b, .col9b, .col10b, .col11b, .col12b {border:1px solid #;}

/* 
# Padded Columns ############################
*/

/* 20px */
.pad1 {width:920px;} .pad2 {width:838px;} .pad3 {width:756px;} .pad4 {width:674px;} .pad5 {width:592px;} .pad6 {width:510px;}
.pad7 {width:428px;} .pad8 {width:346px;} .pad9 {width:264px;} .pad10 {width:182px;} .pad11 {width:100px;} .pad12 {width:18px;}

.pad1, .pad2, .pad3, .pad4, .pad5, .pad6, .pad7, .pad8, .pad9, .pad10, .pad11, .pad12 {padding:20px 20px;}
	
/* 10px */
/*
.pad1 {width:940px;} .pad2 {width:858px;} .pad3 {width:776px;} .pad4 {width:694px;} .pad5 {width:612px;} .pad6 {width:530px;}
.pad7 {width:448px;} .pad8 {width:366px;} .pad9 {width:284px;} .pad10 {width:202px;} .pad11 {width:120px;} .pad12 {width:38px;}

.pad1, .pad2, .pad3, .pad4, .pad5, .pad6, .pad7, .pad8, .pad9, .pad10, .pad11, .pad12 {padding:10px 10px;}
*/
	
/* 
# Positioning and Spacing ############################
*/	
	
/* Defines Column positioning */
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, /* Columns */
	.col1b, .col2b, .col3b, .col4b, .col5b, .col6b, .col7b, .col8b, .col9b, .col10b, .col11b, .col12b /* Columns w/border */,
	.pad1, .pad2, .pad3, .pad4, .pad5, .pad6, .pad7, .pad8, .pad9, .pad10, .pad11, .pad12 /* Columns w/padding */ {
		margin-bottom: 24px; position: relative;
		}
/* Float all columns smaller then 960px */
	.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, 
	.col2b, .col3b, .col4b, .col5b, .col6b, .col7b, .col8b, .col9b, .col10b, .col11b, .col12b,
	.pad2, .pad3, .pad4, .pad5, .pad6, .pad7, .pad8, .pad9, .pad10, .pad11, .pad12 {
		float: left; display: inline; margin-right: 24px;
		}
/* Add .last to final Column in a row to erase right margin */
	.col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12.last,
	.col1b.last, .col2b.last, .col3b.last, .col4b.last, .col5b.last, .col6b.last, .col7b.last, .col8b.last, .col9b.last, .col10b.last, .col11b.last, .col12b.last,
	.pad2.last, .pad3.last, .pad4.last, .pad5.last, .pad6.last, .pad7.last, .pad8.last, .pad9.last, .pad10.last, .pad11.last, .pad12.last {
		margin-right:0; float: right;
		}
/* Add .top to Columns to add a top margin */
	.col1.top, .col2.top, .col3.top, .col4.top, .col5.top, .col6.top, .col7.top, .col8.top, .col9.top, .col10.top, .col11.top, .col12.top,
	.col1b.top, .col2b.top, .col3b.top, .col4b.top, .col5b.top, .col6b.top, .col7b.top, .col8b.top, .col9b.top, .col10b.top, .col11b.top, .col12b.top,
	.pad1.top, .pad2.top, .pad3.top, .pad4.top, .pad5.top, .pad6.top, .pad7.top, .pad8.top, .pad9.top, .pad10.top, .pad11.top, .pad12.top {
		margin-top: 24px; position: relative;
		}		
/* Add .end to Columns to erase bottom margin */
	.col1.end, .col2.end, .col3.end, .col4.end, .col5.end, .col6.end, .col7.end, .col8.end, .col9.end, .col10.end, .col11.end, .col12.end,
	.pad1.end, .pad2.end, .pad3.end, .pad4.end, .pad5.end, .pad6.end, .pad7.end, .pad8.end, .pad9.end, .pad10.end, .pad11.end, .pad12.end {
		margin-bottom:0;
		}

/* 
# Helper Classes ############################
*/

.left { float:left; display:inline; }
.right { float:right; display:inline; }
.hide { display:none; }
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.clear { clear:both; }