@charset "UTF-8";

/*HTML5 Declarations*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/*Custom Reset*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, a, code, em, img, q, s, small, strike, strong, sub, tt, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
	height: 100%;
}
body {
	line-height: 1;
	background:#eaeaea;
}
:focus {
	outline:0;
}
address, time {
	font-style: normal;
}
/* List Reset */

ul, ol, li {
	list-style:none;
	margin:0;
	padding:0;
}

/* generic */

.clear_both {
	clear:both;
	display:block;
}
.inner_inline_centered {
	text-align:center;
}
.block_centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a, a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active, a:focus {
}

/* Custom CSS */

body {
	background-color: #75cad0;
}


/*********************************
**								**
**		Sticky Footer 			**
**								**
*********************************/

body > section {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -182px; /* the bottom margin is the negative value of the footer's height */
}
body > footer {
	display: block;
	clear: both;
	height: 182px; /* #sticky_footer_push must be the same height as body > footer */
	margin:0;
	background-image: url(../img/footer.png);
	background-repeat: repeat-x;
}
	footer > div {
		width: 960px;
		margin: 0 auto;
	}
		footer > div > ul {
			padding: 20px 0 0 40px;
		}
			footer > div > ul > li {
				float: left;
				font-family: 'ExoMedium', sans-serif;
				color: #8a7b5e;
				font-size: 12px;
				padding-right: 110px;
				line-height: 1.5;
			}
				footer > div > ul > li > h3 {
					color: #8a7b5e;
					font-family: 'ExoDemiBold', sans-serif;
					font-size: 14px;
					text-transform: uppercase;
					padding: 10px 0 4px 0;
				}
		footer > div > p {
			font-family: Arial, sans-serif;
			font-size: 11px;
			text-align: center;
			line-height: 1.5;
			color: #655e50;
			padding-top: 20px;
			margin-top: 100px;
		}
			footer > div > p > a {
				color: #655e50;
				text-decoration: underline;
			}
				footer > div > p > a:hover {
					color: #ec6a4f;
				}

/*********************************
**								**
**		Main Content			**
**								**
*********************************/
	
	body > nav {
		position: fixed;
		height: 32px;
		z-index: 9999;
		width: 100%;
		background-image: url(../img/navBG.png);
		background-repeat: repeat-x;
	}
		body > nav > div {
			width: 960px;
			margin: 0 auto;
		}
			body > nav > div > ul {
				font-family: 'ExoBold', sans-serif;
				font-size: 14px;
				text-align: center;
				position: relative;
			}
				body > nav > div > ul > li {
					float: left;
					margin: 8px 25px 0 25px;
				}
					body > nav > div > ul > li.logo {
						margin: 0 0 0 165px;
					}
					body > nav > div > ul > li > a {
						color: #ec6a4f;
					}
	body > div {
		width: 960px;
		margin: 0 auto;
	}
		body > div > img {
			display: block;
    		margin-left: auto;
    		margin-right: auto;
		}
			body > div > img.header {
				padding-top: 65px;
			}
		body > div > p, body > div > article > p, .videoHolder p {
			font-family: 'ExoBold', sans-serif;
			font-size: 15px;
			color: #fff;
			padding: 20px 190px;
			text-shadow: 2px 2px #6dbcc1;
			line-height: 1.75;
			text-align:justify;
		}

#clouds
{
	position:fixed;
	width:100%;
	height:100%;
	z-index:-1;
}

	#clouds img
	{
		position:absolute;
	}

#callingAllCurious
{
	width:627px;
	margin:0 auto 100px auto;
	text-align: center;
	position:relative;
}
	
	#callingAllCurious .header
	{
		padding-top: 135px;
		margin-bottom: -8px;
	}

	#callingAllCurious #banner
	{
		margin-bottom: 136px;
	}

	#callingAllCurious #purple
	{
		left:38px;
		top:457px;
		position:absolute;
	}

	#callingAllCurious #blue
	{
		left:138px;
		top:456px;
		position:absolute;
	}

	#callingAllCurious #green
	{
		left:257px;
		top:456px;
		position:absolute;
	}

	#callingAllCurious #orange
	{
		left:370px;
		top:456px;
		position:absolute;
	}

	#callingAllCurious #red
	{
		left:532px;
		top:456px;
		position:absolute;
	}

	.videoHolder:before
	{
		border:22px solid transparent;
		border-bottom-color:#F08872;
		border-bottom-width:8px;
		width: 565px;
		border-width: 8px 26px;
		border-style: solid;
		border-image: none;
		position:relative;
		display:block;
		content:"";
		top:-16px;
	}

	.videoHolder
	{
		position:relative;
		height:323px;
		width:617px;
		background-color:#EE6C4F;
	}

	#callingAllCurious .videoHolder
	{
		
	}

		#callingAllCurious .videoHolder img
		{

			padding-top: 30px;
		}

		#callingAllCurious .videoHolder p
		{

			text-shadow-color: #F00;
			text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
			padding-top: 5px;
		}

			#callingAllCurious p a
			{
				color:inherit;
			}

	#callingAllCurious p
	{
		padding:30px 40px 0;
	}

	#callingAllCurious #scrollDown
	{
		left:509px;
		top:306px;
		position:absolute;
	}

