/* Ultra HD styles */
body { 
	width: 100%;
	margin:0;
	padding:0;
	background-color: #ffffff;
	background-image: url(../images/background4000x2250.jpg);
	background-repeat: no-repeat;
}

a:link, a:visited { 
	color:#339933;
	text-decoration:none;
}

a:hover, a:active { 
	color:#339933;
	text-decoration:underline;
}
	
.panel {
	width:1136px;
	height: auto;
	min-height:500px;
	background-color:#ffffff;
	margin:0;
	margin-left:-568px;
	position:absolute;
	left:50%;
	top:25px;
	padding:0;
	border-radius:10px;
	box-shadow: 5px 5px #000000;
	/*opacity:0.93;*/
}

.scroll {
	width:100%;
	overflow-y:scroll;
	margin: 20px 0;
	display: block;
	float: left;
	max-height:1500px;
	max-height:90vh;
}

.content {
	width: 90%;
	height: auto;
	min-height:400px;
	padding:0;
	margin:25px 5%;
	text-align:center;
	display:block;
	float:left;
}

.contentTxt {
	text-align:left;
	color: #000000;
	font-family: Arial;
	font-size:13pt;
	width:100%;
	height:auto;
	margin-bottom:20px;
	display:block;
	float:left;
	margin-top:15px;
}

#contentTxt { z-index:99; }

.block {
	display:block;
	padding: 10px 0;
	width:100%;
}

.header {
	width:100%;
	color:#003300;
	font:16pt verdana;
	margin:0;
	padding:0;
	text-align: center;  
	border-bottom:2px solid #003300;
	text-transform:uppercase;
	margin-bottom:10px;
	float:left;
}

.center { 
	text-align:center; 
	width:100%;
	display:inline-block;
}

.center2{ 
	text-align:center; 
	display: block;
	width: auto;
}

.logo {
	max-width:425px;
}

.productImage {
	max-width:400px;
	padding-right:0px;
}

.sectionImage {
	max-width:600px;
	float: left;
	margin-right:15px;
	margin-bottom:5px;
}

.headerImage {
	max-width:600px;
}

#trailer{
	max-width:60%;
	float:left;
	display: inline-block;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
}

#trailerSelected {
	min-width:600px;
	min-height:315px;
	max-width:60%;
	float:left;
	display: block;
	background-color:#000000;
	border-radius:10px;
	box-shadow: 2px 2px #cccccc;
	text-align:center;
	overflow: hidden;
	position:relative;
	padding-top:4%;
}

.iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#screenshot{
	max-width:100%;
	float:left;
	display: block;
	text-align:center;
}

#screenshotSelected {
	width:60%;
	min-height:365px;
	max-width:60%;
	float:left;
	display: block;
}

#screenshotThumbs {
	max-width:40%;
	float:right;
	display: block;
	text-align:center;
}

#screenshotText{
	max-width:40%;
	display: inline-block;
	height:35px;
}

.screenGrab {
	max-width:600px;
	border-radius:10px;
	box-shadow: 2px 2px #ccc;
}

.screenGrabThumb {
	max-width:150px;
	border-radius:10px;
	box-shadow: 2px 2px #ccc;
	margin: 0 10px 10px;
}

.floatLeft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.purchase {
	max-width:35%;
}

@media screen and (max-width: 1920px) {
/* start of desktop styles - T */
/* 1280 - 1920 */
	body { 
		background-image: url(../images/background1920x2250.jpg)
	}	

	.scroll{
		max-height: 850px;
		max-height:90vh;
	}

}

@media screen and (max-width: 1279px) {
/* 1025 - 1279 - T */

	.panel {
		width:890px;
		margin-left:-445px;
	}
	
	.scroll{
		max-height: 800px;
		max-height:90vh;
	}

	.sectionImage {
		max-width:400px;
	}
	
	#trailer{
		max-width:100%;
		width:100%;
		text-align:center;
	}
	
	#trailerSelected {
		display: inline-block;
		float:none;
	}
	
	.center2{ 
		text-align:center; 
		display: inline-block;
		width: 100%;
	}

	#screenshotSelected {
		max-width:65%;
		width:65%;
		min-height:300px;
	}

	#screenshotThumbs {
		max-width:35%;
	}

	.screenGrab {
		max-width:500px;
	}

	.screenGrabThumb {
		max-width:110px;
	}

}

