body {
	margin: 0;
	padding: 0;
	font-size: 16pt;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #fff;
	font-family: "Open Sans";
	overflow: hidden;
	min-width: 768px;
}

footer {
	height: 3em;
	background-color: #3D375B;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

	footer .logo {
		position: absolute;
		left: 1em;
		bottom: 0;
		width: 239px;
		height: 93px;
		background-image: url('../Assets/logo.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	footer nav ul {
		padding: 0;
		margin: 0;
		display: block;
		height: 3em;
		text-align: right;
		overflow: hidden;
	}

		footer nav ul li {
			display: inline-block;
			height: 100%;
			text-align: right;
			height: 3em;
		}

			footer nav ul li a {
				font-size: 0.8em;
				line-height: 3.75em;
				display: inline-block;
				color: #ffffff;
				padding: 0 1.6em;
				cursor: pointer;
				text-transform: uppercase;
			}

				footer nav ul li a.active {
					background-color: #1e183f;
				}


section#content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 3em;
	z-index: 0;
	overflow: hidden;
}

	section#content > div {
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

#viewFrame {
	z-index: 0;
}

#animationFrame {
	z-index: 1;
	display: none;
}

section#content .leftHalf {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

section#content .rightHalf {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	/*background: -moz-linear-gradient(top, #f5f2ef 0%, #e4dbd2 100%); /* FF3.6+ !1!
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f2ef), color-stop(100%,#e4dbd2)); /* Chrome,Safari4+ !1!
	background: -webkit-linear-gradient(top, #f5f2ef 0%,#e4dbd2 100%); /* Chrome10+,Safari5.1+ !1!
	background: -o-linear-gradient(top, #f5f2ef 0%,#e4dbd2 100%); /* Opera 11.10+ !1!
	background: -ms-linear-gradient(top, #f5f2ef 0%,#e4dbd2 100%); /* IE10+ !1!
	background: linear-gradient(to bottom, #f5f2ef 0%,#e4dbd2 100%); /* W3C !1!
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2ef', endColorstr='#e4dbd2',GradientType=0 ); /* IE6-9 !1!*/
}

section#content video {
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
}

section#content .leftHalf video, section#content .rightHalf video {
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -30%;
	position: absolute;
	width: 100%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	section#content video {
		width: auto !important;
		height: 100% !important;
	}
}


section#content .navigation {
	display: none;
	top: 50%;
	margin-top: -2em;
	width: 4em;
	height: 4em;
	z-index: 3;
}

	section#content .navigation.leftNavigation {
		left: 0;
		right: auto;
		background-image: url('../Assets/left.png');
	}

	section#content .navigation.rightNavigation {
		left: auto;
		right: 0;
		background-image: url('../Assets/right.png');
	}

.quarter {
	background-color: white !important;
	position: absolute;
	overflow: hidden;
}

	.quarter:nth-child(1) {
		top: 0;
		left: 0;
		right: 50%;
		bottom: 50%;
	}

	.quarter:nth-child(2) {
		top: 0;
		left: 50%;
		right: 0%;
		bottom: 50%;
	}

	.quarter:nth-child(3) {
		top: 50%;
		left: 0;
		right: 50%;
		bottom: 0%;
	}

	.quarter:nth-child(4) {
		top: 50%;
		left: 50%;
		right: 0%;
		bottom: 0%;
	}

	.quarter video {
		/*width: 100%;*/
		position: absolute;
		cursor: pointer;
	}

.quarter div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	-ms-background-size: cover;
	background-size: cover;
	cursor: pointer;
}