/* Table of Contents
==================================================
	#Element Styles 
	#Media Queries */


/* #Element Styles
================================================== */

/* text sizes */
h1 { font-family:'LegacySemibold', Helvetica, Sans-Serif; font-size:.5em; line-height: 1.3em; margin-bottom: 1em; color: #fff; text-align: center; }
h2 { font-family:'LegacySemibold', Helvetica, Sans-Serif; font-size: 1.7em; line-height: 1.5em; color: #333; margin-bottom: 7px; }

p { font-family:'LegacyRegular', Helvetica, Sans-Serif; font-size: 1.1em;  line-height: 1.5em; color: #333; }
p a { font-family:'LegacySemibold', Helvetica, Sans-Serif; text-decoration: underline; color: #218BF4; }
p.inTheNews { padding-left: 57px; text-indent: -57px; color: #333; font-family:'LegacyMedium', Helvetica, Sans-Serif; font-size: 17px; line-height: 1.3em;}

a.light { color: #218BF4; }


/* #Page Styles
================================================== */
.contentHolder { position: absolute; width: 768px; margin-left: auto; margin-right: auto; left: 0; overflow: hidden;}

.topNavHolder { position: fixed; top:25px; width: 100%; z-index: 700;}
#topNav { position: relative; width: 551px; height: 70px; background-repeat: no-repeat; font-size: 3em; padding-top: 5px; 
	text-align: center; margin-left: auto; margin-right: auto;  }
#topNavLeft { position: absolute; width: 150px; height: 31px; top: 18px; left: 0; }
#topNavRight { position: absolute; width: 150px; height: 31px; top: 18px; left: 401px; }
.topArrow { position: relative; width: 13px; height: 26px; display: inline-block;}
.topArrowText { position: relative; width: 137px; height: 26px; margin-top: 2px; display: inline-block; text-align: center; font-family:'LegacySemibold', Helvetica, Sans-Serif; 
font-size:.4em; color: #218BF4;}
#topNavRibbon { position: absolute; width: 244px; height: 51px; top: 0; left: 150px; }
#topNavRibbon #imageHolder { position: absolute; top: 0; left: 0; width: 244px; height: 51px; z-index: 0; }
#topNavRibbon #textHolder { position: absolute; top: 0; width: 244px; height: 51px; padding-top: 5px; text-align: center; z-index: 1; }
#topNavCircleHolder { position: absolute; width: 171px; height: 20px; top: 35px; left: 185px; z-index: 710; }
#topNavRollOver { position: absolute; width: 171px; height: 20px; top: 68px; left: 185px; z-index: 711; text-align: center;
	font-family:'LegacySemibold', Helvetica, Sans-Serif; font-size:.3em; color: #218BF4; }
.topNavCircle { position: relative; width: 19px; height: 20px; float:left; }
.topLeft { float: left; }
.topRight { float: right; }

.arrowNav { position: fixed; width: 634px; height: 68px; bottom: 60px; margin-left: auto; margin-right: auto; 
	z-index: 803; display: block;}
.prevNextNav { position: absolute; width: 634px; height: 68px; top: 0; left: 2px; margin-left: auto; margin-right: auto; z-index: 805;
display: none; }
#prevButton { display: block; }
.arrowButton { position: relative; width: 302px; height: 62px; border: 1px #000 solid; }
.arrowButton.white { border: 1px #fff solid; }
.arrowButton .inner { position: absolute; margin: 5px; padding: 4px; width: 284px; height: 44px; background: rgba(0, 0, 0, .7); 
	text-align: center; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; zoom: 1;} 
.arrowButton .inner.white { background: rgba(255, 255, 255, .7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)"; zoom: 1; }
.leftArrow { margin-right: 10px; vertical-align: middle; }
.rightArrow { margin-left: 10px; vertical-align: middle; }
.endButton .inner .rightArrow { margin-left: 10px; vertical-align: middle; width: 13px; height: 26px; }
.rightArrow.desktop { display: inline-block;  }
.rightArrow.mobile { display: none;}

.endNav { position: absolute; width: 634px; height: 68px; top: 100px; left: 2px; margin-left: auto; margin-right: auto; z-index: 805; }
.endButton { position: relative; width: 302px; height: 62px; border: 1px #000 solid; }
.endButton.light { border: 1px #fff solid; }
.endButton .inner { position: absolute; margin: 5px; padding-top: 12px; width: 292px; height: 40px; background: rgba(0, 0, 0, .7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; zoom: 1; 
	text-align: center; top: 0; left: 0; font-family:'LegacySemibold', Helvetica, Sans-Serif; font-size: 1.6em; color: #fff; }
.endButton .inner.light { background: rgba(255, 255, 255, .7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)"; zoom: 1; color: #000; }
.endButton .inner .rightArrow { width: 13px; height: 26px; }

.slide { position: relative; width: 1707px; height: 800px; display: block; padding: 0; background-color: #efe7d2; z-index: 101; 
	overflow: hidden; margin-bottom: 0px; }

.innertxt { position: absolute; z-index: 105; width: 1707px; height: 800px; top:0; left:0;   }
.light { color: #fff; }
.innerbg { position: absolute; z-index: 102; left: 0; top: 0; background-color: #fff; }
.innerbg.disney { background-color: #123bd0; }
.innerbg.bell { background-color: #fff9e2; }
.innerbg.bird, .innerbg.hospitals { background-color: #eee; }
.innerbg.howCan { background-color: #ebf1f7; }
.innerbg.internet { background-color: #155885; }
.bgimg { position: absolute; left: 0; top: 0;}

.textContainer { position: absolute; max-width: 300px; width: 300px; top: 205px; left: 0px; padding: 40px; 
	background: rgba(256, 256, 256, 0.7); overflow: hidden;  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)"; zoom: 1;}
.whiteAlphaBg { padding: 40px; background: rgba(256, 256, 256, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)"; zoom: 1;}
.whiteBg { padding: 40px; background: rgba(256, 256, 256, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF)"; zoom: 1;}
.blackAlphaBg { padding: 40px; background: rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; zoom: 1;}
.blackBg { padding: 40px; background: rgba(0, 0, 0, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; zoom: 1;}
.publication { font-family:'LegacyItalic', Helvetica, Sans-Serif; }
.newsDate { font-family:'LegacySemibold', Helvetica, Sans-Serif; }
.photoAttribute {font-size: .5em; }
.bottomNavOffset { height: 50px; background-color: #000; text-align: center;}
.topMobileOffset { height: 88px; background-color: #efe7d2; display: none; }

#buttonHolder { width: 100%; margin-top: 30px; text-align: center; }
#socialIcons { margin-right: 10px; display: inline-block;}
#prevButton { margin-top: 5px; margin-right: 15px; display: inline-block;}
#nextButton { margin-top: 5px; display: inline-block;}
#eraAd { margin-top: 40px; width: 728px; margin-left: auto; margin-right: auto; }

/* #Media Queries
================================================== */

	@media only screen and (max-width: 799px) {
		h1 { font-size:.4em; }
		h2 { font-size: 1.2em; line-height: 1.3em; }
		p { font-size: .9em;  line-height: 1.3em; }
		.contentHolder { left: 10px; }
		.arrowNav { display: none; }
		.prevNextNav { display: none; }
		.endNav { width: 100%; text-align: center; display: none; }
		.endButton { width: 200px; height: 52px; border: 1px #000 solid; }
		.endButton .inner { width: 190px; height: 30px; font-size: 1.2em; }
		.endButton.light { border: 1px #000 solid; }
		.endButton .inner.light { background: rgba(0, 0, 0, .7); color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; zoom: 1; }
		.endButton .inner .rightArrow { width: 8px; height: 16px; margin-bottom: 5px; }

		.rightArrow.desktop { display: none; }
		.rightArrow.mobile { display: inline-block; }
		.bottomNavOffset { background-color: none; }

		.slide { margin-bottom: 10px; }
		.textContainer { position: absolute; max-width: none; width: 90%; padding: 20px; left: 0; background: none; }
		.innertxt { background: rgba(256, 256, 256, 1);  }
		.whiteAlphaBg { padding: 10px; background: rgba(256, 256, 256, 1); margin-left: 0px;}
		.whiteBg { padding: 10px; background: rgba(256, 256, 256, 1); margin-left: 0px;}
		.blackAlphaBg { padding: 10px; background: rgba(256, 256, 256, 1); margin-left: 0px;}
		.blackBg { padding: 10px; background: rgba(256, 256, 256, 1); margin-left: 0px;}
		.light { color: #000; }
		p.inTheNews { padding-left: 57px; text-indent: -57px; color: #333; font-family:'LegacyMedium', Helvetica, Sans-Serif; 
		font-size: .7em;  line-height: 1.3em; }

		.topArrowText { display: none; }
		#topNav { position: relative; width: 240px; height: 70px; font-size: 3em; padding-top: 5px; 
	text-align: center; margin-left: auto; margin-right: auto;  }
		#topNavLeft { position: absolute; width: 20px; height: 31px; top: 10px; }
		#topNavRight { position: absolute; width: 20px; height: 31px; top: 10px; left: 220px; }	
		#topNavRibbon { left: 20px; width: 200px; height: 38px; } 
		#topNavRibbon #imageHolder { width: 200px; height: 38px; }
		#topNavRibbon #textHolder { width: 200px; height: 38px; padding-top: 4px; }
		#topNavCircleHolder { display: none; }
		#topNavRollOver { display: none; }

		.bottomNavOffset { height: 125px; background-color: #efe7d2;}
		.topMobileOffset { display: block;}
	}