﻿/* Containers */
.container { margin-left:auto; margin-right:auto; width:960px; position:relative; }

/* Grid >> Global */
.grid_x, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float:left; margin-left:10px; margin-right:10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Grid >> 12 Columns */
.container .grid_1 { width:60px; }
.container .grid_2 { width:140px; }
.container .grid_3 { width:220px; }
.container .grid_4 { width:300px; }
.container .grid_5 { width:380px; }
.container .grid_6 { width:460px; }
.container .grid_7 { width:540px; }
.container .grid_8 { width:620px; }
.container .grid_9 { width:700px; }
.container .grid_10 { width:780px; }
.container .grid_11 { width:860px; }
.container .grid_12 { width:940px; }

/* Prefix Extra Space >> 12 Columns */
.container .prefix_1 { padding-left:80px; }
.container .prefix_2 { padding-left:160px; }
.container .prefix_3 { padding-left:240px; }
.container .prefix_4 { padding-left:320px; }
.container .prefix_5 { padding-left:400px; }
.container .prefix_6 { padding-left:480px; }
.container .prefix_7 { padding-left:560px; }
.container .prefix_8 { padding-left:640px; }
.container .prefix_9 { padding-left:720px; }
.container .prefix_10 { padding-left:800px; }
.container .prefix_11 { padding-left:880px; }

/* Suffix Extra Space >> 12 Columns */
.container .suffix_1 { padding-right:80px; }
.container .suffix_2 { padding-right:160px; }
.container .suffix_3 { padding-right:240px; }
.container .suffix_4 { padding-right:320px; }
.container .suffix_5 { padding-right:400px; }
.container .suffix_6 { padding-right:480px; }
.container .suffix_7 { padding-right:560px; }
.container .suffix_8 { padding-right:640px; }
.container .suffix_9 { padding-right:720px; }
.container .suffix_10 { padding-right:800px; }
.container .suffix_11 { padding-right:880px; }

/* Clear Floated Elements */
.cl { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clfix { display:inline-block; }* html .clfix { height:1%; }
.clfix { display:block; }