@charset "UTF-8";
@font-face {
	font-family:iOSfont;
	src: local(iOSfont), url('resources/HelveticaNeue.ttf') format('truetype');
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('resources/loader.gif') 50% 50% no-repeat rgb(0,0,0);
	background-size:5% 11%;
}
#background
{
	background-image:url(resources/blue.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.txt {
	font-family:"HelveticaNeue-UltraLight", iOSfont, Helvetica, Arial, sans-serif;
	font-weight:100;
}
.headertxt
{
	font-weight:100;
	font-size:38pt;
	color:#FFF;
}
.app
{
	position:relative;
	height:128px;
	width:128px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}
@keyframes movetopleft
{
	from {left:-200px;top:-200px;}
	to {left:30%;}
}
@-webkit-keyframes movetopleft
{
	from {left:-200px;top:-200px;}
	to {left:30%;}
}
@keyframes movetopcent
{
	from {top:-600px;left:45%;}
	to {top:-128px;left:45%;}
}
@-webkit-keyframes movetopcent
{
	from {top:-600px;left:45%;}
	to {top:-128px;left:45%;}
}
@keyframes movetopright
{
from {top:-600px;right:-100%;}
to {top:-256px;right:-61%;}
}
@-webkit-keyframes movetopright
{
from {top:-600px;right:-100%;}
to {top:-256px;right:-61%;}
}
@keyframes movebotleft
{
	from {left:-200px;bottom:-200px;}
	to {bottom:175px;left:30%;}
}
@-webkit-keyframes movebotleft
{
	from {left:-200px;bottom:-200px;}
	to {bottom:175px;left:30%;}
}
@keyframes movebotcent
{
	from {bottom:-600px;left:45%;}
	to {bottom:303px;left:45%;}
}
@-webkit-keyframes movebotcent
{
	from {bottom:-600px;left:45%;}
	to {bottom:303px;left:45%;}
}
@keyframes movebotright
{
from {bottom:-200px;right:-100%;}
to {bottom:431px;right:-61%;}
}
@-webkit-keyframes movebotright
{
from {bottom:-200px;right:-100%;}
to {bottom:431px;right:-61%;}
}
#files
{
	animation:movetopleft 1.1s ease;
	-webkit-animation:movetopleft 1.1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
#support
{
	animation:movetopcent .8s ease;
	-webkit-animation:movetopcent .8s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
#cal
{
	animation:movetopright 1.1s ease;
	-webkit-animation:movetopright 1.1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
#inv
{
	animation:movebotleft 1.1s ease;
	-webkit-animation:movebotleft 1.1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
#vik
{
	animation:movebotcent 1s ease;
	-webkit-animation:movebotcent 1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
#media
{
	animation:movebotright 1.1s ease;
	-webkit-animation:movebotright 1.1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
p
{
	margin:0;	
}
.apptxt
{
	line-height: 0px;
	color: transparent;
	font-size: 16pt;
	font-family:HelveticaNeue;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	text-align:center;
	line-height: 50px;
	color: #FFF;
}
#glowtopleft:hover
{
	-moz-box-shadow: 0 0 70px #DDD;
	-webkit-box-shadow: 0 0 70px #DDD;
	box-shadow: 0px 0px 70px #DDD;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
#glowtopcent:hover
{
	-moz-box-shadow: 0 0 70px #562E92;
	-webkit-box-shadow: 0 0 70px #562E92;
	box-shadow: 0px 0px 70px #562E92;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
#glowtopright:hover
{
	-moz-box-shadow: 0 0 70px #EC6D4D;
	-webkit-box-shadow: 0 0 70px #EC6D4D;
	box-shadow: 0px 0px 70px #EC6D4D;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
}
#glowbotleft:hover
{
	-moz-box-shadow: 0 0 70px #55EC4C;
	-webkit-box-shadow: 0 0 70px #55EC4C;
	box-shadow: 0px 0px 70px #55EC4C;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
#glowbotcent:hover
{
	-moz-box-shadow: 0 0 70px #196aff;
	-webkit-box-shadow: 0 0 70px #196aff;
	box-shadow: 0px 0px 70px #196aff;
	-webkit-border-radius:100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
#glowbotright:hover
{
	-moz-box-shadow: 0 0 70px #CC0001;
	-webkit-box-shadow: 0 0 70px #CC0001;
	box-shadow: 0px 0px 70px #CC0001;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.center
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.hspacer
{
	width:270px;
}
.vspacer
{
	height:60px;
}
.halfvspacer
{
	height:20px;
}
#footer
{
	bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
	padding-bottom:15px;
	font-size:14pt;
	color:#FFF;
	text-align:center;
}