/*
Theme Name: aeiowu
Description: A CSS Document. What else?
Version: 1.0
Author: Greg Wohlwend
Author URI: http://aeiowu.com

License: Do whatever you want.
*/

body
{
	background: #f7efe2;
	margin: 0px auto;
	
	font: 62.5% "scheme", helvetica, verdana, sans-serif;
	color: #000000;
	
	text-transform: uppercase;
}

div
{
	position: relative;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

.clear
{
	clear: both;
	height: 0;
	line-height: 0;
}





/* TEXT */

p
{
	position: relative;
	clear: both;
	
	font-family: "scheme", helvetica, verdana, sans-serif;
	font-size: 1.8em;

	
	text-transform: uppercase;
}

a
{
	color: #ec157e;
	text-decoration: none;
}

	a:hover
	{
		cursor: pointer;
		color: #ffffff;
	}
	
	a:visited
	{
		color: #ec157e;
		text-decoration: none;
		border: none;
	}
	
#footer a
{
	color: #f7efe2;
	text-decoration: none;
}

	#footer a:hover
	{
		color: #ffffff;
	}
	
.btn
{
	color: #ffffff;
	text-decoration: none;
}

	.btn:hover
	{
		cursor: pointer;
		color: #CCCCCC;
	}
	
	.btn:visited
	{
		text-decoration: none;
		border: none;
	}
			
ul
{
	position: relative;
	clear: both;

	text-align: left;
	float: left;
	list-style-type: none;
	
	font-size: 1.8em;
	letter-spacing: 0;
	line-height: 1.4em;
	
	margin: 14px 0 0 0;
	padding: 0;
}

small
{
	font: "scheme", helvetica, verdana, sans-serif;
	text-transform: uppercase;
	
	font-size: 1.4em;
}

.red
{
	color: #ff2a43;
}

.blue
{
	color: #00a2db;
}

.green
{
	color: #5cb92c;
}

.magenta
{
	color: #ec157e;
}

.orange
{
	color: #ed4f39;
}

.normcase
{
	text-transform: none;
}




/* ANIMATIONS */
@-webkit-keyframes thrusters
{
	from {top: 10px;}
	to	{top: 0px;}
}

@-o-keyframes thrusters
{
	from {top: 10px;}
	to	{top: 0px;}
}


@-moz-keyframes thrusters
{
	from {top: 10px;}
	to	{top: 0px;}
}


@keyframes thrusters
{
	from {top: 10px;}
	to	{top: 0px;}
}





/* HEADINGS */

h1, h2, h3, h4
{
	font-family: "scheme", helvetica, verdana, sans-serif;
	
	padding: 0;
	margin: 0;
	text-align: center;
	
	font-size: 3em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: -1.5px;
}

h1
{
	font-size: 3.6em;
	line-height: .6em;
}

h2
{
	font-size: 2.8em;
	line-height: 1.2em;
	text-transform: uppercase;
}

h3
{

	font-size: 2em;
	line-height: 1.2em;
	letter-spacing: -1px;
	
	text-align: center;
}



/* CONTAINERS */

#navHome
{
	position: fixed;
	left: 0px;
	top: 30px;
	
	height: 88px;
	width: 85px;
	
	background: transparent url('images/fixedMikengreg.png');
	z-index: 100;
}

	#navHome:hover
	{
		background: transparent url('images/fixedMikengreg.png') 85px 0 repeat-x; 
		cursor: pointer;
	}
	
#roboButtonWrapper
{
	position: fixed;
	right: 30px;
	top: 30px;
	
	height: 222px;
	width: 222px;
	
	z-index: 500;
}

#roboButton
{
	position: relative;
	clear: both;
	
	height: 208px;
	width: 204px;
	
	background: transparent url('images/robot_button.png') no-repeat;
	z-index: 500;
	
	animation: thrusters 5s ease-in-out 2s infinite alternate;
	-moz-animation: thrusters 5s linear 2s infinite alternate;
	-webkit-animation: thrusters 1s ease-in-out 1s infinite alternate;
	-o-animation: thrusters 5s linear 2s infinite alternate;
}

	#roboButton:hover
	{
		cursor: pointer;
	}

#wrapper
{
	position: relative;
	
	margin: 0 auto;
	text-align: center;
	
	background: transparent url('images/bg_header.png') repeat-x;
}

#header
{
	position: relative;
	clear: both;
	
	margin: 0 auto;
	text-align: center;
	
	width: 710px;
	height: 590px;
	
	background: transparent url('images/bg_center.png') no-repeat;
}

#contentBG
{
	position: relative;
	clear: both;
	
	margin: 0 auto;
	
	background: transparent url('images/bg_content_bottom_srgb.png') repeat-x bottom center;
}

	#content
	{
		position: relative;
		clear: both;
		margin: 0 auto;
		
		width: 1000px;
		
		background: transparent url('images/bg_robots.png') no-repeat top center;
	}
	
		#trailer
		{
			position: relative;
			clear: both;
			
			margin: 40px auto 0 auto;
			text-align: center;
			
			width: 768px;
			height: 600px;
		}
		
			.videoFrame
			{
				margin-top: 128px;
			}
		
		#textContent
		{
			position: relative;
			clear: both;
			
			margin: 0 auto;
			padding-bottom: 60px;
			
			width: 800px;
			
			text-align: center;
		}
		
			#shortDescription
			{
				position: relative;
				clear: none;
				float: left;
				margin-left: 200px;
				
				text-align: left;
				
				width: 625px;
			}
			
			#btnAppStore
			{
				position: relative;
				clear: none;
				float: right;
				
				margin: 18px 0 0 0;
				
				width: 274px;
				height: 92px;
				
				background: transparent url('images/btn_appStore_srgb.png') no-repeat;
			}

#footerWrapper
{
	position: relative;
	clear: none;
	
	margin: 0 auto;
	padding: 16px 0;
	height: 19px;
		
	text-align: center;
	
	background: transparent url('images/bg_footer.png') repeat-x center top;
}

	#footer
	{
		margin: 0 auto;
		width: 800px;
	}

	#footerLeft
	{
		position: relative;
		clear: none;
		
		float: left;
		text-align: left;
	}
	
	#footerRight
	{
		position: relative;
		clear: none;
		
		float: right;
		text-align: right;
	}