@import url("webfonts/stylesheet.css");

/* Reset =================================================== */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, figure, footer,
header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}
.floatwrapper {
  *zoom: 1;
}
.floatwrapper:before,
.floatwrapper:after {
  display: table;
  content: "";
}
.floatwrapper:after {
  clear: both;
}

* {
	-moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

.screenreader {
	position:absolute;
	left:-10000em;
}

/* Use to check for media queries in javascript */
html {
  font-family: 'mobile';
}
html.ie7, html.ie8 {
  font-family: 'desktop';
}

html {
  background:url("../images/bg_callouts.jpg") repeat 0 0 #eeeeee;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #4a7fbf;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4545em;
  background:url("../images/bg_callouts.jpg") repeat 0 0 #eeeeee;
  color: #2e4a85;
  text-align:center;

  text-shadow: 1px 1px 3px rgba(255,255,255,0.3);
}
	.no-rgba body {
		text-shadow: 1px 1px 0px #ccc;
	}

/* Typography =================================================== */
a {
  -moz-transition: color 0.1s linear, background-color 0.1s linear;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear;
  -o-transition: color 0.1s linear, background-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear;
}
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 {

}
h2 {

}
h3 {

}
p, ol, ul, dl, address {
  margin-bottom: 12px;
  line-height: 1.4545em;
}
small {
  font-size: 10px;
  font-size: 1rem;
}
ul, ol {
  margin: 0 0 1.4545em 0;
  padding: 0 0 0 24px;
}
li ul,
li ol {
  margin: 0;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl, dd {
  margin-bottom: 1.4545em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
abbr[title] {
  border-bottom: 1px dotted #e4e3e0;
  cursor: help;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #ffffff;
  color: #4a7fbf;
  text-decoration: none;
}
mark {
  background-color: #ffffff;
  color: #4a7fbf;
  font-style: italic;
  font-weight: bold;
}
pre, code, kbd, samp {
  font-family: Monaco, Courier New, monospace;
  line-height: 1.4545em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* Color =================================================== */
a {
  text-decoration: none;
  color: #3b5998;
}
a:visited {
  color: #3b5998;
}
a:hover {
  color: #223c73;
}
a:focus {
  outline: thin dotted;
  color: #223c73;
}
a:hover,
a:active {
  outline: 0;
}

/* Elements =================================================== */
hr {
  color: #e4e3e0;
  background: #e4e3e0;
  display: block;
  margin: 20px 0;
  *margin: 10px 0;
  padding: 0;
  min-height: 0px;
  border: 0;
  border-top: 1px solid #e4e3e0;
  border-bottom: 1px solid #ffffff;
}
.callout hr {
  margin: 10px 0;
  *margin: 5px 0;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}

/* Forms =================================================== */
form {
  margin: 0 auto;
  max-width:366px;
}
form fieldset {
  margin-bottom: 1.4545em;
  padding: 0;
  border-width: 0;
}
form p {
  margin-bottom: 1px;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  cursor: pointer;
  font-weight:bold;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 8px 8px 5px;
  margin-bottom: 20px;
  background:url("../images/bg_callouts.jpg") repeat 0 0 #eeeeee;
  border: 1px solid #6ec9fd;
  }
input[type="text"],
input[type="email"],
textarea {
	-webkit-box-shadow: inset 1px 2px 0px 0px rgba(208,208,208,.75); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	box-shadow: inset 1px 2px 0px 0px rgba(208,208,208,.75); /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}
	.no-rgba input[type="text"],
	.no-rgba input[type="email"],
	.no-rgba textarea {
		-webkit-box-shadow: inset 1px 2px 0px 0px #d1d4d5; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		box-shadow: inset 1px 2px 0px 0px #d1d4d5; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	}
input:hover,
textarea:hover,
select:hover {
  border-color: #2987bd;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
  background:none;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-image:none;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
  background:none;
}
select,
input[type="file"] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  height: 177px;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2987bd, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 16px;
  font-size: 1.6rem;
  color:#c3c3c3;
}
textarea:-moz-placeholder,
input:-moz-placeholder {
  font-size: 16px;
  font-size: 1.6rem;
  color:#c3c3c3;
}
.placeholder {
	font-size: 16px;
  font-size: 1.6rem;
  color:#c3c3c3;
}
input:focus:invalid,
textarea:focus:invalid {
	border-color: red;
}


.nomobile {
	display:none;
}
.textreplaced {
	height:0;
	overflow:hidden;
}
.inner {
	position:relative;
}

/* Social bar */
.socialbar {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding:7px 8px 5px;
	background:url("../images/bg_socialbar.gif") repeat 0 0 #3f5c98;
	color:#fff;
	border-bottom:1px solid #354f86;
	font-size:13px;
	font-size:1.3rem;
}

	.socialbar .sharing,
	.socialbar .button-facebook {
		position:absolute;
		top:0;
	}
	.socialbar .sharing {
		padding-top:2px;
		left:28px;
		width:325px;
	}
		.socialbar .sharing * {
			-moz-box-sizing: content-box; 
		  -webkit-box-sizing: content-box; 
		  box-sizing: content-box;
		}
	.sharing .platform {
		display:inline-block;
		vertical-align:top;
		height:21px;
	}
		.ie7 .sharing .platform {
			display:inline;
			zoom:1;
		}
	.socialbar .button-facebook {
		right:42px;
		top:-2px;
		padding-top:27px;
		width:173px;
		background:url("../images/btn_facebook_login.png") no-repeat 0 0;
	}

.emailsignup {
	margin-bottom:0;
}
	.emailsignup label,
	.emailsignup input {
		display:inline-block;
		vertical-align:middle;
		font-size:12px;
		font-size:1.2rem;
		width:auto;
		margin:0;
	}
		.ie7 .emailsignup label,
		.ie7 .emailsignup input {
			display:inline;
			zoom:1;
		}
	.emailsignup .emailfield {
		position:relative;
		margin-right:2px;
		z-index:2;
		width:107px;
		height:21px;
		background-image:none;
		background-color:#3d63b0;
		color:#fff;
		padding:3px 10px 2px;
		border:1px solid #223d76;
		-webkit-box-shadow: inset 1px 2px 0px 0px #345698; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	          box-shadow: inset 1px 2px 0px 0px #345698; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	}
		.emailsignup .emailfield:hover {
			border-color:#0a1c3f;
		}
		.emailsignup .emailfield::-webkit-input-placeholder {
		  font-size: 12px;
		  font-size: 1.2rem;
		}
		.emailsignup .emailfieldinput:-moz-placeholder {
		  font-size: 12px;
		  font-size: 1.2rem;
		}
		.emailsignup .placeholder {
		  font-size: 12px;
		  font-size: 1.2rem;
		}
	.emailsignup .emailsubmit {
		position:relative;
		z-index:1;
		-webkit-box-shadow: 0 0 10px 0px #fff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0 0 10px 0px #fff; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	}
	

/* Main content area (big blue) */
.maincontent {
	padding-top:47px;
	background:url("../images/bg_maincontent.jpg") no-repeat 50% 37px #4986cc;
	padding-bottom:1px;
	border-bottom:1px solid #cbcbcb;
}

/* Masthead */
.branding .logo {
	display:block;
	padding-top:139px;
	width:299px;
	background:url("../images/logo_faceblam.png") no-repeat 0 0;
	margin:0 auto 5px;
}

/* Navigation */
nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.mainnav {
	text-align:center;
	margin-bottom:23px;
}	
	.mainnav li {
		display:inline-block;
		vertical-align:middle;
		margin:0 1px;
	}
		.ie7 .mainnav li {
			display:inline;
			zoom:1;
		}
	.mainnav a {
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:14px;
		font-size:1.4rem;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
		padding:5px 6px 4px;
		line-height:1;

		-webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
    border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
  	-moz-background-clip: padding; 
  	-webkit-background-clip: padding-box; 
  	background-clip: padding-box;
	}
		.mainnav a:hover{
			background-color:rgba(255,255,0,.36);
			-webkit-box-shadow:
				inset 1px 1px 1px rgba(0,0,0,.2), 
				inset -1px -1px 1px rgba(255,255,255,.7),
				inset -1px -1px 5px rgba(0,0,0,.2);
  		box-shadow:
  			inset 1px 1px 1px rgba(0,0,0,.2), 
				inset -1px -1px 1px rgba(255,255,255,.7),
				inset -1px -1px 5px rgba(0,0,0,.2);
		}
		.mainnav .selected a,
		.mainnav .selected a:hover {
			background-color:rgba(59,89,152,.5);
			-webkit-box-shadow:
				inset 1px 1px 1px #345e83, 
				inset -1px -1px 1px #aedafb,
				inset -1px -1px 5px #345e83;
  		box-shadow:
  			inset 1px 1px 1px #345e83, 
  			inset -1px -1px 1px #aedafb,
  			inset -1px -1px 5px #345e83;
		}
		

		
		.no-rgba .mainnav a:hover {
			background-color:#7bac8a;
		}
		.no-rgba .mainnav .selected a,
		.no-rgba .mainnav .selected a:hover {
			background-color:#3b5998;
		}
		

/* Sections */
.cta, .callouts, .footer, .guarantee {
	border-top:1px solid #fff;
	border-bottom:1px solid #cbcbcb;
}

/* Content */
.content {
	padding:0 3.333333%;
}
	.content h1 {
		color:#fff;
		font-size:26px;
		text-shadow: 
			-1px -1px 1px rgba(0,0,0,.7),
			0px 0px 20px rgba(0,0,0,.7);
		line-height:1.2em;
		margin-bottom:15px;
		font-family:"wisdom_script_airegular", "Script MT Bold", "Apple Chancery", "Brush Script Std";
		font-weight:normal;
	}
	.ie8 .content h1 {
		color:#3d5a97;
	}
	.ie9 .content h1 {
		position:relative;
		color:#3d5a97;
		zoom: 1; /* required to give the element layout for filters */
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
	}

	.ie9 .content h1:before {
		content: attr(data-shadowtext);
		position:absolute;
		top:4px;
		left:4px;
		width:100%;
		color:#ddd;
	}

	.ie9 .content h1:after {
		content: attr(data-shadowtext);
		position:absolute;
		top:3px;
		left:3px;
		width:100%;
		color:#fff;
	}

/* Video/Flash wrappers */
.videowrapouter {
	max-width:560px;
	margin:0 auto 20px;
	clear:left;
	border:2px solid #3b5998;
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
  border-radius: 3px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	-webkit-box-shadow: 0px 30px 50px 0px #1c3c59; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 30px 50px 0px #1c3c59; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}
.flashwrapouter {
	margin-bottom:25px;
}
.videowrapinner,
.flashwrapinner {
	position: relative;
	padding-bottom: 56.25%;
	/* padding-top: 30px; */
	height: 0;
	overflow: hidden;
}
.flashwrapinner {
	padding-bottom:38.12436289%; /* height of Flash / width of flash as % */
}
	.coming-soon .flashwrapinner {
		padding-bottom:47.396386822529%; /* height of placeholder image / width of placeholder image as % */	
	}
.videowrapinner iframe,  
.videowrapinner object,  
.videowrapinner embed,
.flashwrapinner iframe,  
.flashwrapinner object,  
.flashwrapinner embed,
.flashwrapinner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Call to action */
.cta {
	background:url("../images/bg_cta.jpg") repeat 0 0 #fdfd00;
	padding:14px 3% 0;
	font-family:"futura_std_bookbold_italic", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-size:1.5rem;
	text-transform:uppercase;
	position:relative;
	/* margin-bottom:-1px; */

	-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,.3); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 60px 0px rgba(0,0,0,.3); /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */

}
	.cta p {
		line-height:1;
		max-width:30em;
		margin-left:auto;
		margin-right:auto;
	}
	.cta span {
		text-transform:none;
	}
	
	.cta .button-appstore {
		display:block;
		background:url("../images/btn_appstore_noarrow.png") no-repeat 0 0;
		width:180px;
		padding-top:60px;
		margin:5px auto 10px;
		-webkit-box-shadow: 0 0 15px 0px #fff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	          box-shadow: 0 0 15px 0px #fff; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
		
	}
		.home .cta .button-appstore {
			width:211px;
			padding-top:170px;
			background:url("../images/btn_appstore.png") no-repeat 0 0;
			position:relative;
			margin:-99px auto 3px;
			-webkit-box-shadow: none;
	    box-shadow: none;
		}

/* Callouts */
.callouts, .footer, .guarantee {
	background:url("../images/bg_callouts.jpg") repeat 0 0 #eeeeee;
}
.callouts {
	padding:3px 0 15px;
	color:#555a6d;
}
.callout {
	max-width:294px;
	text-align:left;
	font-size:12px;
	font-size:1.2rem;
	margin:0 auto;
}
	.callout h2 {
		font-weight:bold;
		font-size:14px;
		font-size:1.4rem;
		color:#25282a;
		margin:20px 10px 5px 8px;
	}
	.callout p {
		margin-left:8px;
		margin-right:10px;
	}

/* Footer */
.footer {
	border-bottom:none;
	padding:17px 5%;
	color:#a0a4ae;
}
	.footer,
	.footer small {
		font-size:12px;
		font-size:1.2rem;
	}
	.footer a {
		font-weight:bold;
	}
	.footer small,
	.footer nav,
	.footer nav li {
		display:inline-block;
		vertical-align:baseline;
	}
		.ie7 .footer small,
		.ie7 .footer nav,
		.ie7 .footer nav li {
			display:inline;
			zoom:1;
		}
	.footer nav li {
		margin:0 6px 0 9px;
	}
	.footer .disclaimer {
		width:280px;
		padding-top:31px;
		background:url("../images/badge_not_affiliated.png") no-repeat 0 0;
		margin:18px auto;
	}

/* Homepage */
.home .maincontent {
	background:url("../images/bg_maincontent_home_768.jpg") no-repeat 50% 0 #4986cc;
}
.asseenon {
	width:66px;
	padding-top:56px;
	background:url("../images/badge_as_seen_on_fb.png") no-repeat 0 0;
	float:left;
}
.cascade {
	margin:0 auto;
}

/* Support page */
.support .maincontent input.submit {
	position:relative;
	margin-top:-5px;
	margin-bottom:119px;
	-webkit-box-shadow: 0 0 15px 0px #fff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0 0 15px 0px #fff; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	
}
/* Gallery page */
.roundabout-holder,
ul.roundabout {
	list-style: none;
  padding: 0;
  margin: 50px auto 0;
}
.roundabout-holder {
  height:140px;
  width: 50%;
}
.roundabout-moveable-item {
  width: 225px;
  height:140px;
  cursor: pointer;
  -webkit-box-shadow: 0px 10px 30px 0px #1c3c59; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 10px 30px 0px #1c3c59; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}
	.no-boxshadow .roundabout-moveable-item {
		border:1px solid #ccc;
	}
.roundabout-in-focus {
  cursor: auto;
}

/* About page */
.abouttheapp {
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
}
	.abouttheapp img {
		display:none;
	}
	.abouttheapp h2,
	.abouttheapp p {
		max-width:720px;
		margin-left:auto;
		margin-right:auto;
	}
	.abouttheapp h2 {
		font-family:"futura_std_bookbold_italic", serif;
		font-size:24px;
		font-size:2.4rem;
		margin-bottom:5px;
	}
	.abouttheapp p {
		margin-bottom:1.25em;
		line-height:1.6;
	}
.guarantee {
	padding:35px 5% 20px;
	font-size:12px;
	font-size:1.2rem;
	color:#555a6d;
}
	.guarantee p {
		max-width:60em;
		margin-left:auto;
		margin-right:auto;
		line-height:1.58333333333333; /* 19 / 12 */
	}
		.guarantee p:first-child {
			margin-bottom:2em;
		}
.neopangea {
	display:block;
	width:146px;
	padding-top:80px;
	background:url("../images/logo_neopangea.png") no-repeat 0 0;
	margin:0 auto;
}

/* Media queries =========================================== */
@media only screen and (min-width: 480px) {
	/* 480+up styles */
	.mainnav li {
		margin:0 5px;
	}
	.mainnav a {
		font-size:18px;
		font-size:1.8rem;
		padding:5px 10px;
		height:1.72em; /* 31 / 18 */
	}
	.support .content h1 {
		font-size:38px;
	}
	.roundabout-holder {
	  height:187px;
	}
	.roundabout-moveable-item {
	  width: 300px;
	  height:187px;
	}
}
@media only screen and (min-width: 600px) {
	/* 600+up styles */
	.content h1 {
		font-size:30px;
	}
	.roundabout-holder {
	  height:249px;
	}
	.roundabout-moveable-item {
	  width: 400px;
	  height:249px;
	}
}
@media only screen and (min-width: 622px) {
	.create p b {
		display:inline-block;
		width:100%;
	}
}
@media only screen and (min-width: 768px) {
	/* 768+up styles */
	.home .maincontent {
		background:url("../images/bg_maincontent.jpg") repeat-y 50% 0 #4986cc;
	}
	.callout {
		max-width:294px;
		display:inline-block;
		vertical-align:top;
		margin:0 15px 0 18px;
	}
	.roundabout-holder {
	  height: 343px;
	}
	.roundabout-moveable-item {
	  width: 550px;
	  height: 343px;
	}
}
@media only screen and (min-width: 992px) {
	/* 992+up styles */
	.maincontent {
		background:url("../images/bg_maincontent_992.jpg") no-repeat 50% 0 #4986cc;
	}
	.home .maincontent {
		background:url("../images/bg_maincontent_home_big.jpg") no-repeat 50% 0 #4986cc;
	}
	.cascade {
		display:none;
	}
	.nomobile {
		display:block;
	}
	.branding, .mainnav, .asseenon {
		float:left;
	}
	.branding,
	.home .homecontent {
		padding-left:28px;
	}
	.mainnav {
		margin-top:31px;
		margin-left:54px;
	}
	.asseenon {
		margin-top:16px;
		margin-left:20px;
	}
	.inner, .masthead, .content {
		max-width:1024px;
		margin:0 auto;
	}
	.cta {
		padding:0;
		height:91px;
	}
		.cta .inner {
			padding-top:10px;
			padding-left:1.953125%;
			padding-right:1.5625%;
		}
		.cta .button-appstore {
			position:absolute;
			left:48%;
		}
			.home .cta .button-appstore {
				position:absolute;
				left:46.25%;
			}

		.cta .inner > p {
			float:left;
			width:46.58203125%;
			margin-top:15px;
		}
		.cta .tryfree {
			float:right;
			width:32.03125%;
			padding-top:9px;
		}
			.cta .tryfree p {
				float:left;
				width:62.25%;
				text-align:left;
				font-size:14px;
				font-size:1.4rem;
			}
			.cta .tryfree p a {
				color:#fa3030;
				text-decoration:underline;
			}
	.button-tryitfree {
		float:right;
		display:block;
		width:114px;
		padding-top:37px;
		background:url("../images/btn_try_it_free.png") no-repeat 0 0;
		margin-top:2px;
		-webkit-border-radius: 4px;
  	border-radius: 4px;
  	-webkit-box-shadow: 0px 0px 10px 0px #ffffff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 10px 0px #ffffff; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	}
	.footer {
		padding-left:0;
		padding-right:0;
	}
	.footer .inner {
		max-width:945px;
	}
	.footer .footerlegal {
		float:left;
	}
	.footer .disclaimer {
		position:relative;
		margin-top:-5px;
		margin-bottom:0;
		float:right;
	}
	.home .content {
		padding:0;
	}
		.home .homecontent {
			width:560px;
		}
			.home .homecontent p {
				font-size:14px;
				font-size:1.4rem;
				line-height:1.71428571; /* 24 / 14 */
				max-width:31em;
				margin:0 auto 30px;
			}
	.roundabout-holder {
	  height: 404px;
	}
	.roundabout-moveable-item {
	  height: 404px;
	  width: 648px;
	}
	/* About page */
	.abouttheapp {
		position:relative;
		margin-top:40px;
	}
	.abouttheapp img {
		display:block;
	}
	.abouttheapp h2 {
		display:none;
	}
	.abouttheapp p {
		margin-left:0;
		margin-right:0;
	}
	.abouttheapp p.introduction,
	.abouttheapp .step1,
	.abouttheapp .step2,
	.abouttheapp .step3 {
		position:absolute;
	}
	.abouttheapp p.introduction {
		text-align:center;
		width:464px;
		top:-39px;
		left:238px;
	}
	.abouttheapp .step1 {
		width:321px;
		top:144px;
		left:367px;
	}
	.abouttheapp .step2 {
		width:401px;
		top:300px;
		left:484px;
	}
	.abouttheapp .step3 {
		width:455px;
		top:534px;
		left:426px;
	}
}
/* @2x retina images */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.branding .logo {
		background-image:url("../images/logo_faceblam@2x.png");
		-moz-background-size:299px 139px;
		-ie-background-size:299px 139px;
		-o-background-size:299px 139px;
		-webkit-background-size:299px 139px;
		background-size:299px 139px;
	}
	.asseenon {
		background-image:url("../images/badge_as_seen_on_fb@2x.png");
		-moz-background-size:66px 56px;
		-ie-background-size:66px 56px;
		-o-background-size:66px 56px;
		-webkit-background-size:66px 56px;
		background-size:66px 56px;
	}
	.cta .button-appstore {
		background-image:url("../images/btn_appstore_noarrow@2x.png");
		-moz-background-size:180px 60px;
		-ie-background-size:180px 60px;
		-o-background-size:180px 60px;
		-webkit-background-size:180px 60px;
		background-size:180px 60px;
	}
		/* Home version is NOT retina, because the arrow was not vector-based in the PSD */
		.home .cta .button-appstore {
			background-image:url("../images/btn_appstore.png") no-repeat 0 0;
			-moz-background-size:211px 170px;
			-ie-background-size:211px 170px;
			-o-background-size:211px 170px;
			-webkit-background-size:211px 170px;
			background-size:211px 170px;
		}
	.neopangea {
		background-image:url("../images/logo_neopangea@2x.png");
		-moz-background-size:146px 80px;
		-ie-background-size:146px 80px;
		-o-background-size:146px 80px;
		-webkit-background-size:146px 80px;
		background-size:146px 80px;
	}
}