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:.6em;
	font-size:1.8em;
	line-height:1.5em;
	color:#2a3c62;
}
h2 {
	margin-bottom:12px;
	font-size:1.5em;
	line-height:1.3em;
}
h3 {
	margin-bottom:.2em;
	line-height:1.3em;
	font-size:1.3em;
}
.sub h3 {margin-bottom:10px;}

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

a:link, a:visited {
	color:#333;
	font-weight:700;
	text-decoration:underline;
}
a:hover, a:active {
	color:#ff9f14;
	text-decoration:underline;
	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, #menuWrapper {
	height:30px;
	background:#0b101c url(../images/menu-bg.gif) 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;
	width:236px;
}
#logo .cheapcalls {
	width:236px;
	height:82px;
	background:url(../images/logo.png) no-repeat top left;
	display:block;
}
#logo .cheapcalls span {display:none;}

#app {
	position:absolute;
	left:0;
}
#app .app-download {
	position:absolute;
	top:274px;
	left:20px;
	width:246px;
	text-align:center;
}

#app .app-download h2 {
	margin-bottom:12px;
	font-size:1.5em;
	color:#ff8e14;
}
#app .app-download div {
	padding-left:36px;
}
#app .app-download p.iphone {
	background:url(../images/btn-iphone.png) no-repeat top left;
	width:172px;
	}

#app .app-download p.iphone a {
	display:block;
	width:172px;
	height:62px;
}
#app .app-download p.android {
	background:url(../images/btn-android.png) no-repeat top left;
	width:172px;
}
#app .app-download p.android a {
	display:block;
	width:172px;
	height:62px;
}
#app .app-download p.iphone a:hover {
	background:url(../images/btn-iphone-ro.png) no-repeat top left;
}
#app .app-download p.android a:hover {
	background:url(../images/btn-android-ro.png) no-repeat top left;
}
#app .app-download p.iphone a span, #app .app-download p.android a span {
	display:none;
}

/* IPHONE */
#iphone {
	position:absolute;
	top:34px;
	left:316px;
	width:227px;
	height:496px;
	background:url(../images/iphone-large.png) no-repeat top left;

}
#iphone div {
	position:absolute;
	top:91px;
	left:19px;
	overflow:hidden;
	width:191px;
	height:275px;
}
#iphone img {
	position:absolute;
	width:191px;
	height:275px;
}

/* Android */
#android {
	position:absolute;
	top:34px;
	left:604px;
	width:227px;
	height:496px;
	background:url(../images/nexus-large.png) no-repeat top left;
}
#android div {
	position:absolute;
	top:75px;
	left:17px;
	overflow:hidden;
	width:191px;
	height:303px;
}
#android img {
	position:absolute;
	width:191px;
	height:303px;
}

/*#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:533px;
	margin-left: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:246px;
	height:309px;
	margin:20px 20px 0 20px;
	padding-top:12px;
	background:transparent url(../images/box-top.png) no-repeat top left;
}
.featuresBox h3 {
	margin-left:20px;
	color:#fff;
}
.featuresBox div {background:#4d4d4d url(../images/box-gradient.png) repeat-x top left;}
.featuresBox ul li {
	margin:0 20px;
	font-size:1.2em;
	font-weight:700;
	color:#fff;
}
.featuresBox div.bottom {
	padding-top:12px;
	background:transparent url(../images/box-bottom.png) no-repeat top left;
}

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

.app-desc {
	position:relative;
	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:205px;}

.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 #787878;
	color:#787878;
}
#footer ul {float:right;}
#footer li {
	border-right:1px solid #787878;
	padding:0 7px;
}
#footer li.last {border:none;}
/*#footer a {font-weight:300;}*/
#footer a:link, #footer a:visited {
	color:#787878;
	font-weight:300;
	text-decoration:underline;
}
#footer a:hover, #footer a:active {
	color:#ff9f14;
	outline:none;
}