@charset "UTF-8";
body, html { 
	background:#000; 
	font-family:Helvetica, Arial, sans-serif;
}
.banner {
	margin: auto;	
	position: relative;
	text-align: center;
	width; 750px;
}
#content {
	height: 1214px;
	width: 1340px;
	margin: 0px auto;
	position:relative;
	background-image:url(http://spykidsmovie.net/images/landing.jpg);
	background-repeat:no-repeat;
	opacity:0;
}

#content h1 {
	position: static;
	display:block;
	color:#FFF;
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
    	padding-bottom: 20px;
    	text-decoration:none;
}

#enter-site {
	display:block;
	width:496px;
	height:28px;
	margin:0px auto 0px;
	position:relative;
	background-image:url(http://spykidsmovie.net/images/enter_site.png);
}

#enter-site:hover { background-position:0px 33px; }

#background { 
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	background-image:url(http://spykidsmovie.net/images/index.jpg);
	background-repeat:no-repeat;
}

/******* TRAILER ******/

#landing #player {
	display:block;
	position:absolute;
	top:222px;
	left:390px;
}

#home {
	margin-top: 50px;

	margin-left: auto;
	margin-right: auto;
	width: 50%;
	background-color: #4B4B4B;
	border: 1px solid black;
	opacity: 0.8;
	filter: alpha(opacity=60); /* For IE8 and earlier */
}

#home h1 {
	color:#FFF;
	font-size: 26px;
	font-weight:bold;
	text-align: center;
	line-height: 10px;
	padding: 0px;
}

#home p {
	color:#FFF;
	font-size: 14px;
	text-align: center;
}

#home a {
	color:#f3172d;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration:underline;
}

.highlight {
	color:#B8860B;
	font-weight:bold;
}

/****** FOOTER *****/

#footer a {	display:block; }

#footer a:visited {
	color:#222;
}

/* CTAS */

#cover {
	position:absolute;
	bottom: 376px;
	left: 147px;
}
#cover area { outline:none; }

#buy-stuff, #nintendo-game, #wisekey-app, #arcade-games {
	width:350px;
	height:35px;
	position:absolute;
	left:500px;
}

#buy-stuff {
	background-image:url(http://spykidsmovie.net/images/get_spykids_gear.png);
	top:856px;
}
#nintendo-game {
	background-image:url(http://spykidsmovie.net/images/get_nintendo_game.png);
	top:897px;
}
#wisekey-app {
	background-image:url(http://spykidsmovie.net/images/get_wisekey_app.png);
	top:936px;
}
#arcade-games {
	background-image:url(http://spykidsmovie.net/images/play_arcade_games.png);
	top:976px;
}

/* SOCIAL */

#social {
	position:absolute;
	top:994px;
	left:415px;
	width:500px;
}
#social .external {
	width:94px;
	height:22px;
	background:url(http://spykidsmovie.net/images/social.png) no-repeat;
	float:right;
}
#social .external a {
	float:left;
	width:22px;
	height:22px;
	overflow:hidden;
}
#social #facebook { 
	margin-right:9px; 
	margin-left:41px;
}
.addthis_toolbox { float:left; }

/* LEGAL */

#legal { 
	position:absolute;
	top:1014px;
	width:100%;
	color:#222;
	text-align:center;
	font-size:9px;
	font-weight:bold;
}
#legal a { 
	display:inline;
	color:#222;
	text-decoration:none;
}
#legal a:hover { text-decoration:underline; }

/* NEWSLETTER */

#signup {
	position:absolute;
	top:1134px;
	left:464px;
}
#signup input, #signup a {
	float:left;
	display:block;
}
#email {
	background-color:transparent;
	border:none;
	color:#FFF;
	font-size:10px;
	padding:0px;
	width:170px;
	margin-top:8px;
}
#additional { display:none !important; }
#check { 
	width:17px;
	height:17px;
	margin:5px 13px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(http://spykidsmovie.net/images/checkmark.png);
}
#submit {
	margin-left:233px;
	padding:3px 6px;
	width:84px;
	height:24px;
}
#thankyou { 
	display:none; 
	position:absolute;
	top:1153px;
	left:316px;
	background:url(http://spykidsmovie.net/images/thank_you.jpg);
	width:702px;
	height:42px;
}

/* MISC */

#preload {
    display:none;
	position:absolute; 
	width:0px; 
	height:0px;
	top:0px;
}


/* NAVIGATION */

/* CSS Document */

.offscreen {
  position: absolute;
  top: -30em;
  left: -300em;
}

div#hmenu {
   margin: 0;
   padding: .3em 0 .3em 0;
   background: #333333;
   width: 100%;
   text-align: center;
}

div#hmenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

div#hmenu ul li {
   margin: 0;
   padding: 0;
   display: inline;
}

div#hmenu ul a:link{
   margin: 0;
   padding: .3em .4em .3em .4em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #FFFFFF;
}

div#hmenu ul a:visited{
   margin: 0;
   padding: .3em .4em .3em .4em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #FFFFFF;
}

div#hmenu ul a:active{
   margin: 0;
   padding: .3em .4em .3em .4em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #B8860B;
}

div#hmenu ul a:hover{
   margin: 0;
   padding: .3em .4em .3em .4em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #B8860B;
   background-color: #FFFFFF;
}

/* INTRO */
div#intro {
   margin-top: 20;
   padding: .3em 0 .3em 0;
   width: 100%;
   text-align: center;
}

#intro h1 {
	position: static;
	display:block;
	color:#FFF;
	font-size: 36px;
	font-weight: bold;
	line-height: 20px;
    	text-decoration:none;
}

#intro h2 {
	position: static;
	display:block;
	color:#B8860B;
	font-size: 26px;
	font-weight: bold;
	line-height: 20px;
    	padding-bottom: 20px;
    	text-decoration:none;
    	padding-top: 20px;
}

#intro h3 {
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
}

#intro h4 {
	position: static;
	display:block;
	color:#B8860B;
	font-size: 26px;
	font-weight: bold;
	line-height: 20px;
    	padding-bottom: 20px;
    	text-decoration:none;
    	padding-top: 20px;
}

#intro p {
	color:#FFF;
	font-size: 16px;
}
	
a.spylink {
    color:#FFF;
    display: inline;
    background-image: url(http://localhost/spykidsmovie.net/images/emotion_spy.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 15px;
    text-decoration:none;
}

a.spylink:hover {
    color:#B8860B;
    display: inline;
    padding-left: 15px;
    text-decoration:underline;
}

div#main {
   margin-top: 20;
   padding: .3em 0 .3em 0;
   width: 100%;
   text-align: center;
}

#main h1 {
	position: static;
	display:block;
	color:#FFF;
	font-size: 36px;
	font-weight: bold;
	line-height: 20px;
    	text-decoration:none;
}

#main h2 {
	position: static;
	display:block;
	color:#B8860B;
	font-size: 24px;
	font-weight: bold;
	line-height: 10px;
    	padding-bottom: 20px;
    	text-decoration:none;
    	padding-top: 30px;
    	padding-left: 40px;
    	text-align: justify;
}

#main h3 {
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
}

#main p {
	color:#FFF;
	font-size: 16px;
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
}

span.cover-text {
	color:#FFF;
}