/* Containers */
.con20 { margin-left: auto; margin-right: auto; width: 960px; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .g21, .g22, .g23, .g24, .g25, .g26, .g27, .g28, .g29, .g30, .g31, .g32, .g33, .g34, .g35, .g36, .g37, .g38, .g39, .g40 { display:inline; float: left; position: relative; margin-left: 4px; margin-right: 4px; }

/* Grid margins (fi => First, la => Last, fl => First and Last) */
.fi, .fl { margin-left: 0; }
.la, .fl { margin-right: 0; }

.con20 .g1 { width:40px; }
.con20 .g2 { width:88px; }
.con20 .g3 { width:136px; }
.con20 .g4 { width:184px; }
.con20 .g5 { width:232px; }
.con20 .g6 { width:280px; }
.con20 .g7 { width:328px; }
.con20 .g8 { width:376px; }
.con20 .g9 { width:424px; }
.con20 .g10 { width:472px; }
.con20 .g11 { width:520px; }
.con20 .g12 { width:568px; }
.con20 .g13 { width:616px; }
.con20 .g14 { width:664px; }
.con20 .g15 { width:712px; }
.con20 .g16 { width:760px; }
.con20 .g17 { width:808px; }
.con20 .g18 { width:856px; }
.con20 .g19 { width:904px; }
.con20 .g20 { width:952px; }

.con20 .pre1 { padding-left:48px; }
.con20 .pre2 { padding-left:96px; }
.con20 .pre3 { padding-left:144px; }
.con20 .pre4 { padding-left:192px; }
.con20 .pre5 { padding-left:240px; }
.con20 .pre6 { padding-left:288px; }
.con20 .pre7 { padding-left:336px; }
.con20 .pre8 { padding-left:384px; }
.con20 .pre9 { padding-left:432px; }
.con20 .pre10 { padding-left:480px; }
.con20 .pre11 { padding-left:528px; }
.con20 .pre12 { padding-left:576px; }
.con20 .pre13 { padding-left:624px; }
.con20 .pre14 { padding-left:672px; }
.con20 .pre15 { padding-left:720px; }
.con20 .pre16 { padding-left:768px; }
.con20 .pre17 { padding-left:816px; }
.con20 .pre18 { padding-left:864px; }
.con20 .pre19 { padding-left:912px; }

.con20 .suf1 { padding-right:48px; }
.con20 .suf2 { padding-right:96px; }
.con20 .suf3 { padding-right:144px; }
.con20 .suf4 { padding-right:192px; }
.con20 .suf5 { padding-right:240px; }
.con20 .suf6 { padding-right:288px; }
.con20 .suf7 { padding-right:336px; }
.con20 .suf8 { padding-right:384px; }
.con20 .suf9 { padding-right:432px; }
.con20 .suf10 { padding-right:480px; }
.con20 .suf11 { padding-right:528px; }
.con20 .suf12 { padding-right:576px; }
.con20 .suf13 { padding-right:624px; }
.con20 .suf14 { padding-right:672px; }
.con20 .suf15 { padding-right:720px; }
.con20 .suf16 { padding-right:768px; }
.con20 .suf17 { padding-right:816px; }
.con20 .suf18 { padding-right:864px; }
.con20 .suf19 { padding-right:912px; }




/* Clear Floated Elements */ /* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.left   { text-align: left;}   
.center { text-align: center;} 
.column { float: left; }
.bottom { vertical-align: bottom; }
.top    { vertical-align: top; }