.container {
	margin: 0px auto; width: 720px; position: relative;
}
.container .column {
	margin-right: 10px; margin-bottom: 30px; margin-left: 10px; float: left; display: inline; position: relative;
}
.container .columns {
	margin-right: 10px; margin-bottom: 30px; margin-left: 10px; float: left; display: inline; position: relative;
}
.alpha.column {
	margin-left: 0px;
}
.alpha.columns {
	margin-left: 0px;
}
.omega.column {
	margin-right: 0px;
}
.omega.columns {
	margin-right: 0px;
}
.container .column.one {
	width: 40px;
}
.container .columns.one {
	width: 40px;
}
.container .columns.two {
	width: 100px;
}
.container .columns.three {
	width: 160px;
}
.container .columns.four {
	width: 220px;
}
.container .columns.five {
	width: 280px;
}
.container .columns.six {
	width: 340px;
}
.container .columns.seven {
	width: 400px;
}
.container .columns.eight {
	width: 460px;
}
.container .columns.nine {
	width: 520px;
}
.container .columns.ten {
	width: 580px;
}
.container .columns.eleven {
	width: 640px;
}
.container .columns.twelve {
	width: 700px;
}
.container .offset-by-one {
	padding-left: 60px;
}
.container .offset-by-two {
	padding-left: 120px;
}
.container .offset-by-three {
	padding-left: 180px;
}
.container .offset-by-four {
	padding-left: 240px;
}
.container .offset-by-five {
	padding-left: 300px;
}
.container .offset-by-six {
	padding-left: 360px;
}
.container .offset-by-seven {
	padding-left: 420px;
}
.container .offset-by-eight {
	padding-left: 480px;
}
.container .offset-by-nine {
	padding-left: 540px;
}
.container .offset-by-ten {
	padding-left: 600px;
}
.container .offset-by-eleven {
	padding-left: 660px;
}
@media only screen and (max-width:800px) and (min-width:768px)
{
.wrapper {
	padding: 20px 5px; width: 740px;
}
.header {
	padding: 0px 20px; width: 690px;
}
.footer {
	width: 730px;
}
}
@media only screen and (max-width:767px)
{
.container {
	width: 260px;
}
.container .columns {
	margin: 0px 0px 20px;
}
.container .column {
	margin: 0px 0px 20px;
}
.container .column.one {
	width: 260px;
}
.container .columns.one {
	width: 260px;
}
.container .columns.two {
	width: 260px;
}
.container .columns.three {
	width: 260px;
}
.container .columns.four {
	width: 260px;
}
.container .columns.five {
	width: 260px;
}
.container .columns.six {
	width: 260px;
}
.container .columns.seven {
	width: 260px;
}
.container .columns.eight {
	width: 260px;
}
.container .columns.nine {
	width: 260px;
}
.container .columns.ten {
	width: 260px;
}
.container .columns.eleven {
	width: 260px;
}
.container .columns.twelve {
	width: 260px;
}
.container .offset-by-one {
	padding-left: 0px;
}
.container .offset-by-two {
	padding-left: 0px;
}
.container .offset-by-three {
	padding-left: 0px;
}
.container .offset-by-four {
	padding-left: 0px;
}
.container .offset-by-five {
	padding-left: 0px;
}
.container .offset-by-six {
	padding-left: 0px;
}
.container .offset-by-seven {
	padding-left: 0px;
}
.container .offset-by-eight {
	padding-left: 0px;
}
.container .offset-by-nine {
	padding-left: 0px;
}
.container .offset-by-ten {
	padding-left: 0px;
}
.container .offset-by-eleven {
	padding-left: 0px;
}
.wrapper {
	padding: 20px 0px 0px; width: 300px;
}
.header {
	padding: 0px 20px; width: 260px;
}
.footer {
	width: 300px;
}
}
@media only screen and (max-width:767px) and (min-width:480px)
{
.container {
	width: 420px;
}
.container .columns {
	margin: 0px 0px 20px;
}
.container .column {
	margin: 0px 0px 20px;
}
.container .column.one {
	width: 420px;
}
.container .columns.one {
	width: 420px;
}
.container .columns.two {
	width: 420px;
}
.container .columns.three {
	width: 420px;
}
.container .columns.four {
	width: 420px;
}
.container .columns.five {
	width: 420px;
}
.container .columns.six {
	width: 420px;
}
.container .columns.seven {
	width: 420px;
}
.container .columns.eight {
	width: 420px;
}
.container .columns.nine {
	width: 420px;
}
.container .columns.ten {
	width: 420px;
}
.container .columns.eleven {
	width: 420px;
}
.container .columns.twelve {
	width: 420px;
}
.wrapper {
	padding: 30px 0px 0px; width: 460px;
}
.header {
	padding: 0px 20px; width: 420px;
}
.footer {
	width: 460px;
}
}
.container::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.clearfix::before {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.clearfix::after {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.row::before {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.row::after {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.row::after {
	clear: both;
}
.clearfix::after {
	clear: both;
}
.row {
	-ms-zoom: 1;
}
.clearfix {
	-ms-zoom: 1;
}
.clear {
	width: 0px; height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;
}
