/* LAYOUT FRAMEWORK
-------------------------------------------------- */

/* @group 1200 */

.page {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		padding: 0;
}

.column {
		float: left;
		display: inline;
		margin-left: 12px;
		margin-right: 12px;
}
	
.column.alpha {
		margin-left: 0;
}

.column.omega {
		margin-right: 0;
}

.row {
		margin-bottom: 20px;
}

.guide-third {
		background: transparent url(/assets/img/1200-3.png);
}

.guide-fifth {
		background: transparent url(/assets/img/1200-5.png);
}

.guide-sixteen {
		background: transparent url(/assets/img/1200-16.png);
}

.page .all.column			{ width: 1176px; }

.page .one-third.column		{ width: 376px; }
.page .two-third.column		{ width: 776px; }

.page .one-fifth.column		{ width: 216px; }
.page .two-fifth.column		{ width: 456px; }
.page .three-fifth.column	{ width: 696px; }
.page .four-fifth.column	{ width: 936px; }

.page .one.column 			{ width: 51px; }
.page .two.column 			{ width: 126px; }
.page .three.column			{ width: 201px; }
.page .four.column			{ width: 276px; }
.page .five.column			{ width: 351px; }
.page .six.column			{ width: 426px; }
.page .seven.column			{ width: 501px; }	
.page .eight.column			{ width: 576px; }
.page .nine.column			{ width: 651px; }
.page .ten.column			{ width: 726px; }	
.page .eleven.column		{ width: 801px; }	
.page .twelve.column		{ width: 876px; }
.page .thirteen.column		{ width: 951px; }	
.page .fourteen.column		{ width: 1026px; }	
.page .fifteen.column		{ width: 1101px; }
.page .sixteen.column		{ width: 1176px; }

.page .offset-one-third		{ padding-left: 400px; }
.page .offset-two-third		{ padding-left: 800px; }

.page .offset-one-fifth		{ padding-left: 240px; }
.page .offset-two-fifth		{ padding-left: 480px; }
.page .offset-three-fifth	{ padding-left: 720px; }
.page .offset-four-fifth	{ padding-left: 960px; }

.page .offset-one			{ padding-left: 75px;  }
.page .offset-two			{ padding-left: 150px; }
.page .offset-three			{ padding-left: 225px; }
.page .offset-four			{ padding-left: 300px; }
.page .offset-five			{ padding-left: 375px; }
.page .offset-six			{ padding-left: 450px; }
.page .offset-seven			{ padding-left: 525px; }
.page .offset-eight			{ padding-left: 600px; }
.page .offset-nine			{ padding-left: 675px; }
.page .offset-ten			{ padding-left: 750px; }
.page .offset-eleven		{ padding-left: 825px; }
.page .offset-twelve		{ padding-left: 900px; }
.page .offset-thirteen		{ padding-left: 975px; }
.page .offset-fourteen		{ padding-left: 1050px; }
.page .offset-fifteen		{ padding-left: 1125px; }

/* @end */

/* @group 960 */

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.page {
		width: 960px;
}

.guide-third {
		background: transparent url(/assets/img/960-3.png);
}

.guide-fifth {
		background: transparent url(/assets/img/960-5.png);
}

.guide-sixteen {
		background: transparent url(/assets/img/960-16.png);
}

.page .all.column			{ width: 936px; }

.page .one-third.column		{ width: 296px; }
.page .two-third.column		{ width: 616px; }

.page .one-fifth.column		{ width: 168px; }
.page .two-fifth.column		{ width: 360px; }
.page .three-fifth.column	{ width: 552px; }
.page .four-fifth.column	{ width: 744px; }

.page .one.column 			{ width: 36px; }
.page .two.column 			{ width: 96px; }
.page .three.column			{ width: 156px; }
.page .four.column			{ width: 216px; }
.page .five.column			{ width: 276px; }
.page .six.column			{ width: 336px; }
.page .seven.column			{ width: 396px; }	
.page .eight.column			{ width: 456px; }
.page .nine.column			{ width: 516px; }
.page .ten.column			{ width: 576px; }	
.page .eleven.column		{ width: 636px; }	
.page .twelve.column		{ width: 696px; }
.page .thirteen.column		{ width: 756px; }	
.page .fourteen.column		{ width: 816px; }	
.page .fifteen.column		{ width: 876px; }
.page .sixteen.column		{ width: 936px; }

