/*  
	960 Grid System ~ Core CSS.  
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.    
	
	added to HTML_Jumpstart  04/13/09 - Carlos Perez
*/

/* `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; }