<!--                                                                                                     
                                             ...,,,,,,,...                                                  
                                  .,:rsS29h&AAAAHHHHHHHBHHAAA&hXSir:,.                                      
                             ,;i2hAAHAAA&Gh93933333333399hhG&AAHBM###MH&Xs;.                                
                         :r2&AAAG9XX222555555S555555555222222XXXX39hGAABM###M&S;.                           
                      ;5GAAh3225SSSSSSiiiSiSSSSSSSSSSSS555555555222XXXX39h&AH##@#&s.                        
                   :S&A&X25SSiiiiiiiiiiSSSSSSSSSSS5S55555555552225222222XXX39hGAB#@@G:                      
                 ;XH&X2SSiiiiiiiiiSSSSSSSSSSSS55555555552522222222222222222XXXX9hGAB@@2                     
               :9Hh25SiiiiiiiSSSSSSSSSSSSSSS555555552222222222222222X2X2XXXXXXXX399&AM@H                    
             .2Hh2SiiiiiiSSSSSSSSSSS55S555555555552522222222222222XX2XXXXXXXXXX33399GAB@H                   
            :&A2SSiiiiiiSSSSSSSSSSSSS55555555555222222222222222X2XXXXXXXXXXX333333339hAB@9                  
           ;H95SiiiSSSSSSSSSSS55S55555555225222222222222X22X2XXXXXXXXXXX333333333399hhGA#@;                 
          ;AXSSiSSSSSSSSSSS5555555555222522222222222222X2XXXXXXXXXXXX333333939999hhhhhG&H@M                 
         .G3SSSSSSSSSSSS55555555522225222222222XXXXXXXXXXXXXXXXXX333333393399hhhhhhhhGG&AM@;                
         2G5SSSSSSS5555555555522222222222222X3h&AAA&h33XXXXXX333333339399h9hhhhhhhGhGG&&AB@h                
        :A2SSSSS55S55555525222222222222222X9&Xs;::;i9AA93X333333393999999hhhhhhhGGGGG&&&AH@@                
        Sh5SS555555555222222222222222X222Xhi         .2H&933399399h99h9hhhhhhhGG&GG&&&&AAB@@:               
       .9X55555552522522222222222X22XXXXX9:            ;BAh99999hhhhhhhhGGGGG&&&&&&A&AAAB#@@i               
       ,G25555522222222222222222222XXXXX9s              :MAh9hhhhhhhhGGGG&G&&&&&&&&A&AB#M##@9               
       r&22222222222222222X22X2XXXXXXXX3G.               iM&hhhGhGGGG&GGG&G&&A&&AAAAHMMMMM#@H               
       i&2222222222222222X2XXXXXXXXXXX3hX                 HAGGGGGG&GG&&&&&AAAAAAAAHBMMMMMM#@M               
       SG222222222222XXXXXXXXXXXXXX3333Ar                 2M&GGGG&&&&&&&&AAAAAAAHBMMBBBBMM#@M               
       2GX2222222XXXXXXXXXXXXXX33333339B,                 r#A&&&&&&&&AAAAAAAAAHBMBBBBBBMMM#@M               
       2&X2222X2XXXXXXXXXXXX3333339399&A                  ;#A&&A&&AAAAAAAAAABBMBBBHBBBBMMM#@B               
       SAX2XXXXXXXXXXXX333333339999999A&                  :@HA&AAAAAAAAAAHBMBBBBHBBBBBMMMM#@&               
       sH3XXXXXXXXX3333333399999h9hhhhB3                  r@HAAAAAAAAAABBMMBBBHHBBBBBBMMMM#@X               
       ;H9XXXXXX33333333399999h9hhhhhGM2                  h#AAAAAAAAHBMBBBBBHHHBBBBBBMMMMM#@s               
       ,HG33333333933999999h9hhhGGGGG&M5                 ,@#AAAAAHBMMBBBBBBHHHHBBBBBMMMMMM#@,               
        A&933333399999hh9hhhGhhhhGGGGA#5                 G@HAHBBMMBBBBHBHHHHHHBBBBBBMMMMMM#@                
        3A933999999hhhhhhhhGGGGG&G&&&A#5                S@#BMMBBBBBBBBBBBBBHBBBBBBBMMMM###@M                
        sMG99999hhhhhhhGGGGGG&G&&&&&&A#9               2@@MBBBBBBBBBBBBBHHHBBBBBBBMMMM####@2                
        ,#AhhhhhhGhGGGGGG&G&&&&&&&&&AA#H              A@@MBBBBBBBBBBBBBHBBHBBBBBBMMM######@:                
         AHGhhhGGGGGG&G&&&&&&&&&AAAAAA#@            r@@@MBBBBBBBBBBBBBBBHHBBBBBBBMM##@####@                 
         s#&GhhGGG&&G&&&&&&&&&AAAAAAAH#@r         r@@@#MBBBBBBBBBBBHHHHBBBBBBMMMMM#BAM@@#@2                 
          #M&GGGGGGGGGGG&AAAAAAAHHHBBM#@@.     ;&@@@@#MBBBBBBBBBBBBBBBBM###MM#####@,  A@@@.                 
          A@#MMBBBHHHHBBBBBBMBMMMMMMBM#@@@#M#@@@@@@#MBBBHHHHHBBBHBBBBBM;  h@. B##M@&;;#@@A                  
          ,@##MMMMMMMMMMMMMMMMBMBBBBBBM#@@@@@@@@@#MBBBBBBBBBBBBBBBBB##@   S@A3@@i  @@@@@@,                  
           A@#BBBBBBBBBBBBBBBBBBBBBBBBBM##@@###MBBBBBBBHHBBBBBBBBBB9rs9@MH##@@@@#;s@@@@@A                   
           ,@#BBBBBBBBHBBBBBBBBBBBBBBBBBBMMMBBBBBBBBBBBBBBBBBBBBBB#;   @@@A     @@@@@@@@.                   
            9@#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBHBBBBBBBBBBBB#9,,;@@@A     @X H@HAi .2,  .:,.          
             @#MBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBHBBBBBBBBM#@@@@@##B     @#&@M.9&  r.  r@@@          
             s@#MBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBM##@@@#@2 .@@@@@@@;  .@@.     ,3Xi          
              B@#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBMMMM#####@@H@@@@@@@@        .ii.              
              .@##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBMMMMMMMM#M######@#  H@@@@iri  ;@@3  :HH:  X;          
               r@#MBBBBBBBBBBBBBBBBBBBBBBBBMMMMMMMMMM##M##############@@;:B@@@@     .9hi  .                 
                9@#MBBBBBBBBBBBBBBBBBBBBMMM#################@@@@@@@@@@@@@@@@hr.  @3      .. .ss,            
                 #@#MMMMMMMBBBBBBBBBMMMMM##@@####@@@@@@@@@@@@@@@@@@#MAh2r,                  :39;            
                  @@#MMMMMMMMMMMMMMMMMMM##X                                         ::::,                   
                  .@@#MMMMMMMMMMMMMMMM###A                                         3@@@@5 :5:               
                   ,@@#MMMMMMMMMMMBMMM##@r                                        ,@@@@M  .;,  .            
                    ,@@#MMMMMBMMBMMMMMM#@s    :G33h, ihX32   .iAA9i,     r&HG2;   G@##@.       ;:  .        
                     ,@@#MMMMMMMMMMMMM##@5    @@@@@ ,@@@@9  G@H2@@@@A  2@#2@@@@@ .@#M#i     ,:    r@,       
                       @@##MMMMMMMMM####@G   i@@@@. #@@@H  @@   M@@@#.@@.  2@@@@ A@##M  :      rAi          
                        A@@##MMMM######@@M  .@@##2 H@@##.,@G X#@@#Gr3@h sM@@@#; :@@#@: @@      #@@          
                         i@@@##########@@@   @@@@@@H@@@@@@r  , .A##X    .. 2@@Hh@@@@@@@M                    
                           M@@@########@@@    rSs:   rii;  ;:   ;@@@& :;    @@@@  ;2Xs           S.         
                            ;@@@@@#####@@M               r@@@@  #@@@@@@@@  G@@@M      .  r.;,    ,          
                              :H@@@@@@@@@:               #@BB2i@@@@;s@#B&r@@@@3  G@..H3G#@@@&               
                                 :5ABB&i.                 ;Xh#@Bs.   ,29#@@5:   r;2iG#rS3
                                 
                            
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="yummy circus, ouya game, ouya games, ouya puzzle game, yummy circus game, yummy circus puzzl, yummy circus puzzle, puzzle game ouya, multiplayer game on ouya, puzzl, online multiplayer game, realtime multiplayer, play online multiplayer, puzzl.com, puzzle games, puzzl studio, indie games studio, online multiplayer puzzle game, play online puzzle game, play a puzzle game, puzzl ltd" />
    <meta name="description" content="Yummy Circus by Puzzl! The multiplayer action-puzzle game on Ouya, Mac, Pc, iPad and Android!" />
	<title>Yummy Circus by Puzzl!</title>
	<link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
	<style>
		* {
			padding: 0;
			margin: 0;
		}
		body {
			border-top: 4px solid #333;
		}
		#preload {
			display: block;
			position: absolute;
			left: 0;
			top: 4px;
			width: 100%;
			background: -moz-linear-gradient(top, #004fd8, #fff);
			background: -o-linear-gradient(top, #004fd8, #fff);
			background: -webkit-gradient(linear, left top, left bottom, from(#004fd8), to(#fff));
			filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#004fd8, endColorstr=#ffffff, GradientType=0); zoom: 1;
			background: linear-gradient(top, #004fd8, #fff);
			border-bottom: 8px solid #333;
		}
		#preload div {
			background: url(bundle/fancybox/fancy_loading.png) no-repeat left top;
			position: absolute;
			width: 40px;
			height: 40px;
			left: 50%;
			top: 50%;
			display: block;
		}
	</style>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
	<script type="text/javascript" src="bundle/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
	<link rel="stylesheet" href="bundle/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
	<link rel="icon" href="favicon.ico" /type="image/x-icon" />
</head>
<body>
	<div id="rail" class="rail">
		<script type='text/javascript'>
			$( '#rail' ).css( 'visibility', 'hidden' );
		</script>
		<div id="foot">
			<ul id="follow">
				<li class="facebook"><a href="https://www.facebook.com/pages/Puzzl/268949949816794" target="_blank">Facebook</a></li>
				<li class="twitter"><a href="https://twitter.com/puzzltweet" target="_blank">Twitter</a></li>
				<li class="youtube"><a href="http://www.youtube.com/puzzl" target="_blank">Youtube</a></li>
			</ul>
			<div id="cloud1"></div>
			<div id="cloud2"></div>
			<div id="content">
				<div id="logo">Yummy Circus</div>
				<div class="info media" style="width: 500px">
					<h1>Soon on Ouya, Pc, Mac, iPad and Android!</h1>
					<h1>Up to 12 players online fun!</h1>
					<h1><strong>Action-Puzzle Adventure at its best!</strong></h1>
					<br />
					<a href="screenshots/yummy_circus_screenshot01.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb01.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot02.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb02.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot03.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb03.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot04.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb04.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot05.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb05.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot06.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb06.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot07.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb07.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot08.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb08.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot09.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb09.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot10.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb10.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot11.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb11.jpg" /></a>
					<a href="screenshots/yummy_circus_screenshot12.jpg" rel="screenshots"><img src="screenshots/yummy_circus_thumb12.jpg" /></a>
				</div>
				<div class="clear"></div>
				<div class="clear"></div>
				<div class="info" style="display:none">
					<h1>Subscribe for updates:</h1>
					<form action="subscribe.php" id="subscribtion" method="GET">
						<input class="subscribe" type="email" name="email" value="enter email here..." />
						<input type="image"  src="img/submit.png" class="subscribe-submit" value="&gt;" />
					</form>
				</div>
				<div class="copy"><br /><br /><br /><br />Copyrights &copy; 2012-2013 Puzzl. "Yummy Circus", "Puzzl", are registered trademarks of <a href="http://www.puzzl.com" target="_blank">Puzzl.com</a>.</div>
			</div>
		</div>
	<div id="preload"><div></div></div>
	<script type='text/javascript'>
		$( 'body' ).css( 'overflow', 'hidden' );
		$( '#preload' ).height( $(window).height() - 8 );
		$( '#rail' ).css( 'visibility', '' );
		$( '.subscribe' ).get( 0 ).dataEmpty = $( '.subscribe' ).val();
		preLoadingFrame = 0;
		documentPreloaded = false;

		preloadAnimateLoading = function() {
			if ( documentPreloaded )
			{
				clearInterval( loadingTimer );
				return;
			}
			$( '#preload div' ).css( 'background-position', 'left ' + ( preLoadingFrame * -40 ) + 'px' );
			preLoadingFrame = ( preLoadingFrame + 1 ) % 12;
		}

		loadingTimer = setInterval( preloadAnimateLoading, 66 );

		$( function() {
			$( '.subscribe' ).live( 'focus', function() { $( this ).val() != this.dataEmpty || $( this ).val( '' ); $( this ).removeClass( 'subscribe-error' ).removeClass( 'subscribe-success' ); } );
			$( '.subscribe' ).live( 'blur', function() { $( this ).val() != '' || $( this ).val( this.dataEmpty ); } );
			$( '#subscribtion' ).live( 'submit', function() {
				$elm = $( this ).replaceWith( $( '<div></div>' ).addClass( 'subscribe-loading' ).css( { height: '44px', width: '345px', background: 'url(img/load-subscribe.gif) no-repeat center top' } ) );
				$.getJSON( $elm.attr( 'action' ) + '?' + $elm.serialize(), function( data ) {
					$( '.subscribe-loading' ).replaceWith( $elm );
					$message = $( '.subscribe' ).get( 0 ).dataEmpty = data.message;
					$( '.subscribe' ).val( $message ).removeClass( 'subscribe-error' ).removeClass( 'subscribe-success' );
					if ( data.result == 'success' )
					{
						$( '.subscribe' ).addClass( 'subscribe-success' );
					}
					else
					{
						$( '.subscribe' ).addClass( 'subscribe-error' );
					}
				});
				
				setTimeout( function () {
				}, 3000 );
				return false;
			} );

			$( '.media a' ).fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	'fast',
				'speedOut'		:	'fast',
				'overlayShow'	:	true
			});
			
			$( '.dwnld a' ).fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'fade',
				'speedIn'		:	'fast',
				'speedOut'		:	'fast',
				'overlayShow'	:	true
			});


			$( '.media a img' ).mouseover( function() {
				$( this ).parent().stop( true ).animate({ backgroundColor: "#fff"}, "slow");
			});
			$( '.media a img' ).mouseout( function() {
				$( this ).parent().stop( true ).animate({ backgroundColor: "#000000"}, "slow");
			});
		} );

		$( window ).load( function () {
			$( '#preload' ).fadeOut( 'slow', function() {
				$( '#preload' ).detach();
				$( 'body' ).css( 'overflow', 'visible' );
				documentPreloaded = true;
				clearInterval( loadingTimer );
			});
		});
	</script>
	<script type='text/javascript' src='js/color.js'></script>
	<script type="text/javascript" src="js/jquery.easing-1.3.pack.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel-3.0.2.pack.js"></script>
	<style>
		body {
			font-family: 'Titillium Web';
			background: #004fd8 url(img/sky.jpg) repeat-x left 5px;
			padding-bottom: 0px;
			border-bottom: 4px solid #000;
			font-size: 14pt;
			font-weight: 400; 
		}
		#rail {
			background: url(img/rail.jpg) repeat-x 1264px bottom;
			background-position: 1264px 1050px;
			border-bottom: 1px solid #a7c48b;
		}
		#foot {
			background: url(img/foot.jpg) no-repeat 494px bottom;
		}
		#follow {
			height: 27px;
			left: 627px;
			top: 0;
			position: absolute;
			background: url(img/follow.png) no-repeat left top;
			width: 120px;
			padding-left: 200px;
			padding-top: 13px;
		}
		#follow li {
			list-style: none;
			float: left;
			margin-right: 2px;
		}
		#follow li a {
			display: block;
			width: 16px;
			height: 16px;
			background-image: url(img/icons.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		#follow .email a {
			background-position: left top;
			margin-left: 5px;
		}
		#follow .twitter a {
			margin-left: 5px;
			background-position: -16px top;
		}
		#follow .flickr a {
			background-position: -32px top;
		}
		#follow .youtube a {
			background-position: -48px top;
		}
		#follow .facebook a {
			background-position: -64px top;
			margin-left: 5px;
		}
		#cloud1 {
			width: 200px;
			height: 71px;
			left: 457px;
			top: 15px;
			position: absolute;
			background: url(img/cloud1.png) no-repeat left top;
			text-indent: -9999px;
		}
		#cloud2 {
			width: 215px;
			height: 109px;
			left: 700px;
			top: 100px;
			position: absolute;
			background: url(img/cloud2.png) no-repeat left top;
			text-indent: -9999px;
		}
		#content {
			height: 1177px;
			background: url(img/left.jpg) no-repeat left top;
			padding-left: 389px;
			padding-top: 206px;
		}
		#logo {
			height: 248px;
			background: url(img/logo.jpg) no-repeat left top;
			text-indent: -9999px;
		}
		.info {
			padding-left: 100px;
			padding-top: 30px;
		}
		.info_ost {
			padding-left: 100px;
			padding-top: 5px;
		}
		.copy {
			padding-left: 100px;
			height: 0px;
			font-family: 'Titillium Web';
			text-shadow:0px -1px 0px #000;
			color: #FFFFFF;
			font-size: 8pt; 
		}
		.copy a {
			text-decoration: none;
			font-family: 'Titillium Web';
			text-shadow:0px -1px 0px #000;
			color: #FFFFFF;
			font-size: 8pt; 
		}
		.media a {
			margin-right: 6px;
			margin-top: 6px;
			padding: 4px;
			background: #000000;
			float: left;
			line-height: 1px;
			border: 0;
		}
		.clear {
			height: 1px;
			line-height: 1px;
			clear: both;
		}
		.media img {
			padding: 1px;
			border: 0;
			width: 90px;
			height: 70px;
			background: #fee3c5;
		}
		.dwnld {
			margin-top: 20px;
			padding-top: 10px;
			padding-left: 100px;
			text-align: left;
		}
		.dwnld h1 {
			font-size: 27px;
			color: #EEE;
			text-shadow:0px -1px 0px #685;
			margin-bottom: 4px;
		}
		.dwnld a {
			text-decoration: none;
		}
		h2 {
			font-size: 18px;
			color: #fff;
			text-shadow:0 1px 0 #999;
		}
		h2 strong {
			color: #242100;
			text-shadow:0 1px 0 #e0e0e0;
		}
		h1 {
			font-family: 'Titillium Web';
			font-size: 25px;
			color: #FFFFFF;
			text-shadow: 0 1px 0 #000000;
			margin-bottom: 4px;
			font-weight: 400;
			line-height:90% 
		}
		h1.share {
			display: block;
			float: left;
			line-height: 32px;
			padding-right: 10px;
		}
		h1 strong {
			font-size: 25px;
			color: #FFFFFF;
			text-shadow:0 1px 0 #000000;
			font-weight: 300; 
		}
		.subscribe {
			border: 1px solid #ababaa;
			font-family: arial, serif;
			font-size: 16px;
			color: #b1b1b1;
			padding-left: 5px;
			padding-right: 5px;
			vertical-align: top;
			width: 357px;
			height: 40px;
			line-height: 40px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			background: #fff;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #d6e9e8), color-stop(1, #fff) );
			background: -moz-linear-gradient( center top, #d6e9e8 20%, #fff 100% );
			opacity: .8;
			filter: alpha(opacity=80);
		}
		.subscribe-error {
			color: red;
			outline: 3px solid red;
			-moz-outline-radius: 8px;
			-webkit-outline-radius: 8px;
			outline-radius: 8px;
		}
		.subscribe-success {
			color: green;
			outline: 3px solid green;
			-moz-outline-radius: 8px;
			-webkit-outline-radius: 8px;
			outline-radius: 8px;
		}
		.subscribe:focus {
			color: #242100;
		}
		.subscribe-submit {
			margin-left: 5px;
			color: #fff;
			width: 43px;
			height: 43px;
		}
	</style>
	<div class="copy">
	</div>
</body>
</html>