#randomActs
{
	position:relative;
	text-align:center;
}

	#randomActs .header
	{
		margin-bottom: 64px;
	}

	#randomActs #green
	{
		position:absolute;
		left:25px;
		top:250px;
	}

	#randomActs #red
	{
		position:absolute;
		left:167px;
		top:166px;
	}

	#randomActs #orange
	{
		position:absolute;
		left:636px;
		top:147px;
	}

	#randomActs #purple
	{
		position:absolute;
		left:623px;
		top:230px;
	}

	#randomActs .videoHolder:before
	{
		border-bottom-color:#7BD470;
	}

	#randomActs .videoHolder
	{
		margin:0 auto 70px auto;
		background-color:#68BD45;
	}

		#randomActs .videoHolder p
		{
			text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
			line-height: 280px;
			font-size: 21px;
			text-align:center;
		}

			#randomActs p a
			{
				color:inherit;
			}

	#randomActs h2
	{
		font-weight:normal;
		font-family: 'Matiz', sans-serif;
		color: #fff;
		font-size: 26px;
		text-transform: uppercase;
		text-shadow: 3px 3px #46be52, 6px 6px #69b5bb;
		text-align: left;
		width: 627px;
		margin: 0 auto 20px auto;
	}

	#randomActs p
	{

		margin-bottom: 50px;
		margin: 0;
		padding: 0 170px;
	}

#screenShots
{
	position:relative;
	text-align:center;
	padding-top:200px;
}

	#screenShots #green
	{
		position:absolute;
		top:114px;
		left:605px;
	}

	#screenShots #orange
	{
		position:absolute;
		top:183px;
		left:260px;
	}

	#screenShots #iPhone
	{
		position:absolute;
		top:179px;
		left:50%;
		margin-left:-292px;
	}

