/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong {font-weight:bold;}
em {font-style:italic;}

a img {border:0;}

html {float:left;text-align:center;width:100%;background:#d2d2d2 url('imgs/bg.jpg') top left repeat-x;display:inline;position:relative;font-size:62.5%;font-family:arial, sans-serif;}
body {float:left;width:100%;background:transparent url('imgs/head-bg.jpg') 35% 0% no-repeat;}
	body .container {margin:0;width:90%;text-align:left;position:relative;}
		.container header{float:left;height:65px;width:100%}
			.container header h1 {float:left;margin:12px 0 13px 0;display:inline;width:100%;}
			.container header h1 a {margin:0 2%;float:left;width:96%;}
	
	span.img-holder {float:left;width:100%;text-align:center;clear:both}

	section.app article.info a.ios,section.app article a.android {background:transparent url('imgs/buttons.png') top left no-repeat;text-indent:-9999em;padding:0;width:259px;height:56px;}
	section.app article a.android {background-position: 0px -58px;width:259px;height:54px;}

	h2, h3 {margin: 0 0 12px 0;font-family:arial, sans-serif;color:#00abe9;font-weight:normal;font-size:4.2em;line-height:1.2em;}
	h3 {margin-bottom:8px;padding-bottom:8px;font-size:1.6em;background:url('imgs/bot-line.gif') bottom left repeat-x;font-weight:bold;}
	section.app, article.info,section.moar {float:left; width:95% ;clear:both;display:inline;text-shadow:0px 1px 0px #fff;}
		section.app {margin:20px 0 10px 14px;}
			section.app article.info {margin:0;padding:0 2%;float:left;width:96%;display:inline;color:#fff;text-shadow:0px 2px 3px #000;}		
				section.app article.info p {margin:0 0 20px 0;font-size:1.6em;font-weight:normal;line-height:1.3em;}
				section.app article.info a {margin:0;font-size:1.6em;font-weight:normal;line-height:2.0em;color:#fff;text-decoration:none;font-weight:bold;float:left;position:relative}
				section.app article.info a.ios:hover,section.app article.info a.ios:focus,section.app article.info a.ios:active {background-position:-258px 0;}
				section.app article a.android:hover,section.app article a.android:focus,section.app article a.android:active {background-position:-258px -58px;}
				
		section.app img.apple-img {width:100%;height:auto;clear:both;}
		
		section.moar {margin:20px 0 10px 0;padding-bottom:16px;float:left;display:inline;font-size:1.4em;line-height:1.5em;color:#343644;background:url('imgs/moar-bl.gif') bottom left repeat-x;}

		section.moar article.details,section.moar article.instruct {padding:0 0 20px 0;float:left;width:96%;clear:none;}
			section.moar article.details ul {margin:6px 0 0 0;float:left;width:100%;display:inline;}
				section.moar article.details ul li {margin:0 0 6px 0;padding:0 0 0 13px;float:left;width:95.873%;display:inline;background:url('imgs/bullet.png') 0 7px no-repeat;}

			section.moar article.instruct img {width:100%;height:auto;}
	
		
	footer {margin:0;padding:5px 0 0 0;clear:both;text-align:left;max-width:100%}	
		footer small {margin:0 0 25px 0;padding: 0 2%;float:left;color:#666;font-size:1.1em;line-height:1.5em;width:96%;display:inline}
		footer a { color: #00abe9; text-decoration: none;}
		
@media screen and (min-width: 320px) {
		section.app, article.info,section.moar,footer { width:306px; max-width:306px;}
		section.app article.info {font-size:1.0em}
		section.app article.info a.ios {margin-right:20px }
		section.app article.info a {margin:0 0 20px 0;}
		section.app img.apple-img {max-width:500px; text-align: center;}

}		

@media screen and (min-width: 479px) {
	section.app,article.info,section.moar,footer {max-width:100%;width:100%;}
	section.app {font-size:1.0em;}
	section.app article.info {font-size:0.9em}

}

@media screen and (min-width: 485px) {
section.app article.info {font-size:1.0em}
}

@media screen and (min-width: 767px) {
	body {background-position: 45% 0%;}
	
	body .container {margin:0 auto;width:93.75%;}

	.container header h1 a {margin:0;float:left;}
	
	span.img-holder {float:none;width:auto;clear:none;text-align:left;width:35%}
	
	section.app, article.info,section.moar {width:100%;max-width:100%}
	
	section.app article.info {margin:50px 0 0 0;padding:0;width:45%;}
	section.app article.info a {margin:5% 0 20px 0;}
	
	section.app span.large {margin-top:4%;max-width:55%;width:55%;float:right;}
	section.app img.apple-img {float:right;display:inline;clear:none;min-width:50%;}
	
	section.moar {margin-top:15%;}
	section.moar article.details {padding:0;float:left;clear:left;width:32.8125%;}
	section.moar article.instruct {padding:0 0 20px 0;float:right;clear:right;width:65.1041%;}
	section.moar article.instruct img {width:87.68%;}
	
	section.moar article.details ul {width:100%;}
		
	footer {width:100%}
		footer small {width:78.125%}
}

@media screen and (min-width: 800px) {
	section.app article.info {margin:50px 0 0 0;padding:0;width:35.4166%;}
	section.app span.large {max-width:60%;width:60%;}
}
@media screen and (min-width: 850px) {
	section.moar {margin-top:60px;}
}
@media screen and (min-width: 920px) {
	section.app article.info a {margin:0 0 20px 0;}
}
@media screen and (min-width: 950px) {
body {background-position: 50% 0%;}
section.app article.info a {margin:0 0 20px 0;}
section.app span.large {min-width:60%;float:right;}
section.app img.apple-img {max-width:500px;}
}
@media screen and (min-width: 1024px) {
body .container {margin:0 auto;width:960px;}
section.app span.large {margin-top:0;}
section.app img.apple-img {max-width:500px;}
}