.container.landingPageHeader {
	
	background:#ff866b url(../img/mainBannerBg.jpg) right top no-repeat;
	background-size:110% 100%;
}

.contentArea.mainBannerBg {

	min-height:600px;
}

.container.landingPageHeader .contentArea h1.pagetitle, .container.landingPageHeader .contentArea h2.pagetitle {
	color:#fff;
	text-shadow:0 0 5px #000;
}

.container.landingPageHeader .contentArea h3.pagetitle {
	color:#fff;
	text-shadow:0 0 3px #000;
	margin:-20px 0 40px 0;
	position: relative;
}

.container.landingPageHeader .contentArea h3.pagetitle a.promotion:link, .container.landingPageHeader .contentArea h3.pagetitle a.promotion:visited {
	display: inline-block;
	background:#fff;
	border-radius:3px;
	padding:0 10px 0 10px;
	font-size:1.1em;
	font-weight: 500;
	color:#444;
	text-decoration: none;
	text-shadow:none;
}

.container.landingPageHeader .contentArea h3.pagetitle a.promotion:hover {
	background:#444;
	color:#fff;
}

.container.newsTicker {
	float:left;
	width:100%;
	height:80px;
	line-height: 70px;
	background:#fff;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}

	.container.newsTicker div.newsItem {
		float:left;
		width:100%;
		height:80px;
	}

	.container.newsTicker h1 {
		float:left;
		width:100%;
		text-align: center;
		font-weight: 300;
		font-size:1.5em;
		color:#888;
		margin:0;
		padding:0;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

	.container.newsTicker h1 a:link, .container.newsTicker h1 a:visited {
		color:#468;
	}

	.container.newsTicker h1 a:hover {
		color:#38f;
	}

	.container.newsTicker time {
		float:left;
		width:100%;
		text-align: center;
		height:20px;
		line-height: 20px;
		font-size:0.9em;
		color:#999;
		margin:-20px 0 0 0;
	}

	.container.newsTicker time a {
		color:#888;
	}


.container.landingPageHeader .mainButtons {
	float:left;
	width:100%;
	/*height:60px;*/
	text-align: center;
	margin:0 0 40px 0;
}

	.container.landingPageHeader .mainButtons a:link, .container.landingPageHeader .mainButtons a:visited {
		display:inline-block;
		height:40px;
		line-height: 40px;
		padding:0 30px 0 30px;
		border:1px solid rgba(255,255,255,0.9);
		color:#fff;
		text-decoration: none;
		margin:0 10px 0 10px;
		border-radius:3px;
		background:rgba(0,0,0,0.2);
		min-width: 120px;
		text-shadow:0 0 3px #000;
		text-transform: uppercase;
		font-size:1.2em;
		font-weight: 400;

		position: relative;
	}

		.container.landingPageHeader .mainButtons a .specialOffer {
			position: absolute;
			display: block;
			right:-90px;
			top:-15px;
			padding:0 5px 0 5px;
			text-shadow:none;
			height:23px;
			line-height: 23px;
			font-weight: bold;
			font-family: Lucida Grande, Arial, Helvetica, sans-serif;
			color:#333;
			background:RGBA(250, 217, 214, 1);
			border-radius:3px;
			font-size:14px;
			text-transform: uppercase;
			-webkit-transition:-webkit-transform 0.2s ease-in-out;
		}

			.container.landingPageHeader .mainButtons a:hover .specialOffer {
				background:#38f;
				color:#fff;
				-webkit-transform:translate3d(-5px, 0, 0);
			}

	.container.landingPageHeader .mainButtons a:hover {
		border-color:#fff;
		background:#fff;
		color:#48f;
		text-shadow:0 0 3px #acf;
		box-shadow:0 0 3px rgba(0,0,0,0.7);
	}

	.container.landingPageHeader .mainButtons a:active {
		background:#333;
		border-color:#333;
		color:#fff;
		text-shadow:none;
	}

.container.downloadSection .downloadColumn {
	float:left;
	width:49%;
	min-height: 100px;
	margin:20px 0 0 0;
	text-align: center;
}

	.container.downloadSection .downloadColumn:last-child {
		border-left:1px dashed #ccc;
	}

	.container.downloadSection .downloadColumn h3 {
		float:left;
		width:100%;
		text-align: center;
		font-weight: normal;
		font-size:1.4em;
		margin:0 0 10px 0;
		color:#777;
	}

	.container.downloadSection .downloadColumn .platformSelect {
		float:left;
		width:60%;
		margin-left:20%;
		margin-bottom:1rem;
		font-size:1.6em;
	}

	.container.downloadSection .downloadColumn a.downloadButton {
		width:60%;
		margin-left:20%;
		margin-top:0px;
	}

	.container.downloadSection .downloadColumn p.notes {
		font-size:0.9em;
		margin-top:10px;
	}

	.container.downloadSection .downloadColumn .appstoreBadge img {
		width:100%;
		height:auto;
	}

	.container.downloadSection .downloadColumn .appstoreBadge {
		display:inline-block;
		width:50%;
		margin-bottom:10px;
	}

.checklistTable {
	float:left;
	width:100%;
	background:rgba(255,255,255,0.5);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(255,255,255,0.4)));
	box-shadow:0 0 3px rgba(0,0,0,0.3);
	border-radius:3px;
	font-size:1.1em;
	line-height: 1.5em;
	color:#666;
	font-weight: 400;
	margin:20px 0 20px 0;
}

	.checklistTable .item {
		float:left;
		width:50%;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		box-sizing:border-box;
		height:75px;
		padding:10px 10px 0px 0;
	}

		.checklistTable .item:nth-child(7) {
			border-bottom-left-radius: 2px;
		}
		.checklistTable .item:nth-child(8) {
			border-bottom-right-radius: 2px;
		}

	.checklistTable .item .icon {
		float:left;
		width:50px;
		height:100%;
		line-height: 30px;
		font-size:20px;
		text-align: center;
		color:#83b230;
	}

	.checklistTable .item strong {
		color:#38c;
		font-weight: 400;
		text-shadow:0 0 3px #acf;
	}

a.callToActionBtn:link, a.callToActionBtn:visited {
	float:left;
	padding:10px 20px 10px 20px;
	min-width:180px;
	max-width:70%;
	margin:20px 0 20px 50%;
	border:1px solid #aaa;
	
	text-align: center;
	color:#555;
	border-radius:3px;
	-webkit-transform:translate3d(-50%, 0, 0);
	transform:translate3d(-50%, 0, 0);
	text-decoration: none;
	font-size:1.5em;
	background:rgba(255,255,255,0.7);
}

a.callToActionBtn:hover {
	border-color:#3797e7;
	color:#3797e7;
	background:#fff;
	box-shadow:0 0 3px rgba(0,0,0,0.4);
}

a.callToActionBtn:active {
	background:#3797e7;
	border-color:#3797e7;
	text-shadow:none;
	color:#fff;
}