/* Lep's World 2 */

/* Font */
@font-face {
	font-family:Doctor Soos Bold;
	src: url(".././Doctor_soos_bold.ttf");
}

div {
	font-family:Doctor Soos Bold;
}

html {
	/*background-color:#80bc2c;*/ /*all BG*/
background-image:url(../images/gradient_bg.jpg);
}

body {
	/* position:relative; */
	z-index:0;
	font-family: verdana;
}

img {
    text-decoration:none;
    border:0px;
}

#content {
	width:1280px;
	height:1227px;
	margin:0 auto;
}

/* DONE */
#upperLoop {
	height:900px;
	width:100%;
	min-width:1280px;
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	background-position:left;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

/* DONE */
#middleLoop {
	/*height:1000px;*/
	width:100%;
	min-width:1280px;
	background-image:url(../images/middle_bg.png);
	background-repeat:repeat-x;
	background-color:#689923;
	position:absolute;
	left:0;
	top:900px;
	z-index:1;
}

/* DONE */
#upperGraphics {
	background-image:url(../images/mainpic.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:937px;
	padding-top:100px;
	margin-bottom:-200px;
	position:relative;
	z-index:2;
}

#homeTitle {
	position:absolute;
	top:46px;
	left:54px;
	display:block;
	width:822px;
	height:102px;
	background-image:url(../images/title.png);
}

#language {
	position:absolute;
	right:-40px;
	top:100px;
	display:block;
	width:150px;
	height:50px;
	color:#80BC2C;
	font-size:24px;
	z-index:4;
}

/* DONE */
#headerFacebook {
	position:absolute;
    left:1040px;
	top:150px;
    display:block;
    width:110px;
    height:110px;
    /* background-image:url(../images/header_facebook_off.png); */
}

/*
#headerFacebook:hover {
    background-image:url(../images/header_facebook_on.png);
}
*/

/* DONE */
#headerTwitter {
	position:absolute;
    left:1040px;
	top:270px;
    display:block;
    width:110px;
    height:110px;
    /* background-image:url(../images/header_twitter_off.png); */
}

/*
#headerTwitter:hover {
    background-image:url(../images/header_twitter_on.png);
}
*/

/* DONE */
#headerAndroid {
    position:absolute;
    left:160px;
    top:394px;
    display:block;
    width:279px;
    height:104px;
    /* background-image:url(../images/android_off.png); */
}

/*
#headerAndroid:hover {
    background-image:url(../images/android_on.png);
}
*/

/* DONE */
#headeriOS {
    position:absolute;
    left:160px;
    top:492px;
    display:block;
    width:279px;
    height:92px;
    /* background-image:url(../images/ios_off.png); */
}

/*
#headeriOS:hover {
    background-image:url(../images/ios_on.png);
}
*/

/* DONE */
#headerWindows {
    position:absolute;
    left:160px;
    top:580px;
    display:block;
    width:279px;
    height:82px;
    /* background-image:url(../images/windows_off.png); */
}

/*
 #headerWindows:hover {
 background-image:url(../images/windows_on.png);
 }
 */

/* DONE */
#headerAmazon {
    position:absolute;
    left:160px;
    top:659px;
    display:block;
    width:279px;
    height:102px;
    /* background-image:url(../images/amazon_off.png); */
}

/*
 #headerAmazon:hover {
 background-image:url(../images/amazon_on.png);
 }
 */

/* DONE */
#headerMac {
    position:absolute;
    left:160px;
    top:759px; /* 719 + 40 */
    display:block;
    width:279px;
    height:77px;
    /* background-image:url(../images/mac_off.png); */
}

/*
#headerMac:hover {
    background-image:url(../images/mac_on.png);
}
*/

/* DONE */
#headerYoutube {
	position:absolute;
	left:940px;
	top:60px;
    display:block;
    width:200px;
    height:80px;
    /* background-image:url(../images/header_youtube_off.png); */
}

/*
#headerYoutube:hover {
    background-image:url(../images/header_youtube_on.png);
}
*/

/* DONE */
#starAnimation1 {
	position:absolute;
    left:800px;
	top:20px;
    display:block;
    width:82px;
    height:82px;
}

/* DONE */
#starAnimation2 {
	position:absolute;
    left:476px;
	top:50px;
    display:block;
    width:82px;
    height:82px;
}

/* DONE */
#starAnimation3 {
	position:absolute;
    left:20px;
	top:10px;
    display:block;
    width:82px;
    height:82px;
}

/* DONE */
/* 480 x 320 ... 543 x 306 */
#youtubeContent {
	position:relative;
	left:549px;
	top:329px;
	width:543px;
	height:306px;
}

/* DONE */
#homeTop {
	position:absolute;
	left:65px;
	top:484px;
}

/* DONE */
#textContent {
	width:100%;
	position:relative;
	z-index:3;
}

