@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

html,body{
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-size: 16px;
	font-family: sans-serif;
	color: #777;
	line-height: 25px;
}

p {
	margin-bottom: 15px;
}

a {
	text-decoration: none;
	cursor: pointer;
}

#preload {
	display: none;
}

#container {
	width: 100%;
    height: 100%;
    /*display: none;*/
    position: absolute;
}

.site-width {
	position: relative;
	width: 1094px;
	margin: auto;
}

.section-container {
	width: 1094px;
	top: 200px;
	/*height: 772px;*/
	position: relative;
	/*margin-bottom: 200px;*/
}

#clear-float {
	clear: both;
}

#clear-float2 {
	clear: none;
}





/*SECTION 1*/
#section1 {
	width: 100%;
    height: 100%;
    background-color: #3ec2b2;
    position: fixed;

}

#txt-hero {
	width: 309px;
	height: 341px;
	position: absolute;
	top: 15%;
	left: 20px;
	background-image: url("../images/txt-hero.png");
	background-repeat: no-repeat;
}

#img-hero {
	width: 498px;
	height: 680px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -229px;
	background-image: url("../images/img-hero1.jpg");
	background-repeat: no-repeat;
}

#flashdrive {
	width: 425px;
	height: 621px;
	position: absolute;
	bottom: -500px;
	left: 50%;
	margin-left: -179px;
}

#flashdrive-cover {
	width: 179px;
	height: 131px;
	position: fixed;
	bottom: 315px;
	left: 50%;
	margin-left: -69.5px;
	background-image: url("../images/flashdrive-cover.png");
	background-repeat: no-repeat;
}


#flash-mask {
	/*background-color: "red";
	position: absolute;
	bottom: 0px;
	width: 345px;
	height: 500px;
	left: 50%;
	margin-left: -145px;*/

}

#button-donate {
	width: 151px;
	height: 52px;
	position: absolute;
	top: 20px;
	right: 20px;
	background-image: url("../images/button-donate.gif");
	background-repeat: no-repeat;
}

#button-donate:hover {
	background-image: url("../images/button-donate-hover.gif");
	background-repeat: no-repeat;
	cursor:pointer;
}

#button-contact {
	width: 86px;
	height: 26px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-image: url("../images/button-contact.gif");
	background-repeat: no-repeat;
}

#button-social {
	width: 75px;
	height: 29px;
	position: absolute;
	bottom: 25px;
	left: 20px;
}

#button-facebook {
	width: 32px;
	height: 29px;
	float: left;
	background-image: url("../images/button-facebook.gif");
	background-repeat: no-repeat;
}

#button-twitter {
	width: 43px;
	height: 29px;
	float: left;
	background-image: url("../images/button-twitter.gif");
	background-repeat: no-repeat;
}






/*SECTION 2*/
#section2 {
	width: 100%;
    background-color: #fff;
}

#sec2-1-container {
	height: 472px;
}

#txt-section2-headline {
	width: 130px;
	height: 68px;
	float: left;
	top: 200px;
	background-image: url("../images/txt-section2-headline.gif");
	background-repeat: no-repeat;
	margin-bottom: 50px;
}

.hows {
	width: 273px;
	height: 138px;
	position: relative;
	float: left;
}

#how1 {
	background-image: url("../images/hows/how1.gif");
	background-repeat: no-repeat;
}

#how2 {
	background-image: url("../images/hows/how2.gif");
	background-repeat: no-repeat;
}

#how3 {
	background-image: url("../images/hows/how3.gif");
	background-repeat: no-repeat;
}

#how4 {
	background-image: url("../images/hows/how4.gif");
	background-repeat: no-repeat;
}



#line-section2 {
	width: 100%;
	height: 2px;
	position: relative;
	top: 150px;
	background-color: #d6e6e4;
	margin-bottom: 150px;
}

#sec2-2-container {
	/*width: 1094px;*/
	height: 970px;
	/*top: 200px;
	position: relative;
	margin-bottom: 200px;*/
}

#txt-section2-2 {
	width: 364px;
	height: 42px;
	float: left;
	background-image: url("../images/txt-section2-2.gif");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#body-section2 {
	width: 560px;
	height: 530px;
	float: left;
	margin-left: 6px;
}

#img-section2 {
	width: 478px;
	height: 572px;
	float: right;
	background-image: url("../images/img-section2.gif");
	background-repeat: no-repeat;
}






/*SECTION 3*/
#section3 {
	width: 100%;
    background-color: #3ec2b2;
}

#txt-section3-headline {
	width: 200px;
	height: 72px;
	float: left;
	background-image: url("../images/txt-section3-headline.gif");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#txt-section3-address {
	width: 392px;
	float; left;
}

