/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/*
Reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite, code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0} 
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.container_12,.container_16{
	margin-left:auto;
	margin-right:auto;
	width:960px}
	.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}
	.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 >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	
	.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}
	.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}
	.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 >> 12 Columns
----------------------------------------------------------------------------------------------------*/	
	.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}
	.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}
	.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}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	
/* 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
		}