html{
	background-image:url(../art/background.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	background-position: center top;
	}

.wrap {
	width: 100%;
	min-width: 900px;
	margin: 0 auto;
}

section {
	width: 100%;
	min-width: 900px;
	min-height:500px;
	margin: 0 auto;
	padding: 2em 0 20px 0;
	z-index:0;
}

article {
	width: 900px;
	margin: 0 auto;
	min-height: 50px;
	padding:30px 0;
	z-index:0;
	}
	
#unityPlayer{
	display:block;
	width: 900px;
	height: 506px;
	margin: auto;
	margin-top:2em;
	background-image: url(../art/titlescreen.jpg);
	background-repeat:no-repeat;
}

div.startgame{
	padding-top:150px;
	padding-left:150px;
	}
	
h2.startgame{
	animation: logo 4.2s;
	animation-iteration-count: infinite;
	}
	
a.startgame, a.download{
	color:#e5f8ff;
	text-align:center;   
	background-color:rgba(119, 218, 255, 0.1);
	border-radius:3px;
	display:block;
	box-shadow: 0px 0px 2px #637176;
	width:8em;
	height:3em;
	transition: background-color 0.5s, text-shadow 0.5s, color 0.5s, box-shadow 1s;
	text-decoration:none;
	padding-top:.8em;
	position:relative;
	}
a.download{
	margin:auto;
	background-color:rgba(119, 218, 255, 0.2);
	}
div#nounity{
	display:none}

	
div#nounity > p {
	margin-top:.8em;
	width: 300px;
	font-size: .7em;
	}
	
a#startgame{
	display:block}
	
/*Fonts*/

body {
	font-size: 14pt;
	font-family: Calibri, Helvetiva, Arial, Sans-Serif;
	color:#eee;
	text-shadow:0px 0px 2px #8ddfff;
	}

h1	{
	font-family:Megrim, sans serif;
	margin-top:0.5em;
	text-align: center;
	font-size:6em;
	color:#e5f8ff;
        margin-bottom: 1em;
	animation: logo 4.2s;
	animation-iteration-count: infinite;
	text-shadow:0px 0px 5px #d8f4ff,  0 0 10px #9ae4ff;
	/* BS for Chrome */
	-webkit-animation: logo 4.2s;
	-webkit-animation-iteration-count: infinite;
	}
	
	
h2	{
	padding: 0 0 1em 0;
	font-family:Megrim, sans serif;
	font-size:3em;
	color:#baecff;
	text-shadow:0px 0px 2px #d8f4ff,  0 0 5px #9ae4ff;
	}

h3	{
	margin:1em 0 0.5em 0;
	font-size:1.2em;
	color:#baecff;
	text-shadow:0px 0px 1px #d8f4ff,  0 0 3x #9ae4ff;
	}
	
a 	{
	color:#baecff;
	}

ul.credits{
	padding-left:1em;
	}

