html, body{margin: 0; padding: 0;height: 100%;}
body{
	background: url('http://img.en25.com/eloquaimages/clients/CouchAssociates/{0d8daaa8-73a7-4b03-8071-de9df2552587}_bodybg.png') repeat fixed;
	font-family: 'Lato', Arial, sans-serif;
	font-weight:200;
}
h1{
	font-family: 'Lato', Arial, sans-serif;
	text-transform:uppercase;
	font-weight: 300;
	text-align:center;
}
h2{
	font-family: 'Lato', Arial, sans-serif;
	text-transform:uppercase;
	font-weight: 300;
	font-size:18px;
	margin:0;
	padding:0;
}

p{margin:0 0 20px 0;}
img{border:none;}
img.mobilelogo{display: none;}
a:link, a:visited{color:#eee;}
a:hover{color:#aaa;}

span.yellow{color:#f1c60d;}



div#wrapper{
	width:1024px;
	margin: 0 auto;
	background:url('http://img.en25.com/eloquaimages/clients/CouchAssociates/{a89a7252-cf37-4945-810d-fa3afee79cbe}_demoleftbg.png') repeat-y;
	overflow:hidden;
}


div#left{
	width: 380px;
	padding: 15px 0 100px 20px;
	float:left;
}
	
	div#menu{
		position:fixed;
		padding:0;
		margin:0;
	}
	div#copyright{
		position:fixed;
		bottom:20px;
		display:block;
		text-align:right;
		color:#666;
		text-transform:uppercase;
		font-size:14px;
		width:310px;
	}
		div#copyright a:link, div#copyright a:visited{color:#666;text-decoration:none;}
		div#copyright a:hover{color:#eee;}
	
	#navigation{
		font-size: 24px;
		padding:0 10px 0 0;
		margin:0;
		text-transform: uppercase;
		color: #666;
		font-weight: 300;
		text-align: right;
	}
	#navigation li{
		list-style: none;
	}
		#navigation li a:link, #navigation li a:visited{color: #666;text-decoration: none;}
		#navigation li a:hover{text-decoration: none; color: #aaa;}
				 
	#navigation li a.active{color: #aaa;border:none;outline:none;}

div#right{
	float:right;
	width:620px;
	color:#eee;
}

div.page{
	margin-bottom:500px;
}

div#home{
	text-align:center;
	padding:20px 0 20px 0;
}

div#what, div#testflight, div#media, div#pilotlicense, div#contact {
	padding:30px 0 50px 0;
}

.demovideo {
height:390px;
background:url('http://img.en25.com/eloquaimages/clients/CouchAssociates/{73bdd9a0-1757-42fb-a92e-748d3c94a302}_videoshadow.png') no-repeat bottom;
padding-bottom:21px;
}



/***************** FORM STYLES *********************/
form{}

.formlabel{
	display:block;
}

form input, textarea, select{
	background:#666;
	border:2px solid #444;
	font-size:16px;
	color:#f1c60d;
	width:400px;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

label.error{
	color:#f1c60d;
	font-style:italic;
	display:none;
}


.submit{padding:10px 0;width:410px;}


div.navholder{
	height:0;
	visibility:hidden;
	position:absolute;
	width:320px;
	margin:0 auto;
	overflow:hidden;
}




/********************* iPhone Specific classes **************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait){

div#wrapper{
	background: none;
	width:100%;
}
img.whatimg{
	width: 40%;
}
img.homeimg{
	display:none;
}		
img.mobilelogo{
	display: block;
	width: 100%;	
}
h1{
	font-size: 20px;
	margin: -20px 0 0 0;
}
div.page{
	width: 98%;
	padding:0 0 0 0;
}

div#left{
	display:none;
}
div#right{
	width:99%; 
}
form input, textarea, select, select#OrganizationalDevices{
	background:#666;
	border:2px solid #444;
	font-size:18px;
	color:#f1c60d;
	width:300px;
	margin: 0 auto;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
select{background:#000;}
.submit{height:40px;width:310px;}



div.navholder{
	position:absolute;
	width:320px;
	margin:0 auto;
	height:100px;
	overflow:hidden;
}
#sliderWrap {
	margin: 0 auto;
	width: 300px;
	visibility: visible;
}
#slider {
	position: absolute;
	background-image:url('http://img.en25.com/eloquaimages/clients/CouchAssociates/{6fab7786-3867-4284-a6f0-4cad4ca6d9cb}_slider.png');
	background-repeat:no-repeat;
	background-position: bottom;
	width: 300px;
	height: 385px;
	margin-top: -357px;
}
#slider img {
	border: 0;
}
#sliderContent {
	margin: 50px 0 0 5px;
	position: absolute;
	text-align:center;
	color:#ddd;
	font-weight:bold;
	padding: 10px;
}
#openCloseWrap {
	position:absolute;
	margin: 365px 0 0 120px;
	font-size:12px;
	font-weight:bold;
}

#navigation{
		font-size: 18px;
		padding: 0;
		margin:100px 0 0 0;
		text-transform: uppercase;
		color: #999;
		font-weight: 300;
		text-align: center;
		width:275px;
	}
	#navigation li{margin:10px 0;}
	#navigation li a:link, #navigation li a:visited{color: #999;text-decoration: none;}
	#navigation li a:hover{text-decoration: none; color: #999;}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape){

div#wrapper{
	background: none;
	width:400px;
	margin: 0 auto;
}
div.page{
	width: 100%;
	padding:0 0 0 0;
	font-size:10px;
}
div#left{
	display:none;
}
div#right{
	width:400px;
	color:#eee;
}

div#home h1{margin:-20px 0 0 0;width:99%;}
div#home p{display:none;}

img.mobilelogo{
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-top:-20px;
}
img.homeimg{
	display:none;
}
img.whatimg{
	width: 30%;
}


/***************** FORM STYLES *********************/
form{}

.formlabel{
	display:block;
}

form input, textarea, select{
	background:#666;
	border:2px solid #444;
	font-size:16px;
	color:#f1c60d;
	width:390px;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

label.error{
	color:#f1c60d;
	font-style:italic;
	display:none;
}


.submit{padding:10px 0;width:395px;}




div.navholder{
	position:absolute;
	width:400px;
	margin:0 0 0 -30px;
	height:100px;
	overflow:hidden;
}
#sliderWrap {
	margin:0;
	width: 400px;
	visibility: visible;
}
#slider {
	position: absolute;
	background-image:url('http://img.en25.com/eloquaimages/clients/CouchAssociates/{1360aca2-ca80-47ae-820a-bfe4f19a57ac}_sliderL.png');
	background-repeat:no-repeat;
	background-position: bottom left;
	width: 400px;
	height: 385px;
	margin-top: -357px;
	margin-left:0px;
}
#slider img {
	border: 0;
}
#sliderContent {
	margin: 50px 0 0 5px;
	position: absolute;
	text-align:center;
	color:#ddd;
	font-weight:bold;
	padding: 10px;
}
#openCloseWrap {
	position:absolute;
	margin: 365px 0 0 20px;
	font-size:12px;
	font-weight:bold;
}

