@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Comfortaa);

*	{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

html	{ height: 100%; }
body	{ height: 100%; background: url(../images/bg.jpg) top center repeat; }
a		{ color: #ff3c00; text-decoration: none; }
a:hover	{ color: #666; }

div#wrap		{ min-height: 100%; }
div#main		{ overflow: auto; padding-bottom: 200px; }
/*div#footer	{ position: relative; margin-top: -150px; height: 150px; clear: both; }*/
div#footer		{ position: fixed; bottom: 0; height: 150px; clear: both; width: 100%; }

h1				{ margin-top: -50px; width: 100%; position: absolute; bottom: 0; }
h1 a			{ color: #fff; text-decoration: none; font-weight: bold; display: block; background-color: #2d2d2d; padding: 10px 20px 10px;text-align: right; font-size: 1.5em; }
h1 a span		{ color: #ff3c00; }
h1 a:hover		{ color: #ccc; }
h1 a:hover span	{ color: #666; }

div#navigation			{ width: 100%; position: absolute; bottom: 48px; text-align: left; color: #686868; font-weight: bold; font-size: 1.1em; background: url(../images/footer_spacer.png) bottom repeat-x; padding: 200px 0 20px 0; }
div#navigation a		{ color: #686868; text-decoration: none; padding: 0 20px 0 20px; }
div#navigation a:hover	{ color: #9b9b9b; }

div#more				{ position: absolute; bottom: 70px; right: 20px; z-index: 100; }
div#more a				{ padding: 55px 70px 50px 23px; background: url(../images/circle.png) bottom right no-repeat; font-size: 2.2em; line-height: .9em; color: #fff; text-decoration: none; display: block; }
div#more a:hover		{ text-decoration: none; background: url(../images/circle_over.png) bottom right no-repeat; }

div#code				{ font-family: "Abel", sans-serif; font-size: 3em; color: #686868; text-decoration: none; overflow: hidden; margin: 20px 0 0 50px; }
div#codeHead			{ font-family: "Abel", sans-serif; font-size: 2.5em; color: #d0d0d0; text-decoration: none; overflow: hidden; margin: 0 0 0 30px; }
div#platforms			{ font-family: "Comfortaa", sans-serif; font-size: 3em; color: #686868; text-decoration: none; overflow: hidden; text-align: right; margin: 20px 50px 0 0; }
div#platformsHead		{ font-family: "Comfortaa", sans-serif; font-size: 2.5em; color: #d0d0d0; text-decoration: none; overflow: hidden; text-align: right; margin: 0 30px 0 0; }