/* CSS RESET
---------------------------------------------------- */

html, body { height: 100%; }
body, form, ol, ul, dl, li, dt, dd, td, th, tr { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0 0 1em 0; padding: 0; }
ul { list-style: none; }
ol { margin-bottom: 1em; }
ol li { margin-left: 2em; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; }
a:focus { outline: 0; }


/* HTML5 compatibility */

header,
footer,
nav,
section,
article,
aside {
	display: block;
	}


/* BASICS
---------------------------------------------------- */

body {
	font: 16px/1.2 "Helvetica Neue", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	color: #999;
	overflow-y: scroll;
	}

a {
	color: #35557F;
	color: rgba(0,0,0,.4);
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: all ease .2s;
	}
	a:hover {
		text-decoration: underline;
		}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.hide {
	display: none;
	}

.hideText {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}
	
	
/* LAYOUT
---------------------------------------------------- */

#contentWrapper {
	color: #fff;
	padding: 65px 0 70px;
	background: #1C5689 url(bg.png) repeat-y;
	background: -webkit-gradient(linear, left center, right center, from(#67a4d8), to(#004075));
	background: -moz-linear-gradient(left, #6eb9e1, #095286);
	}
	#content {
		width: 880px;
		margin: 0 auto;
		position: relative;
		}
		#iphone {
			width: 296px;
			height: 602px;
			background: url(iphone6.png) no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			padding: 74px 0 0 20px;
			}
			#screenshotWrapper,
			#screenshots li,
			#screenshots img {
				width: 256px;
				height: 454px;			
				}
				#screenshotWrapper {
				    overflow: hidden;
				    position: absolute;
					}
					#screenshots {
					    position: relative;
						}
						#screenshots li {
							float: left;
							}
			
			#screenshotControls {
				position: absolute;
				top: 610px;
				left: 105px;
				}
				#screenshotControls li {
					float: left;
					margin-right: 15px;
					}
					#screenshotControls a {
						display: inline-block;
						width: 6px;
						height: 6px;
						opacity: .3;
						filter: alpha(opacity=30);
						background: #fff;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						}
						#screenshotControls a:hover,
						#screenshotControls .selected a {
							opacity: 1;
							filter: alpha(opacity=100);
							}
			
		#main {
			float: right;
			width: 560px;
			margin: 0 0 80px 40px;
			position: relative;
			z-index: 2;
			}
			#logo {
				width: 343px;
				height: 109px;
				background: url(logo.png) no-repeat;
				margin: 1px 0 -20px -22px;
				}
				
			#price {
				position: absolute;
				top: -40px;
				right: -50px;
				width: 131px;
				height: 94px;
				background: url(price_2.png) no-repeat;
				}
				#price:hover {
					-webkit-animation-name: price;
					-webkit-animation-duration: .8s;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-timing-function: cubic-bezier(0.2, 0.5, 0.5, 1.0);
					}
					@-webkit-keyframes price {
						0% {
							}
						50% {
							-webkit-transform: rotate(-10deg);
							}
						100% {
							}
						}
			
			nav ul {
				float: right;
				}
				nav li {
					float: left;
					margin-left: 5px;
					}
					nav a {
						display: block;
						padding: 5px 15px 7px;
						color: #fff;
						font-weight: bold;
						-moz-border-radius: 5px 5px 0 0;
						-webkit-border-top-left-radius: 5px;
						-webkit-border-top-right-radius: 5px;
						}
						nav .selected a,
						nav .selected a:hover {
							color: #153350;
							text-shadow: 0 1px 0 rgba(255,255,255,.5);
							background: #4F83AA;
							background: rgba(255,255,255,.2);
							}
						nav a:hover {
							text-decoration: none;
							background: #3D7DA9;
							background: rgba(255,255,255,.1);
							}		
						
			#tabs {
				margin: 0 0 30px;
				}
				.tab {
					padding: 20px;
					background: #4F83AA;
					background: rgba(255,255,255,.2);
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					text-shadow: 0 -1px 0 rgba(0,0,0,.3);
					font-weight: 300;
					}
					.tab:last-child {
						-moz-border-radius-top-right: 0;
						-webkit-border-top-right-radius: 0;
						}
					.tab strong {
						font-weight: 600;
						}
					.snowflake li {
						background: url(snowflake.png) no-repeat left 2px;
						padding-left: 20px;
						margin-bottom: 10px;
						}
					p.highlight {
						padding: 10px;
						background: #46789B;
						background: rgba(0,0,0,.1);
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						}
						/*#maps > ul {
							float: left;
							width: 50%;
							}*/
							#maps li {
								font-weight: 900;
								font-size: 18px;
								color: #3C4C56;
								color: rgba(0,0,0,.6);
								text-shadow: 0 1px 0 rgba(255,255,255,.3);
								}
								#maps li ul {
									margin: 10px 0 20px;
									}
									#maps li li {
										font-weight: 600;
										font-size: 16px;
										color: #405a82;
										color: rgba(0,0,0,.4);
										}
										#maps li li li {
											font-weight: 300;
											color: #fff;
											font-size: 14px;
											margin-bottom: 5px;
											margin-left: 10px;
											text-shadow: 0 -1px 0 rgba(0,0,0,.3);
											}
							#maps p.highlight {
								font-weight: bold;
							}
							
							#maps p.highlight .note {
								font-size: small;
								font-weight: normal;
							}
			
			#tabs a {
				color: white;
				text-decoration: underline;
			}
			
			#appStore {
				background: url(appstore.png) no-repeat;
				background-color: #295C7C;
				background-color: rgba(0,0,0,.3);
				width: 184px;
				height: 60px;
				float: left;
				margin: 0 50px 0 0;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				}
				#appStore:hover {
					background-color: #1D4259;
					background-color: rgba(0,0,0,.5);
					}
			
			#twitter {
				color: #87BCDF;
				margin-top: 5px;
				padding-top: 24px;
				background: url(twitter.png) no-repeat;
				font-size: 14px;
				float: left;
				border-bottom: 1px solid rgba(255,255,255,.0);
				}
				#twitter:hover {
					text-decoration: none;
					border-bottom-color: rgba(255,255,255,.5);
					}
			
			#facebook {
				float: left;
				margin: 0 40px 0 0;
				}

footer {
	background: #fff;
	position: relative;
	height: 115px;
	}
	#mountains {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 672px;
		height: 315px;
		background: url(mountains.png) no-repeat;
		z-index: 1;
		}
	#footer {
		width: 850px;
		margin: 0 auto;
		padding-top: 30px;
		color: #82ACC4;
		position: relative;
		z-index: 2;
		}
		#planetree {
			background: url(planetree.png) no-repeat;
			width: 163px;
			height: 55px;
			float: left;
			opacity: .6;
			}
			#planetree:hover {
				opacity: 1;
				}
		#copyright {
			float: left;
			line-height: 1.6;
			font-size: 12px;
			margin: 10px 0 0 50px;
			}
			#copyright img {
				vertical-align: -3px;				
				}
			#lensco_be {
				opacity: .6;
				}
				#lensco_be:hover {
					opacity: 1;
					}
		
#sun {
	position: absolute;
	top: -230px;
	left: -320px;
	width: 580px;
	height: 580px;
	background: url(sun.png) no-repeat;
	z-index: 1;
	-webkit-animation-name: sun;
	-webkit-animation-duration: 120s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin: 55% 49%;
	}
	@-webkit-keyframes sun {
		from {
			-webkit-transform: rotate(0deg);
			}
		to {
			-webkit-transform: rotate(360deg);
			}
		}