/* CSS Styles for Bombing Brain Interactive Site 2014 - iPhone specific */

/* ************************************************** */
/* ************************************************** */

/* Common Styles */

body {
	font-size: 220%;
}

p {
	font-size: 160%;
	line-height: 1.5;
}

header {
	width: 100%;
	min-height: 176px;
}

.logo {
	width: 240px;
	height: 53px;
	top:8px;
	left: 38%;
}


nav {
	width: 100%;
	font-size: 110%;
	min-height: 32px;
	text-align: center;
	margin-left: 0;
	margin-top: 80px;
	padding: 20px 0;
	border-top: 1px solid #212322;
}

nav a {
	margin-left: 0;
	margin: 20px 50px;
}	

.subnavContainer {
	top: 195px;
	z-index: 1001;
	width: 100%;
	background: #0a0c0b;
	opacity: 0.9;
}

.subNav {
	width: 100%;
	min-height: 32px;
	text-align: center;
}

.subNav a {
	font-weight: 300;
	margin-left: 0;
	margin: -20px 40px 20px;
}	


.mainContent {
	padding: 164px 0 60px;
}

h1 {
	margin-bottom: 35px;
	line-height: 1.0;
}

h2 {
	margin-bottom: 70px;
}

h3 {
	font-size: 240%;
	line-height: 1.2;
	margin-bottom: 20px;
}

.heroImage {
	width: 100%;
	height: 540px;
	margin: 0 auto;
}

#homeHero {
	margin-bottom: 20px;
}

#hero_video {
	width: 960px;
	height: 540px;
	margin: 0 auto;
}

#appstore_badge_home {
	bottom: 85px;
}

#appstore_badge {
	width: 340px;
	height: 100px;
	margin: 22px auto 10px;
}

#app_store_link {
	width: 340px;
	height: 100px;
	margin: 70px auto 10px;
}

#appstore_badge_mac {
	width: 413px;
	height: 100px;
	margin: 22px auto 10px;
}

#app_store_link_mac {
	width: 413px;
	height: 100px;
	margin: 40px auto;
}

footer {
	margin-top: -78px;
	padding-top: 20px;
}

.footerSocialIcons {
	width: 275px;
	margin: 30px auto 10px;
}

.facebook {
	width: 88px;
	height: 88px;
	display: inline-block;
	margin: 0;
	margin-right: 88px;
}

.twitter {
	width: 88px;
	height: 88px;
	margin: 0;
	height: 88px;
	display: inline-block;
}

.contentSectionA {
	margin: 20px 0;
	padding: 60px 0 60px;
}

.contentSectionA p {
	width: 940px;
	margin: 40px auto 80px;
}

.contentSectionB {
	margin: 20px 0;
	padding: 60px 0 60px;
}

.contentSectionB p {
	width: 940px;
	margin: 40px auto 80px;
}

.contentSectionA ul {
	width: 900px;
}

.contentSectionB ul {
	width: 900px;
}

.topText {
	width: 940px;
	margin: 40px auto;	
}


/* ************************************************** */
/* ************************************************** */

/* Contact Page */


.inputForm {
	width: 900px;
	margin: -20px auto 360px;
	position: relative;
}

.formfield {
	width: 840px;
	font-size: 140%;

}

.formmessage {
	width: 840px;
	min-height: 180px;
	font-size: 140%;
}

input[type="checkbox"] + label span {
    width:76px;
    height:76px;
    margin: 0 20px 0 0;
}

.nextToCheck {
	width: 800px;
	position: absolute;
	font-size: 120%;
}

.formsubmit {
	top: 1090px;
	right: 10px;
}

#app {
	width: 880px;
}



#videoRecordImg {
	bottom: -20px;
}


#icloud {
	top: -20px;
}

#recHardwareImg {
	bottom: -20px;
}







.addressShortP {
	display: block;
	width: 940px;
	margin: 0 auto;
	font-size: 160%;
}


/* ************************************************** */
/* ************************************************** */

/* Support Page */


#userGuide {
	position: relative;
	padding-bottom: 20px;
}

#userGuideImages {
	position: relative;
	width: 90%;
	margin: 0 auto 40px;
}

.ibookManualImg {
	position: relative;
	width: 400px;
	height: 534px;
	float: none;
	margin: 20px auto 120px;
	bottom: 30px;
	background: #000;
	border: 1px solid #212322;
}

.downloadPDFtext {
	width: 100%;
	top: 550px;
	
}


#privacy_policy {
	padding-bottom: 40px;
}

/* ************************************************** */
/* ************************************************** */

/* Footer SignUp Form */


#footerSignUp {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin: 10px auto;
	min-height: 50px;
}


#mce-EMAIL_footer {
	width: 400px;
	font-size: 100%;
	font-weight: 300;
	text-align: left;
	border: none;
	border-radius: 6px;
	background: #686868;
	height: 40px;
	padding: 10px;
	margin: 40px 10px 10px 0;
}

#mc-embedded-subscribe_footer {
	position: relative;
	display: inline;
	margin: 10px auto;
	padding: 10px 10px;
	border-radius: 6px;
	border: none;
	font-size: 100%;
	font-weight: 300;
	background: #f5f59f;
	
}

#mc-embedded-subscribe_footer:hover {
	background: #FFFFC9;
}

#mc-embedded-subscribe_footer:active {
	background: #a2a558;
}

.clear_footer {
	display: inline;
}