/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {background:url(../interface/bg_footer.png) repeat;}
	h1 {text-indent:-9999px;}
	h2 {font-family: "adelle",serif; font-style: normal; font-weight: 700; color:#ddd; font-size:3em; line-height:1em;}
	p {font-family: "pragmatica-web",sans-serif; font-style: normal; font-weight: 300; font-size:1em; line-height:1.5em; color:#ddd; margin-top:1em;}
	
	#header {width:100%; position:relative; background:#f1efe9; -moz-box-shadow: 0px 0px 60px #000; -webkit-box-shadow: 0px 0px 60px #000; box-shadow: 0px 0px 60px #000; behavior: url(css/css3.htc);}
	#header p {color:#333; margin-top:0;}
	
	.logodiv {text-align:center;}
	#logoLeap {padding:50px 0;}
	#logoInteractive {padding:50px 0;}
	
	.container {padding-bottom:20px;}
	
	#intro {margin-top:-90px; padding-bottom:40px;}
	
	.content {padding:20px; margin:60px 0 50px 0; background:rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; behavior: url(css/css3.htc);}
	
	#footer {}
	#footer .container .row {border-top:1px solid #777;}
	
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	#logoLeap {padding:20px 0;}
	#logoInteractive {display:none;}
	
	#intro {margin-top:0px; padding-bottom:20px;}
	
	.content {padding:10px; margin:60px 0 30px 0;}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}