@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	html {
		/* avoid unsightly white background when mobile page is scrolled */
		background-color: #000;
	}
	
	#mobilePage {
		width: 100%;
	}
	
	#mobileHeader {
		display: block;
		width: 100%;
	} 
	
	#mobileFooter {
		display: block;
		width: 100%;
	}
	
	#desktopFooter {
		display: none;
	}
	
	#mobileBody {
		display: block;
		width: 100%;
		background-color: #000;
	}
	
	#movieFrame {
		margin-top: 0%; 
		margin-left: 0;
	}
	
	.mobileOnly {
		display: block;
	}
	
	#mobileNavigation {
		display: block;
	}
	
	body {
		font-size: 12px;
		h1: 1.5em;
		h2: 1.2em;
		background-color: #000;
	}
	
	body#home h1 {
		font-size: 1em;
		color: #fff
	}
	
	body#home h2 {
		font-size: 1.1em;
		color: #fff;
	}
	
	.desktopOnly {
		display: none;
	}
	
	.mobileOnly {
		display: block;
	}
	
	#textwrapper {
		display: none;
		padding-top: 3%;
	}

	div.hideMobile {
		display: none;
	}
	
	div#content {
		 color: #fff;
	}
	
	div#footer {
		position: absolute;
		top: 90%;
		left: 0;
		height: 10%;
		padding-top: 3%;
		font-size: 0.9em;
		/* border: 1px dotted #fff; */
	}
	
	div#footer a {
		text-decoration: none;
	}
	
	.ui-page {
		background-color: #000;
		width: 100%;
	}
	
	.ui-content { 
	 	width: 100%;
	}
	
	.ui-footer {
		width: 100%;
	}
	
	.MenuText {
		display: none;
	}
	
	.ui-footer {
		height: 20%;
	}
	
	.ui-content #main-content {
		border: none;   /* do not remove.  Positioning out, otherwise?! */
		width: 100%;
		height: 100%;
	}	
	
	.ui-content #the-team {
		display: none;
	}         
}
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}