body, html {
	height:100%;
	width:100%;
}

.main-ipad {
	height:100%;
	width:100%;
	min-width:2000px;
	position:relative;
	background-color:#00aeef;
}

.image-div {
	position:absolute;
	right:0;
	top:0;
	width:1200px;
	height:1057px;
	z-index:9;
	background-image:url('app_bkgrd_landscape.png');
	background-repeat:no-repeat;
	background-position:right top;
}

.large-ipad-img {
	z-index:10;
	padding-top:200px;
	float:right;
}

.dv-ixl-logo {
	width:435px;
	height:158px;
	padding-top:25px;
}

h1 {
 	font-family:"Trebuchet MS", sans-serif;
	font-size:72px;
	color:#00aeef;
	font-weight:bold;
}

h2 {
	font-family:"Trebuchet MS", sans-serif;
	font-size:36px;
	color:#000000;
}

p , ul li {
	font-family:"Roboto";
	font-size:30px;
	color:#000000;
}

ul {
   list-style-image:url('green_check.png');
   line-height:3.3em;
}

.for-padding {
	padding-left:95px;
	position:absolute;
	width:1150px;
}

.the-whites {
	width:100%;
	height:900px;
	background-color:#fff;
}

.top-ipad {
	margin-bottom:65px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#fff;
	height:900px;
	min-width:970px; /* safety */
}

.bottom-ipad {
	position:absolute;
	background-color:#00aeef;
	width:100%;
}

.centered-text-ipad {
	font-family:"Roboto";
	font-size:48px;
	color:#ffffff;
}

.join-button {
	font-family:"Roboto";
	font-size:48px;
	color:#ffffff;
}

.bottom-sizing {
	padding-left:190px;
	text-align:center;
	width:600px;
}

.intro {
	width:920px;
}

.the-list {
	width:900px;
}

@media screen and (orientation:portrait) {
	.main-ipad {	min-width:1550px;}
	.the-whites {height:1475px;}
	.large-ipad-img {margin-top:400px;}
	ul li {line-height:1.3em;margin-bottom:15px;}
	.bottom-sizing {width:100%;padding-left:0;padding-top:60px;margin-bottom:10px;}
	.image-div {	background-image:url('app_bkgrd_portrait.png');width:100%;height:100%;}
	.intro {	width:750px;}
	.the-list {width:560px;}	
	.final-line {display:none;}
	.centered-text-ipad {margin-bottom:25px;}
}