* {
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Trebuchet MS, Arial;
	}

body {
	background:#fff;
	background-image:url(../assets/background.png);
	min-width:240px;
	overflow:hidden;
}

.header {
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:2.5em;
	background:#eee;
	background-image:url(../assets/background.png);
	border-top:1px solid #ddd;
	box-shadow:0px -3px 8px 0px #777;
	-moz-box-shadow:0px -3px 8px 0px #777;
	-webkit-box-shadow:0px -3px 8px 0px #777;
	z-index: 1;
}

.main div.logo-wrapper {
	display:inline-block;
	sopacity:0;
	position:absolute;
	top:7em;
	height:267px;
	text-align: center;
	width:100%;
}

.main div.logo-wrapper svg.logo {
	position:absolute;
	display:block;
	transform:matrix(1.25, 0, 0, 1.25, 0, 0);
	left:0;
	width:100%;
}

.main div.logo-wrapper svg.logo path.l-bites {
	fill:url(../assets/background.png);
	opacity:1;
}

.main div.logo-wrapper svg.logo-lines {
	opacity:1;
}

.main div.logo-whites-in svg.logo-whites {
    -webkit-animation: rotation 12s infinite ease;
    -moz-animation: rotation 12s infinite ease;
    -o-animation: rotation 12s infinite ease;
	animation: rotation 2s infinite ease-out;
	transform-origin: center center 0;
}

/*
@-webkit-keyframes rotation {
    from {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: 20% 40%;
	}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}*/
/*
@keyframes rotation {
    from {
		transform: matrix(0.75, 0, 0, 0.75, 0, 0) rotate(0deg);
	}
    to   {
		transform: matrix(0.75, 0, 0, 0.75, 0, 0) rotate(359deg);
	}
}
*/

.footer {
	display:block;
	position:absolute;
	bottom:2.5em;
	width:100%;
	height:7em;
	background:#eee;
	background-image:url(../assets/background.png);
	border-top:1px solid #ddd;
	box-shadow:inset 0px 3px 7px -8px #999;
	-moz-box-shadow:inset 0px 3px 7px -8px #999;
	-webkit-box-shadow:inset 0px 3px 7px -8px #999;
}

.footer2 {
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:2.5em;
	background:#444;
	background-image:url(../assets/background.png);
	border-top:1px solid #ddd;
	box-shadow:inset 0px 3px 7px -8px #000;
	-moz-box-shadow:inset 0px 3px 7px -8px #000;
	-webkit-box-shadow:inset 0px 3px 7px -8px #000;
}