/* DONE */
/* SUPPORT */
#textSupport {
    float:left;
	margin-left:300px;
	width:740px;
font-size: 26px;
}

/* DONE */
.textSupportBox {
	border:4px solid white;
	background-image:url(../images/gradient.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 11px;
	padding: 0 20px 6px 20px;
}

/* DONE */
/* APP DESC */
#textLeft {
	float:left;
	margin-left:80px;
	width:740px;
}

/* DONE */
#textMiddle {
	width:740px;
}

/* DONE */
.textBox {
	border:4px solid white;
	background-image:url(../images/gradient.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0 20px 5px 20px;
color:#ffd723;
}

.textBox h1 {
	font-size: 35px;
	padding-top:15px;
	font-weight:bold;
}

.textBox ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.textBox ul li {
    list-style-type: none;
    font-size: 32px;
    background: url(../images/coin.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 47px;
    padding-left: 57px;
    padding-top:11px;
}

/* FAQ */

.faqBox {
    border:4px solid white;
    background-image:url(../images/gradient.jpg);
    background-position:left top;
    background-repeat:repeat-x;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 20px 5px 20px;
    color:#ffd723;
}

.faqBox h1 {
    font-size: 35px;
    padding-top:15px;
    font-weight:bold;
}

.faqBox ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.faqBox ul li {
    list-style-type: none;
    font-size: 32px;
    /* background: url(../images/coin.gif); */
    background-repeat: no-repeat;
    background-position: left top;
}

.faqBox ul li:before {
    content: "+";
    padding-right: 5px;
}

.faqBox ul li.checked::before {
    content: "-";
    padding-right: 5px;
}



/* DONE */
#featuresInner {
	position:relative;
	top:-24px;
}

/* DONE */
h1#featuresHeader {
	width:198px;
	height:46;
	background-image:url(../images/features.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.textBox p {
	font-size:20px;
	padding-top:20px;
}

p.firstPara {
	padding-top:0;
}

.textBox em {
	font-size:20px;
	font-style:italic;
}

.spacer {
	height:35px;
}

#textRight {
	float:right;
	margin-right:105px;
}

.screenShot {
	margin-top:20px;
	position:relative;
left:7px;
}

.firstScreenShot {
	margin-top:10px;
}

.screenShot img {
	display:block;
}

#aboutInner {
	position:relative;
	top:-24px;
}

h1#aboutHeader {
	width:256px;
	height:60px;
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#supportInner {
	top:-24px;
}

h1#supportHeader {
	width:218px;
	height:50px;
	background-image:url(../images/support.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#screenshotsInner {
	position:relative;
	top:-24px;
}

h1#screenshotsHeader {
	width:269px;
	height:60;
	background-image:url(../images/screenshots.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#pressKit {
	position:absolute;
    left:890px;
	top:1130px;
    display:block;
    width:260px;
    height:260px;
}

#footer {
	width:1123px; /* 1123px */
	margin:0 auto;
	padding-top:110px;
	text-align:center;
	color:#80bc2c;
	position:relative;
	font-size: 16px;
}

#footer span {
	position:relative;
	top:100px;
	width:100px;
	margin-left:-10px; /* -50 */
}

#footer a {
	color:#8e9ea9;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footerFacebook {
    float:right;
	right:-50px;
	position:relative;
	top:55px;
    display:block;
    width:90px;
    height:90px;
    /* background-image:url(../images/footer_facebook_off.png); */
}

/*
#footerFacebook:hover {
    background-image:url(../images/footer_facebook_on.png);
}
*/

#footerTwitter {
	float:right;
	right:-50px;
	position:relative;
	top:55px;
    display:block;
    width:90px;
    height:90px;
    /* background-image:url(../images/footer_twitter_off.png); */
}

/*
#footerTwitter:hover {
    background-image:url(../images/footer_twitter_on.png);
}
*/

#footerYoutube {
	float:right;
	right:-50px;
	position:relative;
	top:70px;
    display:block;
    width:160px;
    height:64px;
    /* background-image:url(../images/footer_youtube_off.png); */
}

/*
#footerYoutube:hover {
    background-image:url(../images/footer_youtube_on.png);
}
*/

#footerLogo {
    float:left;
	left:-0px;
	position:relative;
	top:70px; /* 56 */
	display:block;
	width:90px;
	height:72px;
}

#footerText {
    left:10px;
    font-size:20px;
    color:#ffc923;
}

/* DONE */
#flagAnimation {
	position:absolute;
    left:151px;
	bottom:40px;
    display:block;
    width:66px;
    height:60px;
}

#lowerRepeat {
	clear:both;
	background-image:url(../images/footer.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	width:100%;
	min-width:1280px;
	height:263px;
	position:relative;
    padding-top:35px;
	z-index:1;
    /* background-color:#FF0000; */
}