
@keyframes bganim
{
	0%   {background-position: 0 0%;}
	50%  {background-position: 0 100%;}
	100% {background-position: 0 0%;}
}

@-moz-keyframes bganim /* Firefox */
{
	0%   {background-position: 0 0%;}
	50%  {background-position: 0 100%;}
	100% {background-position: 0 0%;}
}

@-webkit-keyframes bganim /* Safari and Chrome */
{
	0%   {background-position: 0 0%;}
	50%  {background-position: 0 100%;}
	100% {background-position: 0 0%;}
}

@-o-keyframes bganim /* Opera */
{
	0%   {background-position: 0 0%;}
	50%  {background-position: 0 100%;}
	100% {background-position: 0 0%;}
} 

#wrapper {
	min-height: 100%;
}

#website {
	overflow:crop;
	padding-bottom: 160px;	/* must be same height as the footer */
	min-height: 560px;
}  

#footer {
	position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 160px;
	clear:both;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#footer #black {
	background-color: #000;
	width: 100%;
	height: 90px;	/* Blackbar - transbar - padding */
	position: absolute;
	top: 60px;
	padding-top: 10px;
}

#footer #trans {
	display:block;
	width: 100%;
	height: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/trans_black.png");	
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	word-spacing: normal;
}

#testimonials {
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 850px;
}

div#background {
	background-color: #000;
	background-image: url("../images/splash_bg.jpg");
	background-position: 0,-200;
	width: 100%;
	height: 100%;
	z-index: -1;
	position: fixed;
	top: 0px;
	left: 0px;
	animation:bganim 120s infinite cubic-bezier(0.2,0, 0.2,1);
	-moz-animation:bganim 120s infinite cubic-bezier(0.2,0, 0.2,1);; /* Firefox */
	-webkit-animation:bganim 120s infinite cubic-bezier(0.2,0, 0.2,1);; /* Safari and Chrome */
	-o-animation:bganim 120s infinite cubic-bezier(0.2,0, 0.2,1);; /* Opera */
	overflow: hidden;
}

div#WLLogo{
	position: relative;
	width: 712px;
	height: 132px;
	top: --400px;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
}

#TARDIS_Wrapper{
	position: relative;
	width: 0px;
	height: 0px;
	left: -600px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	visibility:hidden;
}

#TARDIS {
		background-image: url("../images/TARDIS.png");
	background-repeat: no-repeat;
	background-position: 0,0;
	position: absolute;
	left: 0px; /*0px;*/
	top: -230px; /*-230px;*/
	width: 873px; /*873px;*/
	height: 953px; /*953px;*/
	z-index: 0;
	visibility: visible;
	/*border: green 5px solid;*/
}

div#text{
	position: relative;
	width: 500px;
	left: 100px;
	top: 20px;
	font-family: karine, "times new roman";
	font-size: 28pt;
	line-height: 26pt;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#text span{
	text-shadow: 3px 3px 3px #000;
}
/*
div#blackbar{
	position:absolute;
	background-color: #000
	bottom:0;
	width:100%;
	height:160px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	word-spacing: normal;
}
*/
div#apps{
	width: 400px;
	height: 60px;
	position: relative;
	left: 100px;
	top: 5px;
	z-index: 3;
}

div#text span.middle{
	position: relative;
	right: -80px;
}

div#text span.bottom{
	position: relative;
	right: -250px;
}

#interface{
	width: 100%;
	min-height: 500px;
	position: aboslute;
	left: 0px;
	top: 0px;
	z-index: 2;
	text-align: center;
	border: 2px green solid;
}

#Signin{
	position: absolute;
	right: 20px;
	top: 8px;
	padding: 5px 10px;
}

#Signup{
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 32pt;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px;
}

#Signup, #Signin{
	visibility: visible !important;
	color: white;
	text-decoration: none;
	z-index: 3;
}

a#Signup:hover, a#Signin:hover{
	text-decoration: underline;
}

#SignupWrapper{
	position: absolute;
	top: 150px;
	left: 50px;
	width: 500px;
	visibility:hidden;
}

#limited_time{
	position: relative;
	top: 100px;
	left: 20px;
	width: 199px;
	height: 200px;
	z-index: 4;
	/* Rotate */
	-moz-transform:rotate(-10deg);	/* Firefox */
	-webkit-transform:rotate(-10deg);	/* Safari and Chrome */
	-o-transform:rotate(-10deg);	/* Opera */
	-ms-transform:rotate(-10deg);	/* Internet Exploder 9+ */
	
	visibility: hidden;
}

#aboutus{
	visibility: hidden;
	width: 100%;
	text-align: center;
	font-family: Arial, San-Serif;
	font-size: 11pt;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 12pt;*/
	margin-bottom: 0pt;
}

#aboutus a, #aboutus a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#aboutus a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#copyright{
	width: 100%;
	text-align: center;
	font-family: "Times New Roman", Serif;
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto;
}
