html
	{
		width						: 100%;
		height						: 100%;
	}
	
	body
	{
		margin						: 0px auto 0px auto;
		padding						: 0px;
		width						: 100%;
		min-width					: 320px;
		font-family					: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif-light;
		font-size					: 14px;
		line-height					: 18px;
	}
	
	body.lock
	{
		overflow					: hidden;
		height						: 100%;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		margin						: 0px;
		padding						: 0px;
		font-size					: inherit;
		font-weight					: inherit;
		line-height					: inherit;
	}
	
	a
	{
		color						: inherit;
		text-decoration				: none;
	}
	
	.visible
	{
	
	}
	
	img
	{
		border						: 0px;
	}
	
	.hidden
	{
		height						: 0px;
		margin						: 0px;
		padding						: 0px;
		overflow					: hidden;
		visibility					: hidden;
	}
	
	section	ul,		nav	ul,
	section	li		nav	li
	{
		list-style-type				: none;
		margin						: 0px;
		padding						: 0px;
	}
	
	.tb
	{
		display						: table;
		border						: 0px;
		border-spacing				: 0px;
		border-collapse				: collapse;
	}
	.tr
	{
		display						: table-row;
	}
	.tc
	{
		display						: table-cell;
		vertical-align				: top;
	}
	
	.image_ratio_1vs1,
	.image_ratio_4vs3,
	.image_ratio_5vs3,
	.image_ratio_full
	{
		background-size				: cover;
		background-position			: center top;
		filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright30'><feComponentTransfer><feFuncR type='linear' slope='0.30'/><feFuncG type='linear' slope='0.30' /><feFuncB type='linear' slope='0.30' /></feComponentTransfer></filter></svg>#bright30");
		filter: brightness(0.8);
		-webkit-filter: brightness(0.8);
		-moz-filter: brightness(0.8);
		-o-filter: brightness(0.8);
		-ms-filter: brightness(0.8);
	}
	.image_ratio_1vs1	.padding
	{
		padding-top					: 100%
	}
	.image_ratio_4vs3	.padding
	{
		padding-top					: 75%
	}
	.image_ratio_5vs3	.padding
	{
		padding-top					: 60%
	}
	
	.clear
	{
		clear						: both;
	}