@charset "UTF-8";
body {
	position: absolute;
	width: 600px;
    min-height: 1200px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
    display: block;
}
#logo {
	width: 600px;
	overflow: hidden;
}



.item {
	width: 250px;
	height: 210px;
}
.item canvas {
	width: 250px;
	height: 135px;
}
.item p {
	width: 230px;
	font-size: 5vw;
}



#player, #banner {
	position: static;
	width: 600px;
	height: auto;
	margin: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}


#topMenu {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	-webkit-overflow-scrolling: touch;
}
.topMenuColumn a:link, .topMenuColumn a:active {
	font-size: 7vw;
}
.topMenuColumn {
	width: 100%;
	display: block;
}
.topMenuColumnScroll {
	width: 100%;
	max-height: 100%;
	overflow-y: visible;
}
.topMenuColumn h3 {
	font-size: 7.5vw;
}


#pageContent, #footer {
	width: 600px;
	margin: 0px;
}
#page {
	width: 540px;
}
#page h1, #page h2 {
	font-size: 8vw;
}
#page h3, #page h4 {
	font-size: 7.5vw;
}
#page h5, #page h6 {
	font-size: 7vw;
}
#page p, #page li {
	font-size: 6vw;
}



#sideBar {
	display: none;
}
#subNav ul {
	display: none;
	width: 100%;
}
#subNav li {
}
#sideBar ul a:link, #sideBar ul a:active, #sideBar ul a:visited {
	display: block;
	width: 90%;
	text-align: left;
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 8vw;
	padding: 20px 5% 20px 5%;
}

#breadCrumb {
	position: fixed;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 600px;
	z-index: 2;
}
#breadCrumb p {
	font-size: 35px;
	top: 20px;
	width: 540px;
	overflow: hidden;
	white-space: nowrap;
}
#video {
	position: fixed;
	width: 600px;
	height: 348px;
	left: 0px;
	z-index: 1;
	background: #fff;
}
#lessonList {
	display: none;
	position: fixed;
	top: 423px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	height: auto;
	width: 600px;
	overflow-y: scroll;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
#lessonList h3, #lessonList h3:active, #lessonList a:link, #lessonList a:active, #lessonList a:visited {
	font-size: 7vw !important;
	padding: 20px;
}
.closeButton {
	width: 59px;
	height: 59px;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 5;
	display: block;
	background: no-repeat top center;
	
	background-image: url(closeButton1x.png);	
	background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);

}
.closeButton:hover {
	cursor: pointer;
	background: bottom center;
	background-image: url(closeButton1x.png);	
	background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
}

@media (orientation: landscape) {
	#breadCrumb {
		display: none !important;
	}
	#video {
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
}

/**
 *
 * Features Typography
 *
 **/
.featuresBody h1, .featuresBody h2, .featuresBody h3, .featuresBody h4, .featuresBody h5, .featuresBody h6,
.featuresForm h1, .featuresForm h2, .featuresForm h3, .featuresForm h4, .featuresForm h5, .featuresForm h6,
.confirmation h1, .confirmation h2, .confirmation h3, .confirmation h4, .confirmation h5, .confirmation h6  {
	font-size: 12vw;
}
.featuresBody p, .featuresForm p, .confirmation p {
	font-size: 10vw;
}
.featuresBody a:link, .featuresBody a:active, .featuresBody a:visited,
.featuresForm p a:link, .featuresForm p a:active, .featuresForm p a:visited,
.confirmation p a:link, .confirmation p a:active, .confirmation p a:visited {
	font-size: 10vw !important;
}
.featuresBody label, .featuresForm label, .confirmation label, .featuresBody li {
	font-size: 10vw;
}

#features {
	position: fixed;
	z-index: 6;
	top: 0px;
}
#featureItems {
	left: 0px;
	right: 0px;
	bottom: 0px;
	
}
#featureItems li {
	display: block;
}
#featureItems a:link, #featureItems a:active, #featureItems a:visited {
	border: none;
	padding: 20px;
	margin: 0px;
	width: 100%;
	text-align: left;
	font-size: 10vw;
	-webkit-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
#featuresOpenButton {
	position: fixed;
	z-index: 5;
}
.featuresForm, .confirmation {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: auto;
	padding: 50px;
	-webkit-overflow-scrolling: touch;
}
.featuresForm input {
	border: 1px solid #444444;
	width: 98%;
	padding: 1%;
	font-size: 10vw;
}
.featuresForm table, .featuresForm tr, .featuresForm td  {
	display: inline-block;
	width: 484px;
}

.disclaimerContinueButton:link, .disclaimerContinueButton:active, .disclaimerContinueButton:visited,
.disclaimerCancelButton:link, .disclaimerCancelButton:active, .disclaimerCancelButton:visited,
.formSubmitButton {
	width: 500px !important;
	font-size: 8vw !important;
}

#lessonVideo {
	width: 600px;
	height: 348px;
	left: 0px;
	margin: -174px 0px 0px;
}
#lessonVideoCloseButton {
	margin: -174px 0px 0px 251px;
}

#socialLinks {
	display: none;
}

#footer {
	width: 540px;
	padding: 30px;
}