@charset "UTF-8";
body{
	background:black;
}
.BackgroundColorsTry{
	top:0px;
	left:0px;
	
	margin:0px;
	padding:0px;
	
	width:100%;
	height:100%;

	position:absolute;
	z-index:2;
	
	background:White;
	
	animation:BackgroundAnimatedColors 60s;
	animation-iteration-count: infinite;

	-moz-animation:BackgroundAnimatedColors 60s; /* Firefox */
	-moz-animation-iteration-count: infinite; /* Firefox */

	-webkit-animation:BackgroundAnimatedColors 60s; /* Safari and Chrome */
	-webkit-animation-iteration-count: infinite; /* Safari and Chrome */
}

@keyframes BackgroundAnimatedColors
{
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	25%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	50%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	75%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	100% {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
}

@-moz-keyframes BackgroundAnimatedColors /* Firefox */
{
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	25%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	50%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	75%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	100% {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
}

@-webkit-keyframes BackgroundAnimatedColors /* Safari and Chrome */
{
/* ================================================================= */

/* FF3.6+ */
/*
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);}
*/

/* Chrome,Safari4+ */
/*
	0%   {background:gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,50,54,1)), color-stop(100%,rgba(0,0,0,0)));}
*/

/* Chrome10+,Safari5.1+ */
/*
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,50,54,1) 0%,rgba(0,0,0,0) 100%);}
*/

/* Opera 12+ */
/*
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,50,54,1) 0%,rgba(0,0,0,0) 100%);}
*/

/* IE10+ */
/*
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,50,54,1) 0%,rgba(0,0,0,0) 100%);}
*/

/* W3C */
/*
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,50,54,1) 0%,rgba(0,0,0,0) 100%);}
*/

/* IE6-9 fallback on horizontal gradient */

/*
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3236', endColorstr='#00000000',GradientType=1 );
*/


/* ================================================================= */	
	0%   {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	25%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	50%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	75%  {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}
	100% {background:radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);}

}
/*============================================= */
.BackgroundColors{
	top:0px;
	left:0px;
	
	margin:0px;
	padding:0px;
	
	width:100%;
	height:100%;

	position:absolute;
	display:none;
	
	background:red;

	animation:BackgroundAnimatedColors 60s;
	animation-iteration-count: infinite;

	-moz-animation:BackgroundAnimatedColors 60s; /* Firefox */
	-moz-animation-iteration-count: infinite; /* Firefox */

	-webkit-animation:BackgroundAnimatedColors 60s; /* Safari and Chrome */
	-webkit-animation-iteration-count: infinite; /* Safari and Chrome */
}

@keyframes BackgroundAnimatedColors
{
	0%   {background:red;}
	25%  {background:yellow;}
	50%  {background:blue;}
	75% {background:green;}
	100%   {background:red;}
}

@-moz-keyframes BackgroundAnimatedColors /* Firefox */
{
0%   {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
75% {background:green;}
100%   {background:red;}
}

@-webkit-keyframes BackgroundAnimatedColors /* Safari and Chrome */
{
0%   {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
75% {background:green;}
100%   {background:red;}
}
/*============================================= */
.LeftSide{
	top:0px;
	left:0px;
	
	margin:0px;
	padding:0px;
	
	width:250px;
	height:100%;
	z-index:3;
	position:absolute;
	
	background-image: linear-gradient(left , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -o-linear-gradient(left , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -moz-linear-gradient(left , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -webkit-linear-gradient(left , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -ms-linear-gradient(left , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgba(0,0,0,0.25)),
	color-stop(0.75, rgba(0,0,0,0))
	);
	
}
/*============================================= */
.RightSide{
	top:0px;
	right:0px;
	
	margin:0px;
	padding:0px;
	
	width:250px;
	height:100%;
	z-index:3;
	position:absolute;
	
	background-image: linear-gradient(right , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -o-linear-gradient(right , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -moz-linear-gradient(right , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -webkit-linear-gradient(right , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	background-image: -ms-linear-gradient(right , rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
	
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, rgba(0,0,0,0.25)),
	color-stop(0.75, rgba(0,0,0,0))
	);
	
}
/*	================================	*/
.ContentWrapper{
	alignment-adjust:central;
	z-index:4;
	text-align:center;
	position:absolute;
	margin-left:35%;
	margin-right:35%;
	margin-top:10%;
		
/*
	-moz-box-shadow: 0px 0px 6px 3px #FFF;
    -webkit-box-shadow: 0px 0px 6px 3px #FFF;
    box-shadow: 0px 0px 6px 3px #FFF;
*/
}

.logo{
	text-align:center;
		position: absolute;

	left: 50%;
	top: 50%;
	margin: 50px 0 0 0px;


}

.ContentWrapper h1{
	-moz-text-shadow: 0px -5px 10px #000;
    -webkit-text-shadow: 0px -5px 10px #000;
    text-shadow: 0px -5px 10px #000;

}