body{
	background: url(../img/background.png);
    margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
	line-height: 1.5;
}

.main-content{
	width: 990px;
	position: relative;
	margin: 0 auto;
}


h1 img{
	margin: 0 auto 40px;
	max-width: 100%;
	display: block;
}

h3{
	margin-bottom: 20px;
}

p{
	font-weight: 300;
	margin-bottom: 10px;
}

.content{
	width: 310px;
	float: left;
	position: relative;
}

a.logo{
	max-width: 100%;
	margin-bottom: 10px;
	display: block;
}

a.logo:hover{
	opacity: 0.8;
}


.ipad {
	position: relative;
}

.ipad img{
	max-width: 100%;
	margin-bottom: 20px;
	position: relative;

}

.ipad-video{
	width: 79%;
	position: absolute;
	top: 10%;
	left: 8%;
}

.ipad iframe {
	position: absolute;
	margin-top: 0;
	margin-left: 0;
}

.footer{
	background: url(../img/grass.png) repeat-x 0 100%;
	position: relative;
}

.footer img{ 
	max-width: 100%;
	display: block;
}

.footer p{
	color: #173d0d;
	text-align: center;
	padding-bottom: 30px;
	font-size: 1.2em;
}

.footer p a{
	color: white;
	text-decoration: none;
}

.footer p a:hover{
	color: #b3d8a9;
}

a.buy-now{
	width: 397px;
	height: 124px;
	background: url(../img/buy-now.png) no-repeat 0 0;
	display: block;
	text-indent: -99999px;
	margin-bottom: 20px;
}

a.buy-now:hover{
	background-position: 0 -124px;
}	

a.butterfly{
	width: 300px;
	height: 115px;
	position: relative;
	float: right;
	top: -10px;
	right: 20px;
	text-indent: -9999px;
	display: block;
	background: url(../img/butterfly.png) no-repeat 0 0;
	}
	
a.butterfly:hover{
	background-position: 0 -135px;
}

/*about page*/
img.team{
	margin-bottom: 20px;
	display: block;
}

.footer p a.bottom_link {
	color: black;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
@media all and (min-width: 1024px) {

	body {

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

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

	body {
		
	}
	a.butterfly{
		display: none;
	}

}


/* ========================================== */
/* ! 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;
	}*/


}