body {
	overflow:hidden;
}

#clicktp {
	width:800px;
	height:500px;
	margin:auto; 
	background-image:url("loadbackground.jpg");
	cursor:default;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	font-size:3em;
	color:rgb(240,240,255);
	text-shadow:0px 0px 30px rgb(180,180,200), 0px 0px 50px rgb(180,180,200);
	line-height:500px;
	
	animation: fadein 2s;
	-o-animation: fadein 2s;
	-ms-animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
}

@keyframes fadein {
	from {opacity: 0; }
	to {opacity: 1; }
}
@-moz-keyframes fadein {
	from {opacity: 0; }
	to {opacity: 1; }
}
@-webkit-keyframes fadein {
	from {opacity: 0; }
	to {opacity: 1; }
}
@-ms-keyframes fadein {
	from {opacity: 0; }
	to {opacity: 1; }
}
@-o-keyframes fadein {
	from {opacity: 0; }
	to {opacity: 1; }
}

#spacer {
	width:90%;
	margin-top:500px;
	position:relative;
	left:0px;
	top:0px;
	z-index:-50;
}

#shell {
	width:99%;
	height:504px;
	line-height:504px;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-252px;
}

#ss_link {
	background-image:url('img/socialtab.png');
	background-repeat:no-repeat;
	background-position:left center;
	
	width:30px;
	height:500px;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-250px;
	
	background-color:rgb(30,30,50);
	
	transition: right .25s ease-in-out;
	-moz-transition:right .25s ease-in-out;
	-webkit-transition:right .25s ease-in-out;
	
	cursor:pointer;
	z-index:2000;
}
#ss_link:hover {
	background-color:rgb(40,40,60);
}
#ss_link.moved {
	right:300px;
	background-image:url('img/socialtabR.png');
}
#second_shell {
	background-image:url('loadback.jpg');
	background-repeat:repeat-x;
	background-position:left center;
	width:300px;
	overflow:hidden;
	height:500px;
	position:absolute;
	right:-300px;
	top:50%;
	margin-top:-250px;
	z-index:2000;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	font-size:16px;
	color:white;
	line-height:17px;
	text-shadow:0px 0px 20px white;
	
	transition: right .25s ease-in-out;
	-moz-transition:right .25s ease-in-out;
	-webkit-transition:right .25s ease-in-out;
}
#second_shell.moved {
	right:0px;
}
#second_shell h3 {
	display:block;
	width:100%;
	text-align:center;
}
#second_shell p {
	display:block;
	width:90%;
	margin:auto;
	text-align:justify;
	text-indent:20px;
}

#logo {
	opacity:.1;
	transition: opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-webkit-transition:opacity .25s ease-in-out;
}
#logo:hover {
	opacity:1;
}