body
{
	margin: 0 auto;
	width: 940px;
}

.row
{
	margin-left: -20px;
	*zoom: 1;
}

	.row:before, .row:after
	{
		display: table;
		content: "";
	}

	.row:after
	{
		clear: both;
	}

[class*="span"]
{
	float: left;
	margin-left: 20px;
}

.span12
{
	width: 940px;
}

.span11
{
	width: 860px;
}

.span10
{
	width: 780px;
}

.span9
{
	width: 700px;
}

.span8
{
	width: 620px;
	margin-top: 20px;
}

.span7
{
	width: 540px;
}

.span6
{
	width: 460px;
}

.span5
{
	width: 380px;
}

.span4
{
	width: 300px;
}

.span3
{
	width: 220px;
}

.span2
{
	width: 140px;
}

.span1
{
	width: 60px;
}

.offset12
{
	margin-left: 980px;
}

.offset11
{
	margin-left: 900px;
}

.offset10
{
	margin-left: 820px;
}

.offset9
{
	margin-left: 740px;
}

.offset8
{
	margin-left: 660px;
}

.offset7
{
	margin-left: 580px;
}

.offset6
{
	margin-left: 500px;
}

.offset5
{
	margin-left: 420px;
}

.offset4
{
	margin-left: 340px;
}

.offset3
{
	margin-left: 260px;
}

.offset2
{
	margin-left: 180px;
}

.offset1
{
	margin-left: 100px;
}

@media (max-width: 767px)
{
	body
	{
		width: auto;
	}

	.row
	{
		margin-left: 0;
	}

	[class*="span"]
	{
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 979px)
{
	body
	{
		width: 724px;
	}

	.row
	{
		margin-left: -20px;
		*zoom: 1;
	}

		.row:before, .row:after
		{
			display: table;
			content: "";
		}

		.row:after
		{
			clear: both;
		}

	[class*="span"]
	{
		float: left;
		margin-left: 20px;
	}

	.span12
	{
		width: 724px;
	}

	.span11
	{
		width: 662px;
	}

	.span10
	{
		width: 600px;
	}

	.span9
	{
		width: 538px;
	}

	.span8
	{
		width: 476px;
	}

	.span7
	{
		width: 414px;
	}

	.span6
	{
		width: 352px;
	}

	.span5
	{
		width: 290px;
	}

	.span4
	{
		width: 228px;
	}

	.span3
	{
		width: 166px;
	}

	.span2
	{
		width: 104px;
	}

	.span1
	{
		width: 42px;
	}

	.offset12
	{
		margin-left: 764px;
	}

	.offset11
	{
		margin-left: 702px;
	}

	.offset10
	{
		margin-left: 640px;
	}

	.offset9
	{
		margin-left: 578px;
	}

	.offset8
	{
		margin-left: 516px;
	}

	.offset7
	{
		margin-left: 454px;
	}

	.offset6
	{
		margin-left: 392px;
	}

	.offset5
	{
		margin-left: 330px;
	}

	.offset4
	{
		margin-left: 268px;
	}

	.offset3
	{
		margin-left: 206px;
	}

	.offset2
	{
		margin-left: 144px;
	}

	.offset1
	{
		margin-left: 82px;
	}
}

@media (min-width: 1200px)
{
	body
	{
		width: 1170px;
	}

	.row
	{
		margin-left: -30px;
		*zoom: 1;
	}

		.row:before, .row:after
		{
			display: table;
			content: "";
		}

		.row:after
		{
			clear: both;
		}

	[class*="span"]
	{
		float: left;
		margin-left: 30px;
	}

	.span12
	{
		width: 1170px;
	}

	.span11
	{
		width: 1070px;
	}

	.span10
	{
		width: 970px;
	}

	.span9
	{
		width: 870px;
	}

	.span8
	{
		width: 770px;
	}

	.span7
	{
		width: 670px;
	}

	.span6
	{
		width: 570px;
	}

	.span5
	{
		width: 470px;
	}

	.span4
	{
		width: 370px;
	}

	.span3
	{
		width: 270px;
	}

	.span2
	{
		width: 170px;
	}

	.span1
	{
		width: 70px;
	}

	.offset12
	{
		margin-left: 1230px;
	}

	.offset11
	{
		margin-left: 1130px;
	}

	.offset10
	{
		margin-left: 1030px;
	}

	.offset9
	{
		margin-left: 930px;
	}

	.offset8
	{
		margin-left: 830px;
	}

	.offset7
	{
		margin-left: 730px;
	}

	.offset6
	{
		margin-left: 630px;
	}

	.offset5
	{
		margin-left: 530px;
	}

	.offset4
	{
		margin-left: 430px;
	}

	.offset3
	{
		margin-left: 330px;
	}

	.offset2
	{
		margin-left: 230px;
	}

	.offset1
	{
		margin-left: 130px;
	}
}