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

	Licensed under GPL and MIT.
	@ Changed margin with padding - CoolGoose - http://alexandrubucur.com
    Reduced overall width to 760px and adjusted grid to match.    
    Removed container_12 references. Not used and don't want to calculate changes.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 760px; /*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;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	padding-left: 0;
}

.omega {
	padding-right: 0;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* 960/16 = 60, the difference between each
   60-20  = 40, the original starting point (20 is the padding on left and right)
   760/16 = 47.5, the new difference between each 
   47.5-20  = 27.5, the new starting point (20 is the padding on left and right)*/
.container_16 .grid_1 {
	width: 27.5px; /*40px;*/
}

.container_16 .grid_2 {
	width: 75px; /*100px;*/
}

.container_16 .grid_3 {
	width: 122.5px; /*160px;*/
}

.container_16 .grid_4 {
	width: 170px; /*220px;*/
}

.container_16 .grid_5 {
	width: 217.5px; /*280px;*/
}

.container_16 .grid_6 {
	width: 265px; /*340px;*/
}

.container_16 .grid_7 {
	width: 312.5px; /*400px;*/
}

.container_16 .grid_8 {
	width: 360px; /*460px;*/
}

.container_16 .grid_9 {
	width: 407.5px; /*520px;*/
}

.container_16 .grid_10 {
	width: 455px; /*580px;*/
}

.container_16 .grid_11 {
	width: 502.5px; /*640px;*/
}

.container_16 .grid_12 {
	width: 550px; /*700px;*/
}

.container_16 .grid_13 {
	width: 597.5px; /*760px;*/
}

.container_16 .grid_14 {
	width: 645px; /*820px;*/
}

.container_16 .grid_15 {
	width: 692.5px; /*880px;*/
}

.container_16 .grid_16 {
	width: 740px; /*940px;*/
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* 900/15 = 60, the original starting point and difference between each
   700/15 = 46.66666666666667 -- move extra to the end */
.container_16 .prefix_1 {
	padding-left: 46.5px; /*60px;*/
}

.container_16 .prefix_2 {
	padding-left: 93px; /*120px;*/
}

.container_16 .prefix_3 {
	padding-left: 139.5px; /*180px;*/
}

.container_16 .prefix_4 {
	padding-left: 186px; /*250px;*/
}

.container_16 .prefix_5 {
	padding-left: 232.5px; /*300px;*/
}

.container_16 .prefix_6 {
	padding-left: 279px; /*360px;*/
}

.container_16 .prefix_7 {
	padding-left: 325.5px; /*420px;*/
}

.container_16 .prefix_8 {
	padding-left: 372px; /*490px;*/
}

.container_16 .prefix_9 {
	padding-left: 418.5px; /*540px;*/
}

.container_16 .prefix_10 {
	padding-left: 465px; /*600px;*/
}

.container_16 .prefix_11 {
	padding-left: 511.5px; /*660px;*/
}

.container_16 .prefix_12 {
	padding-left: 558px; /*730px;*/
}

.container_16 .prefix_13 {
	padding-left: 604.5px; /*780px;*/
}

.container_16 .prefix_14 {
	padding-left: 651px; /*840px;*/
}

.container_16 .prefix_15 {
	padding-left: 700px; /*900px;*/
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* 900/15 = 60, the original starting point and difference between each
   700/15 = 46.66666666666667 -- move extra to the end */
.container_16 .suffix_1 {
	padding-right: 46.5px; /*60px;*/
}

.container_16 .suffix_2 {
	padding-right: 93px; /*120px;*/
}

.container_16 .suffix_3 {
	padding-right: 139.5px; /*180px;*/
}

.container_16 .suffix_4 {
	padding-right: 186px; /*250px;*/
}

.container_16 .suffix_5 {
	padding-right: 232.5px; /*300px;*/
}

.container_16 .suffix_6 {
	padding-right: 279px; /*360px;*/
}

.container_16 .suffix_7 {
	padding-right: 325.5px; /*420px;*/
}

.container_16 .suffix_8 {
	padding-right: 372px; /*490px;*/
}

.container_16 .suffix_9 {
	padding-right: 418.5px; /*540px;*/
}

.container_16 .suffix_10 {
	padding-right: 465px; /*600px;*/
}

.container_16 .suffix_11 {
	padding-right: 511.5px; /*660px;*/
}

.container_16 .suffix_12 {
	padding-right: 558px; /*730px;*/
}

.container_16 .suffix_13 {
	padding-right: 604.5px; /*780px;*/
}

.container_16 .suffix_14 {
	padding-right: 651px; /*840px;*/
}

.container_16 .suffix_15 {
	padding-right: 700px; /*900px;*/
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* 900/15 = 60, the original starting point and difference between each
   700/15 = 46.66666666666667 -- move extra to the end */
.container_16 .push_1 {
	left: 46.5px; /*60px;*/
}

.container_16 .push_2 {
	left: 93px; /*120px;*/
}

.container_16 .push_3 {
	left: 139.5px; /*180px;*/
}

.container_16 .push_4 {
	left: 186px; /*240px;*/
}

.container_16 .push_5 {
	left: 232.5px; /*300px;*/
}

.container_16 .push_6 {
	left: 279px; /*360px;*/
}

.container_16 .push_7 {
	left: 325.5px; /*420px;*/
}

.container_16 .push_8 {
	left: 372px; /*480px;*/
}

.container_16 .push_9 {
	left: 418.5px; /*540px;*/
}

.container_16 .push_10 {
	left: 465px; /*600px;*/
}

.container_16 .push_11 {
	left: 511.5px; /*660px;*/
}

.container_16 .push_12 {
	left: 558px; /*720px;*/
}

.container_16 .push_13 {
	left: 604.5px; /*780px;*/
}

.container_16 .push_14 {
	left: 651px; /*840px;*/
}

.container_16 .push_15 {
	left: 700px; /*900px;*/
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* 900/15 = 60, the original starting point and difference between each
   700/15 = 46.66666666666667 -- move extra to the end */
.container_16 .pull_1 {
	left: -46.5px; /*-60px;*/
}

.container_16 .pull_2 {
	left: -93px; /*-120px;*/
}

.container_16 .pull_3 {
	left: -139.5px; /*-180px;*/
}

.container_16 .pull_4 {
	left: -186px; /*-240px;*/
}

.container_16 .pull_5 {
	left: -232.5px; /*-300px;*/
}

.container_16 .pull_6 {
	left: -279px; /*-360px;*/
}

.container_16 .pull_7 {
	left: -325.5px; /*-420px;*/
}

.container_16 .pull_8 {
	left: -372px; /*-480px;*/
}

.container_16 .pull_9 {
	left: -418.5px; /*-540px;*/
}

.container_16 .pull_10 {
	left: -465px; /*-600px;*/
}

.container_16 .pull_11 {
	left: -511.5px; /*-660px;*/
}

.container_16 .pull_12 {
	left: -558px; /*-720px;*/
}

.container_16 .pull_13 {
	left: -604.5px; /*-780px;*/
}

.container_16 .pull_14 {
	left: -651px; /*-840px;*/
}

.container_16 .pull_15 {
	left: -700px; /*-900px;*/
}

/* `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/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}