/*    copyright 2012-2013 Real Earth Models. Portions copyright 1999-2013 by R.A.Hyman.  All rights reserved.   */


/*  attempt to turn off font size boosting on Android   */
html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}
.element { max-height: 999999px; }



/*  tell iPhones and iPod touch not to try & adjust text size automatically  */
/*
	iPad/iPhones don't do fixed backgrounds.  This is a suggested work-around:
<div id="iPad"></div> Then style that as: div#iPad { position: sticky; background: <your image + settings>; top: 0; margin: 0; height: 100vh; margin-top: -100vh; z-index: -1 }
*/
	@media only screen and (max-device-width: 480px), only screen and (device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2)
		{
			body {-webkit-text-size-adjust:none;}
		}

	@media screen {
		body {
			text-align: center;
			background-color: #FFF;   //#F6F6F6;      // EAEAEA
			margin: 0px 0px; padding:0px;
			-moz-user-select: -moz-none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
			cursor:pointer;
			scroll-behavior: smooth;

			text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
			-moz-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;

			background-repeat: no-repeat;
			background-position: center 85px;  /* horiz vert */
			background-size: cover;	/* width height */
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-attachment: fixed;
			}

		#outer_container  {  position:relative;
			margin:0 auto;	padding:0px;
			width:1024px; height:100%;
			background-color: transparent;   //#F6F6F6;        //#0B0B0A;
			}
	}
	@media print {
		body {
			text-align: center;
			background-color: #FFF;
			margin:0px 0px; padding:0px;
			-moz-user-select: -moz-none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
			cursor:pointer;
			}

		#outer_container  {  position:relative;
			margin:0 auto;	padding:0px;
			width:1024px; height:100%;
			background-color:#FFF;  //#0B0B0A;
			}
	}


	.bodyHR { position:absolute; left:2%; width:96%; height:-1px;
		background-color:#555; color:#777;
		border:1px solid  #777;
		}
	.bodyVR { position:absolute; height:300px; width:0px;
		background-color:#555; color:#555;
		border:1px solid #555;
		}


	#topHR { position:absolute; top:134px; }		/*  orig 160  */
	#topH2 { top:145px; color:#323232; }		/*  orig 170  */
	#labelHR { top:200px; width:380px; }		/*  orig 225  */

	//  for centering images within a div
	#centerDiv { display: flex; justify-content: center; }

	.prop1000 {
		height:1000px; float:right; width:1px;
	}
	.prop1250 {
		height:1250px; float:right; width:1px;
	}
	.prop1300 {
		height:1300px; float:right; width:1px;
	}
	.prop1400 {
		height:1400px; float:right; width:1px;
	}
	.prop1500 {
		height:1500px; float:right; width:1px;
	}
	.prop1650 {
		height:1650px; float:right; width:1px;
	}
	.prop1700 {
		height:1700px; float:right; width:1px;
	}
	.prop1800 {
		height:1800px; float:right; width:1px;
	}
	.prop1900 {
		height:1900px; float:right; width:1px;
	}
	.prop2600 {
		height:2600px; float:right; width:1px;
	}
	.prop2750 {
		height:2750px; float:right; width:1px;
	}
	.prop4800 {
		height:4800px; float:right; width:1px;
	}
	.clear { clear:both; height:1px; overflow:hidden;
	}