#theGame
{
	text-align:center;
	position:relative;
}

	#theGame .header
	{
		margin-bottom: 25px;
	}

	#theGame p
	{
		padding: 0;
		margin: 0 180px 90px 308px;
	}

	#theGame a
	{
		display:inline-block;
		width:275px;
		margin: 0 50px 220px 50px;
		height: 75px;

		background:#4bf3f6;
		background: -moz-linear-gradient(top,  #4bf3f6 0%, #3eccd6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4bf3f6), color-stop(100%,#3eccd6));
		background: -webkit-linear-gradient(top,  #4bf3f6 0%,#3eccd6 100%);
		background: -o-linear-gradient(top,  #4bf3f6 0%,#3eccd6 100%);
		background: -ms-linear-gradient(top,  #4bf3f6 0%,#3eccd6 100%);
		background: linear-gradient(to bottom,  #4bf3f6 0%,#3eccd6 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bf3f6', endColorstr='#3eccd6',GradientType=0 );
		position: relative;
	}

		#theGame a:after
		{
			top: 75px;
			content: "";
			display: block;
			position: absolute;
			width: 255px;
			background-color: rgba(0, 0, 0, 0.05);
			border: 10px solid transparent;
			border-top-color:#20B2BC;
			border-top-width:3px;
		}

		#theGame a img
		{
			padding-top:16px;
		}

	#theGame #blue
	{
		position:absolute;
		top:44px;
		left:135px;
	}

#screenShots
{
	margin-bottom: 70px;
}

	#cycle0
	{
		left:50%;
		width:367px;
		height:206px;
		margin:0 auto 0 -183px;
	}

		#cycle0 + .nav
		{
			margin-top:35px;
		}

			#cycle0 + .nav a
			{
				width:12px;
				height:12px;
				display:inline-block;
				background:#B3E2E5;
				margin:0 10px;
				text-decoration:none;
				font-size:1px;
				-webkit-border-radius:6px;
 				border-radius:6px;
			}

			#cycle0 + .nav a.activeSlide
			{
				background:#2595C2;
			}

			#cycle0 + .nav a:focus
			{
				outline:none;
			}

#curiousFacts
{
	position:relative;
	margin-bottom: 200px;
}

	#cycle1
	{
		margin:0 auto;
	}
		#cycle1 > div {
			width: 860px;
			margin: 0 auto;
			height: 450px;
		}
			#cycle1 > div img.header {
				position: absolute;
				left: 80px;
			}
			#cycle1 > div img.main {
				position: absolute;
				left: 130px;
				top: 170px;
			}
			#cycle1 > div img.info {
				position: absolute;
				left: 100px;
				bottom: 98px;
			}
			#cycle1 > div img.redMonster {
				position: absolute;
				top: 60px;	
				left: 50px;
			}
			#cycle1 > div img.blueMonster {
				position: absolute;
				top: 100px;
				right: 50px;
			}
			#cycle1 > div img.orangeMonster {
				position: absolute;
				top: 60px;	
				left: 0;
			}
			#cycle1 > div img.greenMonster {
				position: absolute;
				top: 60px;
				right: 0;
			}
			#cycle1 > div p {
				font-family: 'ExoBold', sans-serif;
				font-size: 15px;
				color: #fff;
				padding: 328px 97px 0 135px;
				text-shadow: 2px 2px #6dbcc1;
				line-height: 1.75;
				text-align:justify;
			}
			#cycle1 > div p.speechLeft {
				font-family: 'ExoBold', sans-serif;
				font-size: 16px;
				color: #d92027;
				text-transform: uppercase;
				position: absolute;
				width: 200px;
				padding: 20px 10px;
				line-height: 1.5;
				background-color: #fff;
				border: 8px solid #fff;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				-webkit-box-shadow: 13px 10px 4px #6bb7bd;
				-moz-box-shadow: 13px 10px 4px #6bb7bd;
				box-shadow: 13px 10px 4px #6bb7bd;
				margin-left: 190px;
				text-shadow: none;
				bottom: 290px;
	text-align: center;
}
				/*#cycle1 > div p.speechLeft:before
				{
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: 30px;
					top: 100px;
					border: 25px solid;
					border-color: #fff transparent transparent #fff;
				}*/
				#cycle1 > div p.speechLeft:after
				{
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: 38px;
					bottom: -38px;
					border: 15px solid;
					border-color: #fff transparent transparent #fff;
				}
				#cycle1 > div p.speechRight {
					float: right;
					font-family: 'ExoBold', sans-serif;
					font-size: 16px;
					color: #d92027;
					text-transform: uppercase;
					position: absolute;
					width: 150px;
					padding: 20px 10px;
					text-align: center;
					line-height: 1.5;
					background-color: #fff;
					border: 8px solid #fff;
					-webkit-border-radius: 30px;
					-moz-border-radius: 30px;
					border-radius: 30px;
					-webkit-box-shadow: 13px 10px 4px #6bb7bd;
					-moz-box-shadow: 13px 10px 4px #6bb7bd;
					box-shadow: 13px 10px 4px #6bb7bd;
					margin-right: 225px;
					text-shadow: none;
					right: 0;
	bottom: 250px;
}
				#cycle1 > div p.speechRight:after {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					right: 38px;
					bottom: -38px;
					border: 15px solid;
					border-color: #fff #fff transparent transparent;
				}

	#cycle1Prev
	{
		position:absolute;
		left:15px;
		top:50%;
		margin-top:-59px;
	}

	#cycle1Next
	{
		margin-top:-59px;
		top:50%;
		position:absolute;
		right:15px;
	}	


#support
{
	position:relative;
	text-align: center;
	overflow: hidden;
	height: 585px;
}

	#support .header
	{
		margin-bottom: 70px;
	}

	#support p
	{
		padding: 0;
		margin: 0 140px 40px 319px;
	}

	#support a
	{
		font-size:22px;
		display:inline-block;
		height:45px;
		position:relative;
		font-family: 'ExoBold', sans-serif;
		color: #e2fbfc;
		text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
		line-height: 45px;
		width: 202px;

		background: #bd7ecb;
		background: -moz-linear-gradient(top,  #bd7ecb 0%, #b458a2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd7ecb), color-stop(100%,#b458a2));
		background: -webkit-linear-gradient(top,  #bd7ecb 0%,#b458a2 100%);
		background: -o-linear-gradient(top,  #bd7ecb 0%,#b458a2 100%);
		background: -ms-linear-gradient(top,  #bd7ecb 0%,#b458a2 100%);
		background: linear-gradient(to bottom,  #bd7ecb 0%,#b458a2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd7ecb', endColorstr='#b458a2',GradientType=0 );
	}

	#support a:after
	{
		top: 45px;
		content: "";
		display: block;
		position: absolute;
		width: 182px;
		background-color: rgba(0, 0, 0, 0.05);
		height: 8px;
		border: 10px solid transparent;
		border-top-color:#8E377D;
		border-top-width:3px;
	}

	#support #purple
	{
		position:absolute;
		top:149px;
		left:120px;
	}

	#support #red
	{
		position:absolute;
		left:290px;
		top:586px;
	}

	#support #green
	{
		position:absolute;
		top:586px;
		left:410px;
	}

	#support #blue
	{
		position:absolute;
		top:586px;
		left:580px;
	}

	#support #orange
	{
		position:absolute;
		left:644px;
		top:586px;
	}