#navigation{
		font-size: 18px;
		padding: 0;
		margin:100px 0 0 0;
		text-transform: uppercase;
		color: #999;
		font-weight: 300;
		text-align: center;
		width:275px;
	}
	#navigation li{margin:10px 0;}
	#navigation li a:link, #navigation li a:visited{color: #999;text-decoration: none;}
	#navigation li a:hover{text-decoration: none; color: #999;}

}




/****************** iPad Classes *********************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 

div#wrapper{
	background: none;
	width:100%;
}
img.whatimg{
	width: 40%;
}
img.homeimg{
}		
img.mobilelogo{
	display: block;
	margin: 0 auto;
}
h1{
	font-size: 20px;
	margin: 0 0 0 0;
}
div.page{
	width: 98%;
	padding:0 0 0 0;
}


div#left{
	display:none;
}
div#right{
	width:99%; 
}




div.navholder{
	position:absolute;
	width:400px;
	margin:0 0 0 10px;
	height:100px;
	overflow:hidden;
}
#sliderWrap {
	margin:0;
	width: 400px;
	visibility: visible;
}
#slider {
	position: absolute;
	background-image:url('http://img.en25.com/eloquaimages/clients/CouchAssociates/{1360aca2-ca80-47ae-820a-bfe4f19a57ac}_sliderL.png');
	background-repeat:no-repeat;
	background-position: bottom left;
	width: 400px;
	height: 385px;
	margin-top: -357px;
	margin-left:0px;
}
#slider img {
	border: 0;
}
#sliderContent {
	margin: 50px 0 0 5px;
	position: absolute;
	text-align:center;
	color:#ddd;
	font-weight:bold;
	padding: 10px;
}
#openCloseWrap {
	position:absolute;
	margin: 365px 0 0 20px;
	font-size:12px;
	font-weight:bold;
}

#navigation{
		font-size: 18px;
		padding: 0;
		margin:100px 0 0 0;
		text-transform: uppercase;
		color: #999;
		font-weight: 300;
		text-align: center;
		width:275px;
	}
	#navigation li{margin:10px 0;}
	#navigation li a:link, #navigation li a:visited{color: #999;text-decoration: none;}
	#navigation li a:hover{text-decoration: none; color: #999;}



}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) { 

img.leftlogo{margin: 50px 0}

div.navholder{
	position:absolute;
	width:400px;
	margin:0 0 0 10px;
	height:100px;
	overflow:hidden;
}
#sliderWrap {
	margin:0 0 0 50px;
	width: 480px;
	visibility: visible;
}
#slider {
	position: absolute;
	background-image:url(sliderL.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	width: 480px;
	height: 385px;
	margin-top: -357px;
	margin-left:-20px;
}
#slider img {
	border: 0;
}
#sliderContent {
	margin: 50px 0 0 5px;
	position: absolute;
	text-align:center;
	color:#ddd;
	font-weight:bold;
	padding: 10px;
}
#openCloseWrap {
	position:absolute;
	margin: 365px 0 0 20px;
	font-size:12px;
	font-weight:bold;
}
#left #menu #navigation{display: none;}

#sliderContent #navigation{
		font-size: 18px;
		padding: 0;
		margin:100px 0 0 0;
		text-transform: uppercase;
		color: #999;
		font-weight: 300;
		text-align: center;
		width:275px;
	}
	#sliderContent #navigation li{margin:10px 0;}
	#sliderContent #navigation li a:link, #sliderContent #navigation li a:visited{color: #999;text-decoration: none;}
	#sliderContent #navigation li a:hover{text-decoration: none; color: #999;}



}