@keyframes logo
	{
	35% {color:#99e5fe;
		text-shadow:0px 0px 9px #d6f3fe,  0 0 16px #77daff;}
	45% {color:#b3e8fe;
		text-shadow:0px 0px 6px #d8f4ff,  0 0 12px #b8ecff;}
	80% {color:#d4f2fe;
		text-shadow:0px 0px 5px #d8f4ff,  0 0 10px #9ae4ff;}
	}
	

.game{
	height:900px;
	}
		
.about{
	background-image:url(../art/background_about.jpg);
	height:1080px;
	background-repeat:no-repeat;
	background-position:center;
	}
.about > article{
	width:400px;
	transform: translate(70%, 0);
	margin-left:auto;
	margin-right:auto;
	}
.about > article > p{
	padding: 1em 0 1em 3em;
	line-height:1.5em;
	}

ol{padding-left:1em;}

ol > li {
margin-top:0.5em;
}
/*more Chrome BS*/
/@-webkit-keyframes logo
	{
	35% {color:#99e5fe;
		text-shadow:0px 0px 9px #d6f3fe,  0 0 16px #77daff;}
	45% {color:#b3e8fe;
		text-shadow:0px 0px 6px #d8f4ff,  0 0 12px #b8ecff;}
	80% {color:#d4f2fe;
		text-shadow:0px 0px 5px #d8f4ff,  0 0 10px #9ae4ff;}
	}

footer{
	height:975px;
	margin-top:-800px;
	background-image: url(../art/background-bottom.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
	}

footer > p {
	font-size: 0.8em;
	text-align: center;
	position:absolute;
	margin-top:900px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

/*Navigation*/

nav {
	margin-top:2em;
	margin-bottom:2em;
	height: 60px;
	text-align: center;
	background: -webkit-linear-gradient(top, rgba(119, 218, 255,0) 0%,rgba(229,248,255,0.30) 50%,rgba(1119, 218, 255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, rgba(119, 218, 255,0) 0%,rgba(229,248,255,0.30) 50%,rgba(119, 218, 255,0) 100%); /* W3C */
	z-index:10;
	}

nav > ul{
	position:absolute;
	display:block;
	width:36em;
	left: 50%;
	transform: translate(-50%, 0);
	height:60px;
	}

nav > ul > li{
	width:7em;
	position:relative;
	margin:0.1em;
	height:60px;
	vertical-align:middle;
	float:left;
	text-align: center;
	color: #eeffff;
	background-color:rgba(119, 218, 255, 0.1);
	text-shadow:0px 0px 1px #d8f4ff;
	border-radius:3px;
	box-shadow: 0px 0px 2px #3a4144;
	transition: background-color 0.5s, text-shadow 0.5s, color 0.5s, box-shadow 1s;
	}

nav > ul > li > a {
	text-decoration: none;
	padding:1em 0;
	display: block;
	width:100%;
	height:100%;
	}

nav > ul > li:hover{
	background-color:rgba(119, 218, 255, 0.3);
	text-shadow: 0px 0px 3px #e5f8ff;
	color: #e5f8ff;
	box-shadow: 0px 0px 10px #c5efff;
	}

li.hovered{
	background-color:rgba(119, 218, 255, 0.2);
	text-shadow: 0px 0px 3px #e5f8ff;
	color: #e5f8ff;
	}
	
.isStuck{
	z-index:10;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.8);
	width:100%;
	margin-top: 0;
	}
	
/*Sidenavigation*/

div.sidelink-wrapper{
	position:fixed;
	z-index:10;
	top: 50%;
	transform: translate(0, -50%);
}

a.facebook {
	text-decoration:none;
	font-size:4em;
	font-family:Calibri, Sans serif;
	text-shadow:0px 0px 4px #d8f4ff,  0 0 8px #9ae4ff;
	color:#e5f8ff;
	padding:0 0.5em;
	background-color:rgba(19, 44, 51, 0.4);
	border-radius:3px;
	display:block;
	box-shadow: 0px 0px 2px #637176;
	transition: background-color 0.5s, text-shadow 0.5s, color 0.5s, box-shadow 1s;
	}
	
a.facebook:hover, a.startgame:hover, a.download:hover{
	background-color:rgba(119, 218, 255, 0.2);
	text-shadow: 0px 0px 3px #e5f8ff;
	color: #e5f8ff;
	box-shadow: 0px 0px 10px #c5efff;
	}
	
/*Slideshow*/

.slideshow-wrapper{
	background-color:rgba(119, 218, 255, 0.1);
	padding-bottom:1.8em;
	box-shadow: 0px 0px 2px #002736;
	}
	
a.rslides_nav{
	text-decoration:none;
	font-size:1.2em;
	padding:0.2em;
	font-family:Megrim, Calibri, Sans-Serif;
	text-shadow:0px 0px 1px #d8f4ff,  0 0 3px #9ae4ff;
	}

a.rslides_nav:hover {
	color:e5f8ff;
	text-shadow:0px 0px 2px #d8f4ff,  0 0 5px #9ae4ff;
	}
	
a.next{
	float:right;
	}
	
a.prev{
	float:left;
	}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	}
	  
/*Lightbox*/

/* Preload images */
body:after {
  content: url(../art/lightbox/close.png) url(../art/lightbox/loading.gif) url(../art/lightbox/prev.png) url(../art/lightbox/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #333;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../art/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../art/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../art/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../art/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}