@media screen and (max-width: 1024px) {
/* start of large tablet styles */
/* 769 - 1024 */
	body { 
		background-image: url(../images/background1024x1366.jpg)
	}
	
	.panel {
		width:710px;
		margin-left:-355px;
	}
	
	.scroll{
		margin: 20px 0 0 0;
		max-height: 1000px;
		max-height: 75vh;
	}

	.contentTxt {
		font-size:12pt;
	}
	
	.sectionImage {
		max-width:600px;
	}
	
	#screenshotSelected {
		max-width:100%;
		width:100%;
		min-height:255px;
	}

	#screenshotThumbs {
		max-width:100%;
		float:left;
	}

	#screenshotText{
		max-width:100%;
	}

	.screenGrab {
		max-width:600px;
	}

	.screenGrabThumb {
		max-width:85px;
		margin: 0 7px 10px;
	}

	.purchase {
		max-width:40%;
	}

}

@media screen and (max-width: 768px) {
/* start of iPad and Nexus 9 tablet styles - T */
/* 641 - 768 */
	body { 
		background-image: url(../images/background768x1024.jpg)
	}
	
	
	.panel {
		width:650px;
		margin-left:-325px;
	}
	
	.scroll{
		max-height: 800px;
		max-height: 75vh;
	}

	.contentTxt {
		font-size:12pt;
	}
	
	.productImage {
		padding-right:150px;
	}
	
	#trailerSelected {
		min-width:555px;
		min-height:291px;
	}

	.sectionImage {
		max-width:555px;
	}
	
	.headerImage {
		max-width:555px;
	}

	.screenGrab {
		max-width:555px;
	}

	.screenGrabThumb {
		margin: 0 3px 10px;
	}

	.purchase {
		max-width:45%;
	}
	
	
}

@media screen and (max-width: 640px) {
/* Horizontal phones */
/* 601 - 640 */
	body { 
		background-image: url(../images/background768x1024.jpg)
	}
	
	
	.panel {
		width:600px;
		margin-left:-300px;
	}
	
	.scroll{
		max-height: 800px;
		max-height: 75vh;
	}

	.contentTxt {
		font-size:12pt;
	}
	
	.productImage {
		padding-right:150px;
	}
	
	#trailerSelected {
		min-width:525px;
		min-height:276px;
	}

	.sectionImage {
		max-width:525px;
	}
	
	.headerImage {
		max-width:525px;
	}

	.screenGrab {
		max-width:525px;
	}

	.screenGrabThumb {
		max-width:75px;
		margin: 0 3px 10px;
	}

	.purchase {
		max-width:45%;
	}
	
	
}

@media screen and (max-width: 600px) {
/* start of Nexus 7 tablet styles - T */
/* 481 - 600 */	
	
	.panel {
		width:500px;
		margin-left:-250px;
	}

	.scroll{
		max-height: 700px;
		max-height: 75vh;
	}

	.contentTxt {
		font-size:11pt;
	}
	
	.productImage {
		padding-right:50px;
	}
	
	#trailerSelected {
		min-width:430px;
		min-height:226px;
	}
	
	.sectionImage {
		max-width:430px;
	}
	
	.headerImage {
		max-width:430px;
	}

	.screenGrab {
		max-width:430px;
	}

	.screenGrabThumb {
		max-width:63px;
		margin: 0 3px 10px;
	}

	.purchase {
		max-width:55%;
	}

}

@media screen and (max-width: 480px) {
/* start of Android phone styles */
/* 415 - 480 */
	body { 
		background-image: url(../images/background480x853.jpg)
	}
	
	.contentTxt {
		font-size:10pt;
	}
	
	.header {
		font-size:14px;
	}
	
	.panel {
		width:342px;
		margin-left:-171px;
	}
	
	.scroll{
		max-height: 570px;
		max-height: 75vh;
	}

	.logo {
		max-width:300px;
	}
	
	.productImage {
		max-width:300px;
		padding-right:0px;
	}

	#trailerSelected {
		min-width:300px;
		min-height:158px;
	}
	
	.sectionImage {
		max-width:300px;
	}
	
	.headerImage {
		max-width:300px;
	}

	.screenGrab {
		max-width:300px;
	}

	#screenshotSelected {
		min-height:185px;
	}
	
	.screenGrabThumb {
		max-width:80px;
		margin: 0 6px 10px;
	}

	.purchase {
		max-width:70%;
	}
}

@media screen and (max-width: 414px) {
/* start of iPhone phone styles */
/*  413 - 414 */
	body { 
		background-image: url(../images/background414x896.jpg)
	}
		
	.scroll{
		max-height: 600px;
		max-height: 75vh;
	}
	
}

@media screen and (max-width: 412px) {
/* Android phone styles */
/*  376- 412 */	
	
	.scroll{
		max-height: 480px;
		max-height: 75vh;
	}

}

@media screen and (max-width: 375px) {
/* iPhone phone styles - T */
/*  361 - 375 */	
	
	.scroll{
		max-height: 543px;
		max-height: 75vh;
	}

}

@media screen and (max-width: 360px) {
/* Android phone styles - T */
/*  <= 360 */

	.scroll{
		max-height: 480px;
		max-height: 75vh;
	}

}