#address {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#txt-section3-subhead1 {
	width: 200px;
	height: 31px;
	background-image: url("../images/txt-section3-subhead1.gif");
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#txt-section3-subhead2 {
	width: 357px;
	height: 24px;
	background-image: url("../images/txt-section3-subhead2.gif");
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#button-send-money {
	width: 356px;
	height: 52px;
	background-image: url("../images/button-send-money.gif");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#button-send-money:hover {
	background-image: url("../images/button-send-money-hover.gif");
	background-repeat: no-repeat;
}


#button-quiz {
	width: 356px;
	height: 52px;
	background-image: url("../images/quiz-button.gif");
	background-repeat: no-repeat;
	margin-bottom: 20px;
	float: left;
}

#button-quiz:hover {
	background-image: url("../images/quiz-button-hover.gif");
	background-repeat: no-repeat;
}

#body-section3 {
	width: 464px;
	height: 198px;
	float: right;
	color: #0e494a;
	margin-top: 30px;
	margin-right: 100px;
}

#sec3-container {
	height: 700px;
}






/*SECTION 4*/
#section4 {
	width: 100%;
    background-color: #fff;
}

#news {
	margin-top: 150px;
	margin-bottom: 150px;
}

#section4 img {
	width: 270px;
	height: 175px;
}




/*SECTION INSTALLATION*/
#section-installation {
	position: relative;
	width: 100%;
	height: 600px;
    background-image: url("../images/installation/back.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#txt-section-installation-headline {
	float: left;
	width: 529px;
	height: 40px;
	background-image: url("../images/installation/txt-headline.png");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#installation-logos {
	position: absolute;
	width: 1000px;
	height: 65px;
	top: 425px;
}

.installation-logo {
	float: left;
	width: 230px;
	height: 65px;
	background-repeat: no-repeat;
	margin-right: 20px;
}

#installation-logo1 {
	background-image: url("../images/installation/logo-usatoday.png");
}

#installation-logo2 {
	background-image: url("../images/installation/logo-t3n.png");
}

#installation-logo3 {
	background-image: url("../images/installation/logo-lemonde.png");
}

#installation-logo4 {
	background-image: url("../images/installation/logo-chosun.png");
}





/*SECTION 5*/
#section5 {
	width: 100%;
    background-color: #ededed;
}

#txt-section5-headline {
	width: 90px;
	height: 84px;
	float: left;
	background-image: url("../images/txt-section5-headline.gif");
	background-repeat: no-repeat;
	margin-bottom: 50px;
}

#sec5-container {
	height: 900px;
}

.faqs {
	width: 364px;
	height: 225px;
	position: relative;
	float: left;
	background-image: url("../images/faqs/faq1.gif");
	background-repeat: no-repeat;
}

#faq1 {
	background-image: url("../images/faqs/faq1.gif");
	background-repeat: no-repeat;
}

#faq2 {
	background-image: url("../images/faqs/faq2.gif");
	background-repeat: no-repeat;
}

#faq3 {
	background-image: url("../images/faqs/faq3.gif");
	background-repeat: no-repeat;
}

#faq4 {
	background-image: url("../images/faqs/faq4.gif");
	background-repeat: no-repeat;
}

#faq5 {
	background-image: url("../images/faqs/faq5.gif");
	background-repeat: no-repeat;
}

#faq6 {
	background-image: url("../images/faqs/faq6.gif");
	background-repeat: no-repeat;
}











/*FOOTER*/
#footer {
	width: 100%;
    height: 100px;
    background-color: #fff;
}

#img-founders {
	margin-top: 50px;
	width: 286px;
	height: 107px;
	float: left;
	background-image: url("../images/img-founders.gif");
	background-repeat: no-repeat;
}

#img-sponsors {
	margin-top: 50px;
	width: 221px;
	height: 103px;
	float: right;
	background-image: url("../images/img-sponsors.gif");
	background-repeat: no-repeat;
}



@media (min-width: 1095px) {
	#clear-float2 {
		clear: none;
	}

	#body-section3 {
		float: right;
		margin-bottom: 0px;
	}
}

@media (max-width: 1094px) {
    .site-width {
    	width: 730px;
    }

    .section-container {
    	width: 730px;
    }

    #img-section2 {
    	display: none;
    }

    #sec2-1-container {
		height: 572px;
	}

	#installation-logos {
		width: 700px;
		top: 360px;
	}

	#clear-float2 {
		clear: both;
	}

	#body-section3 {
		float: left;
		margin-bottom: 60px;
	}

	#sec3-container {
		height: 970px;
	}

	#sec5-container {
		height: 1070px;
	}


}

@media (max-width: 700px) {
	#img-hero {
		display: none;
	}

	#flashdrive-cover {
		display: none;
	}

	#flashdrive {
		display: none;
	}
}