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

	Licensed under GPL and MIT.
*/

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:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_9 {
	margin-left: auto;
	margin-right: auto;
	width: 855px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .grid_1 {
	width:85px;
}

.container_9 .grid_2 {
	width:180px;
}

.container_9 .grid_3 {
	width:275px;
}

.container_9 .grid_4 {
	width:370px;
}

.container_9 .grid_5 {
	width:465px;
}

.container_9 .grid_6 {
	width:560px;
}

.container_9 .grid_7 {
	width:655px;
}

.container_9 .grid_8 {
	width:750px;
}

.container_9 .grid_9 {
	width:845px;
}



/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .prefix_1 {
	padding-left:95px;
}

.container_9 .prefix_2 {
	padding-left:190px;
}

.container_9 .prefix_3 {
	padding-left:285px;
}

.container_9 .prefix_4 {
	padding-left:380px;
}

.container_9 .prefix_5 {
	padding-left:475px;
}

.container_9 .prefix_6 {
	padding-left:570px;
}

.container_9 .prefix_7 {
	padding-left:665px;
}

.container_9 .prefix_8 {
	padding-left:760px;
}



/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .suffix_1 {
	padding-right:95px;
}

.container_9 .suffix_2 {
	padding-right:190px;
}

.container_9 .suffix_3 {
	padding-right:285px;
}

.container_9 .suffix_4 {
	padding-right:380px;
}

.container_9 .suffix_5 {
	padding-right:475px;
}

.container_9 .suffix_6 {
	padding-right:570px;
}

.container_9 .suffix_7 {
	padding-right:665px;
}

.container_9 .suffix_8 {
	padding-right:760px;
}



/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .push_1 {
	left:95px;
}

.container_9 .push_2 {
	left:190px;
}

.container_9 .push_3 {
	left:285px;
}

.container_9 .push_4 {
	left:380px;
}

.container_9 .push_5 {
	left:475px;
}

.container_9 .push_6 {
	left:570px;
}

.container_9 .push_7 {
	left:665px;
}

.container_9 .push_8 {
	left:760px;
}



/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .pull_1 {
	left:-95px;
}

.container_9 .pull_2 {
	left:-190px;
}

.container_9 .pull_3 {
	left:-285px;
}

.container_9 .pull_4 {
	left:-380px;
}

.container_9 .pull_5 {
	left:-475px;
}

.container_9 .pull_6 {
	left:-570px;
}

.container_9 .pull_7 {
	left:-665px;
}

.container_9 .pull_8 {
	left:-760px;
}




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