.page .offset-one-third		{ padding-left: 320px; }
.page .offset-two-third		{ padding-left: 640px; }

.page .offset-one-fifth		{ padding-left: 192px; }
.page .offset-two-fifth		{ padding-left: 384px; }
.page .offset-three-fifth	{ padding-left: 576px; }
.page .offset-four-fifth	{ padding-left: 768px; }

.page .offset-one			{ padding-left: 60px;  }
.page .offset-two			{ padding-left: 120px; }
.page .offset-three			{ padding-left: 180px; }
.page .offset-four			{ padding-left: 240px; }
.page .offset-five			{ padding-left: 300px; }
.page .offset-six			{ padding-left: 360px; }
.page .offset-seven			{ padding-left: 420px; }
.page .offset-eight			{ padding-left: 480px; }
.page .offset-nine			{ padding-left: 540px; }
.page .offset-ten			{ padding-left: 600px; }
.page .offset-eleven		{ padding-left: 660px; }
.page .offset-twelve		{ padding-left: 720px; }
.page .offset-thirteen		{ padding-left: 780px; }
.page .offset-fourteen		{ padding-left: 840px; }
.page .offset-fifteen		{ padding-left: 900px; }

}

/* @end */

/* @group 720 */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.page {
		width: 720px;
}

.guide-third {
		background: transparent url(/assets/img/720-3.png);
}

.guide-fifth {
		background: transparent url(/assets/img/720-5.png);
}

.guide-sixteen {
		background: transparent url(/assets/img/720-16.png);
}

.page .all.column			{ width: 696px; }

.page .one-third.column		{ width: 216px; }
.page .two-third.column		{ width: 456px; }

.page .one-fifth.column		{ width: 120px; }
.page .two-fifth.column		{ width: 264px; }
.page .three-fifth.column	{ width: 408px; }
.page .four-fifth.column	{ width: 552px; }

.page .one.column			{ width: 21px; }
.page .two.column			{ width: 66px; }
.page .three.column			{ width: 111px; }
.page .four.column			{ width: 156px; }
.page .five.column			{ width: 201px; }
.page .six.column			{ width: 246px; }
.page .seven.column			{ width: 291px; }	
.page .eight.column			{ width: 336px; }
.page .nine.column			{ width: 381px; }
.page .ten.column			{ width: 426px; }	
.page .eleven.column		{ width: 471px; }	
.page .twelve.column		{ width: 516px; }
.page .thirteen.column		{ width: 561px; }	
.page .fourteen.column		{ width: 606px; }	
.page .fifteen.column		{ width: 651px; }
.page .sixteen.column		{ width: 696px; }

.page .offset-one-third		{ padding-left: 240px; }
.page .offset-two-third		{ padding-left: 480px; }

.page .offset-one-fifth		{ padding-left: 144px; }
.page .offset-two-fifth		{ padding-left: 288px; }
.page .offset-three-fifth	{ padding-left: 432px; }
.page .offset-four-fifth	{ padding-left: 576px; }

.page .offset-one			{ padding-left: 45px; }
.page .offset-two			{ padding-left: 90px; }
.page .offset-three			{ padding-left: 135px; }
.page .offset-four			{ padding-left: 180px; }
.page .offset-five			{ padding-left: 225px; }
.page .offset-six			{ padding-left: 270px; }
.page .offset-seven			{ padding-left: 315px; }
.page .offset-eight			{ padding-left: 360px; }
.page .offset-nine			{ padding-left: 405px; }
.page .offset-ten			{ padding-left: 450px; }
.page .offset-eleven		{ padding-left: 495px; }
.page .offset-twelve		{ padding-left: 540px; }
.page .offset-thirteen		{ padding-left: 585px; }
.page .offset-fourteen		{ padding-left: 630px; }
.page .offset-fifteen		{ padding-left: 675px; }

}

/* @end */

/* @group 320 */

