/* Main */

body{
	color:#333;
	background-color: #111111;
	text-shadow: #111 0 2px 1px;
	margin-top:0;
	margin:0px;
	padding:0px;
 	background-attachment:fixed;
	}

@font-face { font-family: Titillium; src: url('titillium.ttf'); } 
@font-face { font-family: TitilliumBold; font-weight: bold; src: url('titilliumbold.ttf'); }

a:link, a:visited { 
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}
	
a:hover { 
	color: #35C0F4;
	text-shadow: 0 0 5px #3CAEEA;
	}
	
a:active { 
	color: #8eb4ce;
	}
	
#top a:link, a:visited { 
	color: #A2B2C1;
	text-decoration: none;
	font-weight: normal;
	}
	
#top a:hover { 
	color: #35C0F4;
	text-shadow: 0 0 5px #3CAEEA;
	}
	
#top a:active { 
	color: #8eb4ce;
	}
	
.clear{
	clear:both;
	}
	
.frames{
	padding:15px;
	}
	

/* Divs */
	
#content{
	z-index:5;
	left:50%;
	margin-left:-420px;
	position:absolute;
	width: 800px;
	color: #A2B2C1;
	text-shadow: 0.1em 0.1em #000;
	padding: 15px 20px 40px 20px;	
	background-color: rgba(0, 0, 0, 0.5);
	}


#info{
	margin-top:70px;
	text-align:center;
	}	
	
#social{
	margin-top:20px;
	text-align:center;
	}

#top{
	margin-top:10px;
	text-align:center;
	}
	
/* Featured Box */

.featured{
	width: 720px;
	left:50%;
	margin-left:-339px;
	text-align:center;
	position:relative;
	}

.feature{
	width: 220px;
	margin-right:20px;
	text-align:left;
	float:left;
	}
	
a.featureimage {
	display: block;
	width: 197px;
	height: 142px;
	background: transparent url(../images/wt3k.png) no-repeat 0 0;
	}
	
a.featureimage2 {
	display: block;
	width: 197px;
	height: 142px;
	background: transparent url(../images/commandments.png) no-repeat 0 0;
	}

a.featureimage3 {
	display: block;
	width: 197px;
	height: 142px;
	background: transparent url(../images/scipad.png) no-repeat 0 0;
	}
	
a.featureimage4 {
	display: block;
	width: 197px;
	height: 142px;
	background: transparent url(../images/stacky.png) no-repeat 0 0;
	}
	
a.featureimage5 {
	display: block;
	width: 197px;
	height: 142px;
	background: transparent url(../images/comingsoon.png) no-repeat 0 0;
	}


/* Rollover */

.rollover {
	-webkit-border-radius: 15px;
	-webkit-transform:scale(.9);
	-webkit-transition: -webkit-box-shadow .1s linear;
	-webkit-transition: -webkit-transform .1s linear;
	}
	
.rollover:hover {
	-webkit-transform:scale(1);
	-webkit-box-shadow: rgba(25,187,255,0.75) 0px 0px 25px;
 	}


/* Text */

.blue{
	color:#35C0F4;
	}


.toptext{
	font-family: TitilliumBold, sans-serif;
	font-size: 59px;
	color:#fff;
	line-height:40px;
	}
	
.toptextb{
	font-family: TitilliumBold, sans-serif;
	font-size: 59px;
	color:#35C0F4;
	line-height:40px;
		}
		
.toptext2{
	font-family: TitilliumBold, sans-serif;
	font-size: 15px;
	color:#A2B2C1;
	line-height:40px;
	}

h1{
	font-family: TitilliumBold, sans-serif;
	font-size: 20px;
	color:#35C0F4;
	margin-left:20px;
	margin-top:20px;
	}
	
.featuretext{
	font-family: TitilliumBold, sans-serif;
	letter-spacing: .08em;
	margin-left:10px;
	font-size: 16px;
	padding: 5px;
	}

.featuretext2{
	letter-spacing: .08em;
	font-family: Titillium, sans-serif;
	margin-left:15px;
	font-size: 13px;
	line-height: 20px;
	}

.featuretext3{
	letter-spacing: .08em;
	font-family: TitilliumBold, sans-serif;
	margin-left:20px;
	font-size: 15px;
	color:#CDE0F6;
	}

.featuretext4{
	letter-spacing: .08em;
	font-family: Titillium, sans-serif;
	margin-left:18px;
	font-size: 13px;
	}

#feature a:hover { 
	color: #35C0F4;
	text-shadow: 0 0 5px #3CAEEA;
	}
	
.footertext{
	letter-spacing: .08em;
	font-family: TitilliumBold, sans-serif;
	font-size: 17px;
	color:#CDE0F6;
	text-align:center;
	}
	
#social a:hover	{ 
	color: #fb1c9f;
	text-shadow: 0 0 5px #ea3ca2;
	}