main
{
	width: 800px;
	margin: 0 auto;
	position: relative;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, Helvetica, Arial, _sans;
	line-height: 135%;
}

	figure
	{
		width: 570px;
		height: 558px;
		left: -332px;
		top: -5px;
		position: absolute;
	}

		.sprite
		{
			position: absolute;
			width: 100%;
			height: 100%;
			background-image: url(../img/can_0.jpg);
			background-repeat: no-repeat;
		}

		.sprite + .sprite
		{
			background-image: url(../img/can_1.jpg);
		}

		.sprite + .sprite + .sprite
		{
			background-image: url(../img/can_2.jpg);
		}

		.sprite + .sprite + .sprite + .sprite
		{
			background-image: url(../img/can_3.jpg);
		}

		.sprite + .sprite + .sprite + .sprite + .sprite
		{
			background-image: url(../img/can_4.jpg);
		}

		.sprite + .sprite + .sprite + .sprite + .sprite + .sprite
		{
			background-image: url(../img/can_5.jpg);
		}

	@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
		.sprite
		{
			background-image: url(../img/can_0@2x.jpg);
			background-size: 300% 100%;
		}

		.sprite + .sprite
		{
			background-image: url(../img/can_1@2x.jpg);
		}

		.sprite + .sprite + .sprite
		{
			background-image: url(../img/can_2@2x.jpg);
		}

		.sprite + .sprite + .sprite + .sprite
		{
			background-image: url(../img/can_3@2x.jpg);
		}

		.sprite + .sprite + .sprite + .sprite + .sprite
		{
			background-image: url(../img/can_4@2x.jpg);
		}

		.sprite + .sprite + .sprite + .sprite + .sprite + .sprite
		{
			background-image: url(../img/can_5@2x.jpg);
			background-size: 200% 100%;
		}
	}

		.track
		{
			position: absolute;
			left: 389px;
			top: 99px;
			width: 157px;
			height: 443px;
			z-index: 1;
		}

			.thumb
			{
				height: 79px;
				cursor:-webkit-grab !important;
				cursor:-moz-grab !important;
				cursor:grab !important;
			}

			.thumb.grabbing
			{
				cursor:-webkit-grabbing !important;
				cursor:-moz-grabbing !important;
				cursor:grabbing !important;
			}

		.bloop
		{
			background-image: url(../img/bloop.svg);
			width: 106px;
			height: 66px;
			left: 482px;
			top: 79px;
			z-index: 1;
			pointer-events: none;
		}

		.bloop p + p
		{
			text-indent: 0;
			width: 73px;
			position: absolute;
			top: 26px;
			padding: 0 14px;
			text-align: center;
			font-size: 11px;
		}

	h1, article.about a, article.about, .bloop
	{
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		text-indent: -9999px;
	}

	a
	{
		text-decoration: underline;
	}

	sup
	{
		font-size: 50%;
		position: relative;
		top: -6px;
	}

	h1
	{
		left: 291px;
		top: 50px;
		background-image: url(../img/chip_lift.svg);
		width: 340px;
		height: 86px;
	}

	nav
	{
		z-index: 2;
		position: relative;
	}

		nav a
		{
			display: block;
			position: absolute;
		}

			.yellow
			{
				opacity: 0;
				visibility: hidden;
				-webkit-transition:0.2s;
				transition:0.2s;
			}

		a.why
		{
			left: 302px;
			top: 144px;
			width: 43px;
			height: 16px;
		}

			.why a.why .yellow
			{
				opacity: 1;
				visibility: visible;
			}

		a.about
		{
			left: 375px;
			top: 136px;
			width: 58px;
			height: 22px;
		}

			.about a.about .yellow
			{
				opacity: 1;
				visibility: visible;
			}

		a.contact
		{
			left: 464px;
			top: 131px;
			width: 80px;
			height: 19px;
		}

			.contact a.contact .yellow
			{
				opacity: 1;
				visibility: visible;
			}

	article
	{
		position: absolute;
		left: 286px;
		top: 183px;
		width: 450px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition:0.2s;
		transition:0.2s;
	}

		p
		{
			font-size: 15px;
			color: #000;
			margin-bottom: 15px;
		}

		p + p
		{
			font-size: 8px;
			line-height: 100%;
			margin-bottom: 5px;
		}

	.why article.why
	{
		opacity: 1;
		visibility: visible;
	}

	article.about
	{
		left: 117px;
		top: 42px;
		width: 550px;
		height: 459px;
		background-image: url(../img/about_content.svg);
	}

	.about article.about
	{
		opacity: 1;
		visibility: visible;
	}

		article.about a
		{
			left: 494px;
			top: 418px;
			width: 126px;
			height: 63px;
			background-image: url(../img/download.svg);
		}

	.contact article.contact
	{
		opacity: 1;
		visibility: visible;
	}