@media only screen and (max-width: 767px) {

.page {
		width: 320px;
}

.page .column {
		margin-left: 6px;
		margin-right: 6px;
}

.guide-third {
		background: transparent url(/assets/img/320-3.png);
}

.guide-fifth {
		background: transparent url(/assets/img/320-5.png);
}

.guide-sixteen {
		background: transparent url(/assets/img/320-16.png);
}

.page .all.column			{ width: 308px; }

.page .one-third.column		{ width: 308px; }
.page .two-third.column		{ width: 308px; }

.page .one-fifth.column		{ width: 308px; }
.page .two-fifth.column		{ width: 308px; }
.page .three-fifth.column	{ width: 308px; }
.page .four-fifth.column	{ width: 308px; }

.page .one.column,
.page .two.column,
.page .three.column,
.page .four.column,
.page .five.column,
.page .six.column,
.page .seven.column,
.page .eight.column,
.page .nine.column,
.page .ten.column,
.page .eleven.column,
.page .twelve.column,
.page .thirteen.column,
.page .fourteen.column,
.page .fifteen.column,
.page .sixteen.column, 
.page .one-third.column, 
.page .two-third.column {
		width: 308px;
}

.page .offset-one-third		{ padding-left: 0px; }
.page .offset-two-third		{ padding-left: 0px; }

.page .offset-one-fifth		{ padding-left: 0px; }
.page .offset-two-fifth		{ padding-left: 0px; }
.page .offset-three-fifth	{ padding-left: 0px; }
.page .offset-four-fifth	{ padding-left: 0px; }

.page .offset-one			{ padding-left: 0px; }
.page .offset-two			{ padding-left: 0px; }
.page .offset-three			{ padding-left: 0px; }
.page .offset-four			{ padding-left: 0px; }
.page .offset-five			{ padding-left: 0px; }
.page .offset-six			{ padding-left: 0px; }
.page .offset-seven			{ padding-left: 0px; }
.page .offset-eight			{ padding-left: 0px; }
.page .offset-nine			{ padding-left: 0px; }
.page .offset-ten			{ padding-left: 0px; }
.page .offset-eleven		{ padding-left: 0px; }
.page .offset-twelve		{ padding-left: 0px; }
.page .offset-thirteen		{ padding-left: 0px; }
.page .offset-fourteen		{ padding-left: 0px; }
.page .offset-fifteen		{ padding-left: 0px; }

}

/* @end */

/* @group 480 */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.page {
		width: 480px;
}

.page .column {
		margin-left: 6px;
		margin-right: 6px;
}

.guide-third {
		background: transparent url(/assets/img/480-3.png);
}

.guide-fifth {
		background: transparent url(/assets/img/480-5.png);
}

.guide-sixteen {
		background: transparent url(/assets/img/480-16.png);
}

.page .all.column			{ width: 468px; }

.page .one-third.column		{ width: 148px; }
.page .two-third.column		{ width: 308px; }

.page .one-fifth.column		{ width: 84px; }
.page .two-fifth.column		{ width: 180px; }
.page .three-fifth.column	{ width: 276px; }
.page .four-fifth.column	{ width: 372px; }

.page .one.column,
.page .two.column,
.page .three.column,
.page .four.column,
.page .five.column,
.page .six.column,
.page .seven.column,
.page .eight.column,
.page .nine.column,
.page .ten.column,
.page .eleven.column,
.page .twelve.column,
.page .thirteen.column,
.page .fourteen.column,
.page .fifteen.column,
.page .sixteen.column, 
.page .one-third.column, 
.page .two-third.column {
		width: 468px;
}

.page .offset-one-third		{ padding-left: 0px; }
.page .offset-two-third		{ padding-left: 0px; }

.page .offset-one-fifth		{ padding-left: 0px; }
.page .offset-two-fifth		{ padding-left: 0px; }
.page .offset-three-fifth	{ padding-left: 0px; }
.page .offset-four-fifth	{ padding-left: 0px; }

.page .offset-one			{ padding-left: 0px; }
.page .offset-two			{ padding-left: 0px; }
.page .offset-three			{ padding-left: 0px; }
.page .offset-four			{ padding-left: 0px; }
.page .offset-five			{ padding-left: 0px; }
.page .offset-six			{ padding-left: 0px; }
.page .offset-seven			{ padding-left: 0px; }
.page .offset-eight			{ padding-left: 0px; }
.page .offset-nine			{ padding-left: 0px; }
.page .offset-ten			{ padding-left: 0px; }
.page .offset-eleven		{ padding-left: 0px; }
.page .offset-twelve		{ padding-left: 0px; }
.page .offset-thirteen		{ padding-left: 0px; }
.page .offset-fourteen		{ padding-left: 0px; }
.page .offset-fifteen		{ padding-left: 0px; }

}

/* @end */

/* @group CLEARING */

.page:after {
		content: "\0020";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
}

.row:after,
.clearfix:after {
		clear: both;
}

.row, 
.clearfix {
		zoom: 1;
}

.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
}

/* @end */