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

	Licensed under GPL and MIT.
	Updated: 2008-04-09
	ROW 490-572: Added 2,3,4 and 5 custom column Grids
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.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;
	margin-bottom: 10px;
}


/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.grid-1		{ width: 40px; }
.grid-2		{ width: 100px; }
.grid-3		{ width: 160px; }
.grid-4		{ width: 220px; }
.grid-5		{ width: 280px; }
.grid-6		{ width: 340px; }
.grid-7		{ width: 400px; }
.grid-8		{ width: 460px; }
.grid-9		{ width: 520px; }
.grid-10	{ width: 580px; }
.grid-11	{ width: 640px; }
.grid-12	{ width: 700px; }
.grid-13	{ width: 760px; }
.grid-14	{ width: 820px; }
.grid-15	{ width: 880px; }
.grid-16	{ width: 940px; }

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.prefix-1	{ padding-left: 60px; }
.prefix-2	{ padding-left: 120px; }
.prefix-3	{ padding-left: 180px; }
.prefix-4	{ padding-left: 240px; }
.prefix-5	{ padding-left: 300px; }
.prefix-6	{ padding-left: 360px; }
.prefix-7	{ padding-left: 420px; }
.prefix-8	{ padding-left: 480px; }
.prefix-9	{ padding-left: 540px; }
.prefix-10	{ padding-left: 600px; }
.prefix-11	{ padding-left: 660px; }
.prefix-12	{ padding-left: 720px; }
.prefix-13	{ padding-left: 780px; }
.prefix-14	{ padding-left: 840px; }
.prefix-15	{ padding-left: 900px; }


h1,h2,p,ul
{
	margin-bottom: 18px;
}

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

/* Clear Floated Elements
http://sonspring.com/journal/clearing-floats
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	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: -moz-inline-stack;
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}