html {
	color:#333;
	font-size:100.01%;
	direction:ltr;
}
* {
	margin:0;
	padding:0;
	font-size:1em;
	font-family:inherit;
	line-height:inherit;
}
body {
	font:normal .75em/1.5em Arial,Helvetica,sans-serif;
	text-align:center;
	background:url(../images/background.jpg) no-repeat center 16px;
}
body.sub {background:url(../images/background-sub.jpg) no-repeat center top;}
img {border:none;}
ul {list-style-type:none;margin:0;padding:0;}
ul.hor li {float:left;}
.clear {clear:both;}

h1 {
	margin-bottom:10px;
	font-size:2.2em;
	line-height:1.2em;
}
h2 {
	margin-bottom:.6em;
	font-size:1.5em;
	line-height:1.2em;
}
h3 {
	margin-bottom:.2em;
	line-height:1.3em;
	font-size:1.4em;
}
.sub h3 {margin-bottom:10px;}

p {padding-bottom:.4em;}
cite {display:block;margin-bottom:.5em}

a:link, a:visited {
	color:#333;
	font-weight:700;
	text-decoration:underline;
}
a:hover, a:active {
	color:#333;
	text-decoration:none;
	outline:none;
}
.twitter a:link, .twitter a:visited, .twitter a:hover, .twitter a:active {
	text-decoration:none;
	outline:none;
	margin-top:-2px;
}
ul.bullet li {
	padding:8px 8px 8px 18px;
	list-style-type:none;
	background:transparent url(../images/icon-bullet.png) no-repeat 0 12px;
}

.separator {
	border-bottom:1px solid #333;
	clear:both;
	height:1px;
	margin:16px 0;
	padding-bottom:0;
	position:relative;
}

#mainWrapper, #menuWrapper {
	position:relative;
	width:860px;
	margin:0 auto;
	text-align:left;
}
#menubg {
	height:30px;
	background:#0b101c url(../images/menu-bg.jpg) repeat-x top left;
}
#menu {
	position:absolute;
	top:6px;
	right:20px;
	font-size:1.3em;
}
#menu li {padding:0 6px;}
#menu a {
	display:block;
	color:#fff;
	text-decoration:none;
}
#menu .active a, #menu a:hover {border-bottom:2px solid #FF9F14;}
#menu .twitter .active a, #menu .twitter a:hover {border-bottom:0px;}
#logo {
	position:absolute;
	top:20px;
	left:20px;
}

#app {
	position:absolute;
	top:240px;
	left:0;
}
#app .app-download {
	position:absolute;
	top:20px;
	left:20px;
	width:225px;
	text-align:right;
}

#app .app-desc {
	position:absolute;
	top:20px;
	left:565px;
	width:275px;
}

/* IPHONE */
#iphone {
	position:absolute;
	top:14px;
	left:278px;
	width:250px;
	height:529px;
	background:url(../images/iphone-large.png) no-repeat top left;

}
#iphone div {
	position:absolute;
	top:90px;
	left:23px;
	overflow:hidden;
	width:205px;
	height:308px;
}
#iphone img {
	position:absolute;
	width:205px;
	height:295px;
}
#iphone-text {
	display:none;
	position:absolute;
	top:120px;
	left:565px;
	width:140px;
	font-weight:700;
}

#quotes {height:100px;}
#quotes blockquote {
	float:left;
	margin:20px 0 0 20px;
	position:relative;
	width:460px;
	font-size:1.1em;
	font-style:italic;
	background: transparent url(../images/quote_left.png) no-repeat left 10px;
	padding-left:18px;
}
#quotes blockquote.right {
	float:right;
	margin:20px 0 0 0;
	width:320px;	
}
#quotes p {display:inline;margin-left:10px;}
#quotes h4 {
	display:inline;
	background: transparent url(../images/quote_right.png) no-repeat right 0;
	padding-right:18px;
}

.sub #quotes {height:auto;}
.sub #quotes blockquote {margin:0 0 20px 20px;}

#howTo {
	position:relative;
	z-index:20;
	float:left;
	width:480px;
	margin:20px 0 0 20px;
}

/* FEATUESBOX */
.featureArea {
	position:relative;
	z-index:30;
	float:right;
}
.featureArea .teaser {float:right;}
.featureArea .teaser img {	
	width:320px;
	height:202px;
	margin:0 20px 20px 20px;
}
.featuresBox {
	width:312px;
	height:200px;
	margin:0 20px;
	padding-top:10px;
	background:transparent url(../images/box-top.png) no-repeat top left;
}
.featuresBox h3 {
	margin-left:20px;
	color:#fff;
}
.featuresBox div {background:#141514 url(../images/box-gradient.png) repeat-x top left;padding-top:10px;}
.featuresBox ul li {
	margin:0 20px;
	font-size:1.2em;
	font-weight:700;
	color:#fff;
}
.featuresBox div.bottom {
	padding-top:10px;
	background:transparent url(../images/box-bottom.png) no-repeat top left;
}

.furtherInfos {
	position:relative;
	z-index:10;
	top:62px;
	margin:0 20px;
}

#mainContent, #subContent {
	position:absolute;
	top:136px;
	left:0;
	width:860px;
}
#mainContent .intro, #mainContent .questions {margin:0 20px;}

#subContent {top:550px;}

#countryList {margin-left:20px;}
#countryList ul {
	float:left;
	width:200px;
}

.questions h3 {
	margin-top:20px;
	padding-top:25px;
	border-top:1px solid #333;
}
.questions ul a {display:block;}

ul.images li {float:left;width:260px;}

.toTop {
	display:block;
	margin-top:20px;
	padding-top:8px;
	text-align:right;
	border-top:1px solid #333;
}

/* FOOTER */
#footer {
	margin:60px 0 20px;
	padding:10px;
	text-align:right;
	border-top:1px solid #333;
}
#footer ul {float:right;}
#footer li {
	border-right:1px solid #333;
	padding:0 7px;
}
#footer li.last {border:none;}
#footer a {font-weight:300;}