<!DOCTYPE HTML>
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->
<head>
	
	<!-- Global. -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;">
	<title>NOSLO 2012</title>

	<meta property="og:site_name" content="NOSLO is upon us. Go to it!"/>
	<meta property="og:type" content="website"/>
	
	<!-- Stylesheets. -->
	<link id="global-css" type="text/css" media="all" rel="stylesheet" href="assets/js/core/shadowbox-3.0.3/shadowbox.css" />
	<link id="global-css" type="text/css" media="all" rel="stylesheet" href="assets/css/global.css" />
</head>
<body>

	<!-- Sound tracks. -->
	<audio id="backtrack-1" preload="auto">
		<source src="/assets/audio/backtrack-1.mp3"></source>
		<source src="/assets/audio/backtrack-1.ogg"></source>
		Your browser isn't invited for super fun audio time.
	</audio>

	<audio id="backtrack-2" preload="auto">
		<source src="/assets/audio/backtrack-2.mp3"></source>
		<source src="/assets/audio/backtrack-2.ogg"></source>
		Your browser isn't invited for super fun audio time.
	</audio>

	<!--<audio id="backtrack-3" preload="auto">
		<source src="/assets/audio/backtrack-3.mp3"></source>
		<source src="/assets/audio/backtrack-3.ogg"></source>
		Your browser isn't invited for super fun audio time.
	</audio>-->

	<audio id="minnesota-story" preload="auto">
		<source src="/assets/audio/minnesota.mp3"></source>
		<source src="/assets/audio/minnesota.ogg"></source>
		Your browser isn't invited for super fun audio time.
	</audio>

	<audio id="chicago-story" preload="auto">
		<source src="/assets/audio/chicago.mp3"></source>
		<source src="/assets/audio/chicago.ogg"></source>
		Your browser isn't invited for super fun audio time.
	</audio>

	<audio id="toronto-story" preload="auto">
		<source src="/assets/audio/toronto.mp3"></source>
		<source src="/assets/audio/toronto.ogg"></source>
		Your browser isn't invited for super fun audio time.
	</audio>

	<!-- Top Layer -->
	<div class="container" onselectstart="return false;">
	  <div id="parallax">
	    <div class="panel">
	    	<div class="logo">NOSLO</div>
	    	<div class="llama2"></div>
	    	<div class="llama1"></div>
	    	<div class="snow-shoes"></div>
	    	<div class="footprints1"></div>
	    	<div class="footprints2"></div>
	    	<div class="ticker">
	    		<div class="clock">
	    			<div class="clock-labels">
	    				<span>DAYS</span>
		    			<span>HOURS</span>
		    			<span>MINUTES</span>
	    			</div>
	    			<div id="minneapolis-ticker" class="clock-digits"></div>
	    			<a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=40+Power+Street,+Minneapolis,+MN&aq=0&oq=40+power+street+minn&sll=43.646013,-79.400039&sspn=0.009239,0.022724&vpsrc=0&t=h&ie=UTF8&hq=&hnear=40+Power+St,+Minneapolis,+Hennepin,+Minnesota+55401&ll=44.985654,-93.260236&spn=0.00903,0.022724&z=16&iwloc=A">MAP LOCATION</a>
	    		</div>
	    		<div class="clock">
	    			<div class="clock-labels">
	    				<span>DAYS</span>
		    			<span>HOURS</span>
		    			<span>MINUTES</span>
	    			</div>
	    			<div id="toronto-ticker" class="clock-digits mid"></div>
	    			<a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=487+Adelaide+St.+W.+Toronto,+ON+M5V+1T4&aq=&sll=41.890186,-87.629828&sspn=0.009504,0.022724&vpsrc=0&t=h&ie=UTF8&hq=&hnear=487+Adelaide+St+W,+Toronto,+Toronto+Division,+Ontario+M5V+1T4,+Canada&ll=43.646013,-79.400039&spn=0.009239,0.022724&z=16&iwloc=A">MAP LOCATION</a>
	    		</div>
	    		<div  class="clock end">
	    			<div class="clock-labels">
	    				<span>DAYS</span>
		    			<span>HOURS</span>
		    			<span>MINUTES</span>
	    			</div>
	    			<div id="chicago-ticker" class="clock-digits end"></div>
	    			<a href="http://maps.google.com/maps?f=l&q=hub+51&near=51+W.+Hubbard,+Chicago,+IL+60654&geocode=41.890038,-87.629835&ll=41.890038,-87.629835&ie=UTF8&z=13&iwloc=A">MAP LOCATION</a>
	    		</div>
	    	</div>
	    	<div class="noslo-story">
	    		<div class="minnesota-head"><span>MINNESOTAN REGION</span></div>
	    		<div class="toronto-head"><span>TORONTO LANDS</span></div>
	    		<div class="chicago-head"><span>CHICAGO COUNTRY</span></div>
	    	</div>
	    	<div class="noslo-story-btn">
	    		<span>HEAR THREE OF THE VERY BEST NOSLO TRAVEL STORIES.</span>
	    		<span class="small">OR YOU CAN <u>READ IT</u> HERE.</span>
	    	</div>
	    	<div class="llama3"></div>
	    	<div class="wallpapers-circle">
	    		<span>FREE NOSLO WALLPAPERS.</span>
	    		<span class="small">
					FEEL LIKE SHOWING YOUR PRIDE? HERE’S YOUR CHANCE. TAKE YOUR PICK OF 5 LOVELY OPTIONS SURE TO CREATE CUBICLE ENVY.
	    		</span>
	    	</div>
	    	<div class="wallpapers2">
	    		<div id="wallpaper1">
	    			<div class="thumbnail"><img src="/assets/images/wp1-thumbnail.jpg" /></div>
	    			<ul>
	    				<li><a href="/assets/wallpapers/800x600/wp1.jpg">800x600</a></li>
	    				<li><a href="/assets/wallpapers/1024x768/wp1.jpg">1024x768</a></li>
	    				<li><a href="/assets/wallpapers/1280x1024/wp1.jpg">1280x1024</a></li>

	    				<li><a href="/assets/wallpapers/1280x800/wp1.jpg">1280x800</a></li>
	    				<li><a href="/assets/wallpapers/1366x768/wp1.jpg">1366x768</a></li>
	    				<li><a href="/assets/wallpapers/1440x900/wp1.jpg">1440x900</a></li>
	    				<li><a href="/assets/wallpapers/1920x1200/wp1.jpg">1920x1200</a></li>
	    			</ul>
	    		</div>
	    		<div id="wallpaper2">
	    			<div class="thumbnail"><img src="/assets/images/wp2-thumbnail.jpg" /></div>
	    			<ul>
	    				<li><a href="/assets/wallpapers/800x600/wp2.jpg">800x600</a></li>
	    				<li><a href="/assets/wallpapers/1024x768/wp2.jpg">1024x768</a></li>
	    				<li><a href="/assets/wallpapers/1280x1024/wp2.jpg">1280x1024</a></li>

	    				<li><a href="/assets/wallpapers/1280x800/wp2.jpg">1280x800</a></li>
	    				<li><a href="/assets/wallpapers/1366x768/wp2.jpg">1366x768</a></li>
	    				<li><a href="/assets/wallpapers/1440x900/wp2.jpg">1440x900</a></li>
	    				<li><a href="/assets/wallpapers/1920x1200/wp2.jpg">1920x1200</a></li>
	    			</ul>
	    		</div>
	    	</div>
	    	<div class="wallpapers">
	    		<div id="wallpaper3">
	    			<div class="thumbnail"><img src="/assets/images/wp3-thumbnail.jpg" /></div>
	    			<ul>
	    				<li><a href="/assets/wallpapers/800x600/wp3.jpg">800x600</a></li>
	    				<li><a href="/assets/wallpapers/1024x768/wp3.jpg">1024x768</a></li>
	    				<li><a href="/assets/wallpapers/1280x1024/wp3.jpg">1280x1024</a></li>

	    				<li><a href="/assets/wallpapers/1280x800/wp3.jpg">1280x800</a></li>
	    				<li><a href="/assets/wallpapers/1366x768/wp3.jpg">1366x768</a></li>
	    				<li><a href="/assets/wallpapers/1440x900/wp3.jpg">1440x900</a></li>
	    				<li><a href="/assets/wallpapers/1920x1200/wp3.jpg">1920x1200</a></li>
	    			</ul>
	    		</div>
	    		<div id="wallpaper4">
	    			<div class="thumbnail"><img src="/assets/images/wp4-thumbnail.jpg" /></div>
	    			<ul>
	    				<li><a href="/assets/wallpapers/800x600/wp4.jpg">800x600</a></li>
	    				<li><a href="/assets/wallpapers/1024x768/wp4.jpg">1024x768</a></li>
	    				<li><a href="/assets/wallpapers/1280x1024/wp4.jpg">1280x1024</a></li>

	    				<li><a href="/assets/wallpapers/1280x800/wp4.jpg">1280x800</a></li>
	    				<li><a href="/assets/wallpapers/1366x768/wp4.jpg">1366x768</a></li>
	    				<li><a href="/assets/wallpapers/1440x900/wp4.jpg">1440x900</a></li>
	    				<li><a href="/assets/wallpapers/1920x1200/wp4.jpg">1920x1200</a></li>
	    			</ul>
	    		</div>
	    		<div id="wallpaper5">
	    			<div class="thumbnail"><img src="/assets/images/wp5-thumbnail.jpg" /></div>
	    			<ul>
	    				<li><a href="/assets/wallpapers/800x600/wp5.jpg">800x600</a></li>
	    				<li><a href="/assets/wallpapers/1024x768/wp5.jpg">1024x768</a></li>
	    				<li><a href="/assets/wallpapers/1280x1024/wp5.jpg">1280x1024</a></li>

	    				<li><a href="/assets/wallpapers/1280x800/wp5.jpg">1280x800</a></li>
	    				<li><a href="/assets/wallpapers/1366x768/wp5.jpg">1366x768</a></li>
	    				<li><a href="/assets/wallpapers/1440x900/wp5.jpg">1440x900</a></li>
	    				<li><a href="/assets/wallpapers/1920x1200/wp5.jpg">1920x1200</a></li>
	    			</ul>
	    		</div>
	    	</div>
	    	<div class="other-goodies-circle">
	    		<span>OTHER GOODIES</span>
	    	</div>
	    	<div class="other-goodies">
	    		<div class="fb-profile-picts">
	    			<span>COULD WE INTEREST YOU IN A FUN FACEBOOK PROFILE PICTURE?</span>
	    			<ul>
	    				<li><a href="/assets/images/ProfilePic-01.jpg"><img src="/assets/images/ProfilePic-01.jpg"></a></li>
	    				<li><a href="/assets/images/ProfilePic-02.jpg"><img src="/assets/images/ProfilePic-02.jpg"></a></li>
	    				<li><a href="/assets/images/ProfilePic-03.jpg"><img src="/assets/images/ProfilePic-03.jpg"></a></li>
	    				<li><a href="/assets/images/ProfilePic-04.jpg"><img src="/assets/images/ProfilePic-04.jpg"></a></li>
	    				<li><a href="/assets/images/ProfilePic-05.jpg"><img src="/assets/images/ProfilePic-05.jpg"></a></li>
	    			</ul>
	    		</div>
	    		<div class="fb-cover">
	    			<span>FACEBOOK COVER IMAGE?</span>
	    			<a href="/assets/images/Noslo_FBCover.jpg"><img src="/assets/images/Noslo_FBCover.jpg"></a>
	    		</div>
	    		<div class="posters">
	    			<a href="/assets/posters.zip"><img src="/assets/images/VisitNosloPoster.jpg"></a>
	    			<span>DOWNLOAD ALL 4 NOSLO 8.5" x 11" POSTERS</span>
	    		</div>
	    	</div>

	    	<div class="menu">
	    		<div class="menu-count-down"></div>
	    		<div class="menu-noslo-story"></div>
	    		<div class="menu-market"></div>
	    	</div>

	    	<div class="menu2">
	    		<div class="menu-count-down"></div>
	    		<div class="menu-noslo-story"></div>
	    		<div class="menu-market"></div>
	    	</div>

	    	<div class="menu3">
	    		<div class="menu-count-down"></div>
	    		<div class="menu-noslo-story"></div>
	    		<div class="menu-market"></div>
	    	</div>
	    </div>
	  </div>
	</div>

	<!-- Snow Layer -->
	<div class="container" onselectstart="return false;">
		<div id="layer1">
			<div class="panel">
				<div class="lake"></div>
				<div class="fish"></div>
				<div class="tree-set1"></div>
				<div class="tree-set2"></div>
				<div class="tree-set3"></div>
				<div class="snow-top"></div>
			</div>
		</div>
	</div>

	<!-- Wood Top Layer -->
	<div class="container" onselectstart="return false;">
		<div id="layer2">
			<div class="panel">
				<div class="wood"></div>
			</div>
		</div>
	</div>

	<!-- Logo 
	<div class="logo-wrapper">
		<div class="logo">NOSLO</div>
	</div>-->
	
	<!-- Scripts. -->
	<script type="text/javascript" src="/assets/js/core/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="/assets/js/core/jquery.parallaxSwipe.js"></script>
	<script type="text/javascript" src="/assets/js/core/jquery.countdown.min.js"></script>
	<script type="text/javascript" src="/assets/js/core/shadowbox-3.0.3/shadowbox.js"></script>
	<script type="text/javascript">
		Shadowbox.init
		({ 
			players:['html','iframe'],
			onOpen: function() { $('#sb-title').after($('#sb-info')); } 
		});
	</script>
	<script type="text/javascript" src="/assets/js/zeeNoslo.js"></script>
</body>
</html>