@font-face
{
    font-family:'FuturaStdExtraBold';
    src:url('../fonts/futurastd-extrabold-webfont.eot');
    src:url('../fonts/futurastd-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futurastd-extrabold-webfont.woff') format('woff'),
        url('../fonts/futurastd-extrabold-webfont.ttf') format('truetype'),
        url('../fonts/futurastd-extrabold-webfont.svg#FuturaStdExtraBold') format('svg');
    font-weight:normal;
    font-style:normal;
}

html
{
	height: 100%;
	overflow: hidden;
}

	body
	{
		background: #000;
		color: #333;
		height: 100%;
		margin: 0;
		overflow: hidden;
		position: relative;
	}

	iframe
	{
		border: 0;
		left: 30px;
		opacity: 0;
		overflow: auto;
		position: absolute;
		top: 30px;
	}

		section
		{
			background-color: #DDD;
			border: solid 1px #999;
			position: absolute;
		}

			h1 + a
			{
				display: block;
				height: 100%;
				position: absolute;
				width: 30px;
			}

			.aboutButton
			{
				color: #FFF;
				font-family: 'FuturaStdExtraBold', Helvetica, Arial, sans-serif;
				font-size: 25px;
				font-weight: normal;
				position: absolute;
				right: 4px;
				text-decoration: none;
				top: 4px;
				text-transform: uppercase;
			}

			h1, .h1Open
			{
				text-transform: uppercase;
				font-family: 'FuturaStdExtraBold', Helvetica, Arial, sans-serif;
				font-size: 25px;
				font-weight: normal;
				margin: 0;
				padding: 0;
				position: absolute;
			}

			.h1Open
			{
				color: #444;
				-webkit-transform: translate(3, 4);
				-moz-transform: translate(3, 4);
				-ms-transform: translate(3, 4);
				transform: translate(3, 4);
			}

			h1
			{
				color: #FFF;
			}

			.hooverTitle
			{
				letter-spacing: 20px;
			}

			h1, .h1Open, .unhooverTitle
			{
				letter-spacing: -2px;
			}