* {
	margin: 0;
	padding: 0;
}

html {
	font:87.5%/1.714 Helvetica,Arial,sans-serif;
}

body {
	/*background: url(bg-gradient.png) #464836 repeat-x;*/
	background: url(img/bg-gradient-1.png) #2f2f2f repeat-x;
	min-width: 960px;
	overflow-x: hidden;
	color: white;
}

h2 {
	margin: 0 0 20px;
	font-weight: bold;	
}

h3 {
	margin: 0 0 10px;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border-color: transparent;
}

#lang {
	position: absolute;
	top:0;
	right:0;
	background-color: #777;
	padding:0 10px 0 10px;
	border-radius: 0 0 5px 5px;
}

nav {
	position: relative;
	background: url(img/bg-highlight.png) no-repeat center;
	padding: 10px 0 70px;
	margin: 0 auto;
	width: 960px;
	height: 102px;
	text-align: center;
	text-shadow: 0 0 6px #444;
}

nav ul {
	display: table;
	margin: 0 0 0 276px;
	text-transform: uppercase;
}

nav ul li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 6px;
}

nav ul li img {
	margin: 20px 0 0 0;
}


#appstore-icon {
	display: block;
	position: absolute;
	top:692px;
	left:390px;
	background: url(img/appstore-white.png) no-repeat;
	width: 180px;
	height:62px;
	z-index: 100;
	box-shadow: 0 0 50px #222;
	border-radius: 5px;
}

#appstore-icon:hover {
	box-shadow: 0 0 50px #5e5e5e;
}


#screens {
	position: relative;
	margin: -50px auto 0;
	width: 960px;
	height: 850px;
	text-align: center;

	-webkit-user-select:none;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select: -moz-none;
}

#video {
	display: none;
	cursor: pointer;
}

.portrait-1 {
	margin: 132px 0 0 4px;
}

.landscape-1 {
	margin: 350px 0 0 -1px;
}

.landscape-2 {
	margin: 350px 0 0 80px;
}

#screens #arrow-prev {
	position: absolute;
	cursor: pointer;
	background: url(img/arrow-sprite.png) 0px 0px no-repeat;
	top: 305px;
	left: 0px;
	width: 65px;
	height: 65px;
	opacity: 0.7;
	z-index: 10;
}

#screens #arrow-next {
	position: absolute;
	cursor: pointer;
	background: url(img/arrow-sprite.png) 0px -65px no-repeat;
	top: 305px;
	right: 0px;
	width: 65px;
	height: 65px;
	opacity: 0.7;
	z-index: 10;
}

#screens #arrow-prev:hover, #screens #arrow-next:hover {
	opacity: 1.0;
}

#screens #screen {
	position: absolute;
	left:105px;
	z-index: -1;
}

#quotes {
	margin: -65px auto 0;
	color: #fff;	
	height: 40px;
	font-size: 1.3em;
	width: 680px;
	padding: 20px 0 20px 0;
	/*text-shadow: 0 0 20px #444;*/
	text-align: center;
}

#quotes blockquote {
	line-height: 0.5em;
}

#quotes cite {
	color: #bbb;
	font-size: 0.7em;
}

#info {
	margin: 20px auto 0;
	color: #333;	
	width: 680px;
	padding: 20px 0 20px 0;
	/*text-shadow: 0 0 20px #444;*/
	background-color: #eee;
	border-radius: 15px;
	box-shadow: inset 0 0 5px #888;
	border:solid 2px #f8f8f8;
	text-shadow: 0 0 10px #fff;

}

#info article {
	padding: 20px 40px 20px 40px;
}

#info article.last {
	margin-top: 20px;
	border-top: dotted 1px #bbb;
}

#info article.highlight {
	text-align: center;
	text-transform: uppercase;
}

#info article#share {
	margin: 20px 0 0 0;
	text-align: center;
}

#info div.first-col, #info div.second-col {
	display: table-cell;
}

#info div.first-col {
	padding: 0 2% 0 0;
	width: 50%;
}

#info div.second-col {
	padding: 0 0 0 2%;
}

#info div.first-col ul li {
	margin-bottom: 20px;
}


#info ul {
	list-style-type: none;
}

#share {
	margin: 20px auto 0;
	color: #fff;	
	width: 680px;
	padding: 20px 0 20px 0;
	/*text-shadow: 0 0 20px #444;*/
	text-align: center;
}

#contact {
	margin: 0 auto;
	color: #fff;	
	width: 680px;
	padding: 20px 0 20px 0;
	/*text-shadow: 0 0 20px #444;*/
	text-align: center;
}

.hidden {
	display: none;
}
#ios7-notifier {
	position: fixed;
	top:20px;
	left:20px;
	background-color:rgba(255,255,255,0.9);
	border:solid 1px #333;
	border-radius: 5px;
	width: 250px;
	z-index: 999;
	line-height: 17px;
	color:#dd3333;
	font-size: 15px;
	padding:10px;
}
#ios7-notifier h1 {
	font-size:14px;
}
#ios7-notifier a {
	color:inherit;
}