/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
================================================================ */
	.container_12, .container_16 { margin-left:auto; margin-right:auto; width:960px; }

/* =Grid >> Global
================================================================ */
	.grid_1, .grid_2, .grid_3, .grid_4,
	.grid_5, .grid_6, .grid_7, .grid_8,
	.grid_9, .grid_10, .grid_11, .grid_12,
	.grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float:left; margin-left:10px; margin-right:10px; }
	
	.container_12 .grid_3, .container_16 .grid_4 { width:220px; }
	.container_12 .grid_6, .container_16 .grid_8 { width:460px; }
	.container_12 .grid_9, .container_16 .grid_12 { width:700px; }
	.container_12 .grid_12, .container_16 .grid_16 { width:940px; }

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
================================================================ */
	.alpha { margin-left:0; }
	.omega { margin-right:0; }

/* =Grid >> 12 Columns
================================================================ */
	.container_12 .grid_1 { width:60px; }
	.container_12 .grid_2 { width:140px; }
	.container_12 .grid_4 { width:300px; }
	.container_12 .grid_5 { width:380px; }
	.container_12 .grid_7 { width:540px; }
	.container_12 .grid_8 { width:620px; }
	.container_12 .grid_10 { width:780px; }
	.container_12 .grid_11 { width:860px; }

/* =Grid >> 16 Columns
================================================================ */
	.container_16 .grid_1 { width:40px; }
	.container_16 .grid_2 { width:100px; }
	.container_16 .grid_3 { width:160px; }
	.container_16 .grid_5 { width:280px; }
	.container_16 .grid_6 { width:340px; }
	.container_16 .grid_7 { width:400px; }
	.container_16 .grid_9 { width:520px; }
	.container_16 .grid_10 { width:580px; }
	.container_16 .grid_11 { width:640px; }
	.container_16 .grid_13 { width:760px; }
	.container_16 .grid_14 { width:820px; }
	.container_16 .grid_15 { width:880px; }

/* =Prefix Extra Space >> Global
================================================================ */
	.container_12 .prefix_3,
	.container_16 .prefix_4 { padding-left:240px; }
	.container_12 .prefix_6,
	.container_16 .prefix_8 { padding-left:480px; }
	.container_12 .prefix_9,
	.container_16 .prefix_12 { padding-left:720px; }

/* =Prefix Extra Space >> 12 Columns
================================================================ */
	.container_12 .prefix_1 { padding-left:80px; }
	.container_12 .prefix_2 { padding-left:160px; }
	.container_12 .prefix_4 { padding-left:320px; }
	.container_12 .prefix_5 { padding-left:400px; }
	.container_12 .prefix_7 { padding-left:560px; }
	.container_12 .prefix_8 { padding-left:640px; }
	.container_12 .prefix_10 { padding-left:800px; }
	.container_12 .prefix_11 { padding-left:880px; }

/* =Prefix Extra Space >> 16 Columns
================================================================ */
	.container_16 .prefix_1 { padding-left:60px; }
	.container_16 .prefix_2 { padding-left:120px; }
	.container_16 .prefix_3 { padding-left:180px; }
	.container_16 .prefix_5 { padding-left:300px; }
	.container_16 .prefix_6 { padding-left:360px; }
	.container_16 .prefix_7 { padding-left:420px; }
	.container_16 .prefix_9 { padding-left:540px; }
	.container_16 .prefix_10 { padding-left:600px; }
	.container_16 .prefix_11 { padding-left:660px; }
	.container_16 .prefix_13 { padding-left:780px; }
	.container_16 .prefix_14 { padding-left:840px; }
	.container_16 .prefix_15 { padding-left:900px; }

/* =Suffix Extra Space >> Global
================================================================ */
	.container_12 .suffix_3,
	.container_16 .suffix_4 { padding-right:240px; }
	.container_12 .suffix_6,
	.container_16 .suffix_8 { padding-right:480px; }
	.container_12 .suffix_9,
	.container_16 .suffix_12 { padding-right:720px; }

/* =Suffix Extra Space >> 12 Columns
================================================================ */
	.container_12 .suffix_1 { padding-right:80px; }
	.container_12 .suffix_2 { padding-right:160px; }
	.container_12 .suffix_4 { padding-right:320px; }
	.container_12 .suffix_5 { padding-right:400px; }
	.container_12 .suffix_7 { padding-right:560px; }
	.container_12 .suffix_8 { padding-right:640px; }
	.container_12 .suffix_10 { padding-right:800px; }
	.container_12 .suffix_11 { padding-right:880px; }

/* =Suffix Extra Space >> 16 Columns
================================================================ */
	.container_16 .suffix_1 { padding-right:60px; }
	.container_16 .suffix_2 { padding-right:120px; }
	.container_16 .suffix_3 { padding-right:180px; }
	.container_16 .suffix_5 { padding-right:300px; }
	.container_16 .suffix_6 { padding-right:360px; }
	.container_16 .suffix_7 { padding-right:420px; }
	.container_16 .suffix_9 { padding-right:540px; }
	.container_16 .suffix_10 { padding-right:600px; }
	.container_16 .suffix_11 { padding-right:660px; }
	.container_16 .suffix_13 { padding-right:780px; }
	.container_16 .suffix_14 { padding-right:840px; }
	.container_16 .suffix_15 { padding-right:900px; }

/* =Clear Floated Elements
================================================================ */

	/* http://sonspring.com/journal/clearing-floats */
	html body * span.clear,
	html body * div.clear,
	html body * li.clear,
	html body * dd.clear { background:none;	border:0;	clear:both; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }
	
	/* http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }
	.clearfix { display:inline-block; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }