/* TYPOGRAPHY */

	@font-face {
		font-family: chronicle_display_reg;
		src: url(../fonts/chronicledisplay-roman.otf);
		}
		
	@font-face {
		font-family: chronicle_display_italic;
		src: url(../fonts/chronicledisplay-italic.otf);
		}
		
	@font-face {
		font-family: chronicle_display_black;
		src: url(../fonts/chronicledisplay-black.otf);
		}
		
	@font-face {
		font-family: knockout_welterweight;
		src: url(../fonts/knockout-welterweight.otf);
		}
		
	@font-face {
		font-family: knockout_fullmiddleweight;
		src: url(../fonts/knockout-fullmiddlewt.otf);
		}
		
	@font-face {
		font-family: knockout_fullcruiserweight;
		src: url(../fonts/knockout-fullcruiserwt.otf);
		}
		
	@font-face {
		font-family: knockout_juniorflyweight;
		src: url(../fonts/knockout-juniorflyweight.otf);
		}
		
	@font-face {
		font-family: gibson_semibold;
		src: url(../fonts/gibson-semibold.otf);
		}
		
	@font-face {
		font-family: gibson_regular;
		src: url(../fonts/gibson-regular.otf);
		}
		
	@font-face {
		font-family: interstate_blk_cond;
		src: url(../fonts/interblacon.woff);
		}
		
	@font-face {
		font-family: interstate_blk;
		src: url(../fonts/interbla.woff);
		}
		
	p1 {
		font-family: "chronicle_display_reg", serif;
		font-weight: 200;
		font-style: normal;
		text-align: left;
		font-size: 18px;
		letter-spacing: .1px;
		line-height: 1.32;
		color: #000;
		}
		
	h1 {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 100px !important;
		letter-spacing: .1px;
		line-height: .8;
		color: #000;
		}
		
	h2 {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 30px !important;
		letter-spacing: .1px;
		line-height: .8;
		color: #000;
		}
		
	span.bluelink {
	color:77affd;
	}
		
/* INTROWRAPPER */

	#topsectionwrapper {
	position: relative;
	background-color: #fff;
	z-index: 10;
	}
	
/* INTRO SECTION */
		
	#deckspacer {
		position: relative;
		display: block;
		height: 1.6vw;
		min-height: 1.6vw;
		}
			
	#deckwrapper {

		position: relative;
		top: 0%;
		width:96%;
		margin: 0 auto; 
		line-height:0;
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #c2c2c2;
		z-index: 0;
		}
		
	span.sectiontitle {
		font-family: "knockout_fullmiddleweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 10px !important;
		letter-spacing: 4px;
		color: #000;
		}
	
	#profile {
		position: relative;
		display: block;
		width: 100%;
		height: 25%;
		padding-bottom: 3px;
		line-height: 60px;
		text-align: center;
		}
			
	#introdekwrapper {
		position: relative;
		display: block;
		top: 3%;
		width: 100%;
		margin-bottom: 50px;
		}
	
	#introdek {
		position: relative;
		width: 100%;
		display: table-cell; 
  		vertical-align: middle;
  		text-align: center;
		}
		
	span.centervert {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 100px !important;
		letter-spacing: .1px;
		line-height: .8;
		color: #000;
		}
		
		@media only screen and (min-width: 1024px) and (max-width: 1500px) {
			span.centervert {
				font-size: 85px !important;
			}
		}
		
	#introimage {
		background-image: url('../images/banjo-hat.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		position: relative;
		height: 500px;
		width: 900px;
		margin: 0 auto 55px auto;
		display: block;
		/* border: 1.5vw solid #1219b0;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box; */
		}
		
	span.h1leadin {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 16px;
		letter-spacing: .4px;
		line-height: 1.32;
		color: #000;
		}
		
	#introwrapper {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: start;
		width: 100%;
		margin: 0 auto;
		overflow: visible;
		}
		
	#introleftwrapper {
		order: 1;
		position: relative;
	}
	
	#introleft {
		position: absolute;
		top: 7px;
		right: 0;
		display: block;
		width: 130px;
		height: 130px;
		margin: 0 auto;
		overflow: visible;
		border: 15px solid #95876d;
		}
		
	#introlefttext {
		font-family: "gibson_semibold", sans-serif;
		font-weight: 200;
		font-style: normal;
		text-align: left;
		font-size: 12px;
		letter-spacing: 3px;
		line-height: 1.8;
		color: #95876d;
		position: absolute;
		top: 7px;
		right: 0;
		display: block;
		width: 130px;
		height: 130px;
		margin: 0 auto;
		padding-left: 35px;
		padding-top: 34px;
		overflow: hidden;
		z-index: 100;
	
		}
		
	#introleft:before {
	
		content: ' ';
		position: absolute;
		display: block;
		background-color: #fff;
		width: 32px;
		height: 64px;
		top: 50%;
		margin-top: -32px;
		right:-8px;
		line-height: 0;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
		border-right: 0;
		z-index: 50;
		}	
			
	#introcenterwrapper {
		order: 2;
		position: relative;
		flex-basis: 900px;
		width: 900px;
		margin: 0 20px 0;
	}

	#introtext {
		font-family: "chronicle_display_reg", serif;
		font-weight: 200;
		font-style: normal;
		text-align: center;
		font-size: 17.8px;
		letter-spacing: .1px;
		line-height: 1.32;
		color: #000;
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 40px;
		}
		
	#introrightwrapper {
		order: 3;
		position: relative;
	}
		
	#introright {
		font-family: "knockout_welterweight", sans-serif;
		font-weight: 200;
		font-style: normal;
		text-align: left;
		font-size: 28px;
		letter-spacing: .1px;
		line-height: .8;
		color: #95876d;
		position: absolute;
		display: block;
		width: 200px;
		height: 285px;
		margin: 0 auto;
		padding-top: 8px; 
		padding-right: 30px;
		overflow: visible;
		z-index: 10;
		}
		
	#pullquotetop {
		font-family: "gibson_semibold", sans-serif;
		font-weight: 200;
		font-style: normal;
		text-align: left;
		font-size: 120px;
		letter-spacing: .1px;
		line-height: 0;
		color: #000;
		position: absolute;
		display: block;
		top: 15px;
		margin-left: -7px;
		}
		
	@media (max-width: 1400px) {
		#introright {
			font-size: 26px;
		}
	}
		
/* FEATURED */

	#featuredwrapper {
		position: relative;
		top: 0%;
		width:96%;
		margin: 0 auto; 
		line-height:0;
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #c2c2c2;
		z-index: 0;
		}
		
	#featheader {
		position: relative;
		display: block;
		height: 78px;
		width: 100%;
		-webkit-box-sizing: content-box;
     	-moz-box-sizing: content-box;
		box-sizing: content-box;
		border-bottom: 1.5vw solid #1219b0; 
		}
		
		@media only screen and (max-height: 740px) {
			#featheader {
			height: 58px;
			}
		}
		
	#feattitle {
		position: absolute;
		display: block;
		top: 17px;
		width: 100%;
		text-align: center;
		z-index: 110;
		}
		
		@media only screen and (max-height: 740px) {
			#feattitle {
			top: 13px;
			}
		}
		
		#feattitle_1col {
		display: none;
		}
		
	#featimageart, #featimageaction {
		background-image: url('../images/bedtime-stories-1929.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		height: 500px;
		width: calc(50% - 3.75vw);
		margin: 55px 0 55px 0;
		display: block;
		}
		
		@media (max-width: 2000px) {
			#featimageart, #featimageaction {
				background-image: url('../images/bedtime-stories-1500.jpg');
			}
		}
		
		@media (max-width: 1500px) {
			#featimageart, #featimageaction {
				background-image: url('../images/bedtime-stories-1280.jpg');
			}
		}
		
	#featvid1, #featvid2, #featvid3, #featvid4, #featvid5, #featvid6 {
		position: absolute;
		height: 500px;
		width: calc(50% - 3.75vw);
		margin: 55px 0 55px 0;
		display: none;
		overflow: hidden;
		border: 1.5vw solid #95876d;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	background-color: #95876d;
    	float: left;
		z-index: 1;
		}
		
	.featvidshow {
		display: block !important;
	}
	
	#featvid_1, #featvid_2, #featvid_3, #featvid_4, #featvid_5, #featvid_6 {
		height: auto;
		width: 100%;
		}
	
		@media only screen and (min-width: 2000px) {
			#featvid_1, #featvid_2, #featvid_3, #featvid_4, #featvid_5, #featvid_6 {
			min-width: auto; 
			min-height: 100%;
			width: auto; 
			height: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			float: none;	
			}
		}
		
	#featimageart {
		float: left;
		border: 1.5vw solid #95876d;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		}
		
	#featimageaction {
		float: right;
		border: 1.5vw solid #cd1811;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		}
		
	#featcontentwrapperart, #featcontentwrapperaction {
		position: relative;
		height: 500px;
		width: calc(50% + 2.25vw);
		margin: 55px 0 55px 0;
		display: block;
		}
		
	#featcontentwrapperart {
		float: right;
		}
		
	#featcontentwrapperaction {
		float: left;
		}
		
	#featheadlineart, #featheadlineaction {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 80px !important;
		letter-spacing: 1px;
		line-height: .8;
		color: #000;
		position: relative;
		top: 0%;
		left: 0%;
		width: 100%;
		overflow: visible;
		}
		
		span.featheadline-2nd {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 85px !important;
		letter-spacing: 1px;
		line-height: .8;
		color: #000;
		display: inline-block;
		}
		
		#featheadlineart {
		padding: 15px 0px 0px 15px;
		border-left: 1.5vw solid #000;
		}
		
		#featheadlineaction {
		padding: 15px 15px 0px 0px;
		border-right: 1.5vw solid #000;
		}
	
		
		@media only screen and (min-width: 1024px) and (max-width: 1300px) {
			#featheadlineart, #featheadlineaction {
				font-size: 60px !important;
			}
		}
		
		@media only screen and (min-width: 1300px) and (max-width: 1500px) {
			#featheadlineart, #featheadlineaction {
				font-size: 70px !important;
			}
		}
		
		@media only screen and (min-width: 1024px) and (max-width: 1300px) {
			span.featheadline-2nd {
				font-size: 40px !important;
			}
		}
		
		@media only screen and (min-width: 1300px) and (max-width: 1500px) {
			span.featheadline-2nd {
				font-size: 60px !important;
			}
		}
		
	#featheadlineart:before {
	
		content: ' ';
		position: absolute;
		display: block;
		background-color:#fff;
		width: 1.6vw;
		height: 3.2vw;
		top: 50%;
		margin-top: -1.6vw;
		left:-2.25vw;
		line-height: 0;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
		border-left: 0;
		z-index: 110;
		}
		
	#featheadlineaction:before {
	
		content: ' ';
		position: absolute;
		display: block;
		background-color: #fff;
		width: 1.6vw;
		height: 3.2vw;
		top: 50%;
		margin-top: -1.6vw;
		right:-2.25vw;
		line-height: 0;
		border-top-left-radius: 100px;
		border-bottom-left-radius: 100px;
		border-right: 0;
		z-index: 110;
		}
		
	#feattextart, #feattextaction {
		position: relative;
		display: block;
		margin-top: 20px;
		width: 92%;
		overflow: hidden;
		}
	
	#feattextart {
		border-left: 1.5vw solid #fff;
		padding-left: 17px;
		}
		
	span.feattext {
		font-family: "chronicle_display_reg", serif;
		font-weight: 200;
		font-style: normal;
		text-align: left;
		font-size: 17.8px;
		letter-spacing: .1px;
		line-height: 1.32;
		color: #000;
		}
		
	span.feattext:after {
	
		content: url('../images/joshfox_endicon_95876d.svg');
		padding-left: 5px;
		}
		
	/* CAROUSEL */

	#slider1 {
		margin: 0px;
		overflow: hidden;
		padding: 0 40px;
		position: absolute;
		bottom: 0;
		height: 190px;
		width: 100%; 
	}
	#slider1 .viewport {
		float: left;
		width: 100%;
		height: 190px;
		overflow: hidden;
		position: relative;
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: #c2c2c2;
	}
	#slider1 .buttons {
		border-radius: 30px;
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 0;
		top: 55%;
		margin-top: -13px;
		border: 1px solid #000;
	}
	#slider1 .prev {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
		background-size: 30% auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	#slider1 .next {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
		background-size: 30% auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		margin: 30px 0 0;
		left: auto;
		right: 0;
		top: 55%;
		margin-top: -17px;
		transform:rotate(180deg);
		-moz-transform:rotate(180deg);
    	-webkit-transform:rotate(180deg);
	}
	#slider1 .disable {
		visibility: hidden;
	}
	#slider1 .overview {
		list-style: none;
		position: absolute;
		left: 0;
		top: 0;
	}
	#slider1 .overview li{
		background-size: auto 100%;
		background-repeat: no-repeat;
		float: left;
		margin: 20px 10px 0 0px;
		overflow: visible;
		height: 170px;
		border: 10pt solid #95876d;
		width: 170px; 
	}

	#slider1 .overview li:hover{
		border: 10pt solid #1219b0;
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
	}
	
	#slider1 .overview li:after {
		background-image:url("../images/video_icon.svg");
		background-size: 55% 55%;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		top: 50%;
		left: 50%;
		margin-top: -30%;
		margin-left: -20%;
		display: block;
		width: 40%;
		height: 40%;
		content: "";
		opacity: 1;
		}
		
	#slider1 .overview li:hover:after{
		background-image:url("../images/video_icon_drk.svg");
		background-size: 55% 55%;
		background-position: center;
		background-repeat: no-repeat;
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
	}
		
/* SECTION RUBRIK */

	#sectrbrkwrapper {
		position: relative;
		display: block;
		left: 2%;
		width: 96%;
		height: 78px;
		min-height: 78px;
		line-height: 78px;
		text-align: center;
		border-bottom: 1px solid #c2c2c2;
	}
	
	span.sectrrbk {
		font-family: "gibson_semibold", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 12px;
		letter-spacing: 6px;
		line-height: 1.32;
		color: #95876d;
		display: inline;
	}
	
	@media only screen and (max-height: 740px) {
			#sectrbrkwrapper {
			height: 58px;
			min-height: 58px;
			line-height: 58px;
			}
		}

/* TIMELINE HEADER */
	
	#timelineheaderwrapper {
		position: relative;
		display: block;
		width: 100%;
		height: 78px;
		min-height: 78px;
		margin: 0 auto;
		z-index: 120;
		}
		
	.headeropacityleft {
		position: absolute;
		display: block;
		-ms-transform:translateY(-39px);
		-webkit-transform:translateY(-39px);
		transform:translateY(-39px);
		left: 0px;
		width: 46.25%;
		height: 78px;
		background-color: #fff;
		opacity: 0;
		z-index: 60;
		}
		
	.headeropacityright {
		position: absolute;
		display: block;
		-ms-transform:translateY(-39px);
		-webkit-transform:translateY(-39px);
		transform:translateY(-39px);
		right: 0px;
		width: 46.25%;
		height: 78px;
		background-color: #fff;
		opacity: 0;
		z-index: 60;
		}
		
	span.timelineheader_2col {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 40px;
		letter-spacing: 4px;
		line-height: 1.32;
		color: #000;
		}
		
	.artheader {
		position: absolute;
		display: block;
		top: 17px;
		left: 0%;
		width: 50%;
		text-align: center;
		z-index: 110;
		}
		
	.actionheader {
		position: absolute;
		display: block;
		top: 17px;
		left: 50%;
		width: 50%;
		text-align: center;
		z-index: 110;
		}
		
	.timelineheader {
		display: none;
		}
		
	.timelineheader1024 {
		display: none;
		}
		
	#timelineslug {
		position: absolute;
		display: block;
		top: 17px;
		width: 100%;
		padding-left: 5px;
		text-align: center;
		z-index: 220;
		}
		
	#timelineslug_1col {
	display: none;
	}
		
	span.timelineyear {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 40px;
		letter-spacing: 6px;
		line-height: 1.32;
		color: #000;
		}
		
	.headerfixed {
		position: fixed;
		top: 17px;
		text-align: center;
		}
		
	.logo_overlay {
		background-image: url('../images/jfoxlogo_95876d.png');
		background-size: 120px 21px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 18px;
		left: 2%;
		top: 50%;
		margin-top: -24px;
		width: 120px;
		height: 51px;
		opacity: 0;
		z-index: 120;
		}
		
	.logo_overlay_1col {
		display: none;
		}
		
	.logo_overlay_1colwide {
		display: none;
		}
		
	.visible {
		position: fixed;
		top: 39px;
		opacity: 1;
		}
		
		@media only screen and (max-width: 1024px) {
			#logo_overlay  {
			background-size: 100px 18px;
			}
		}
		
		.menuvisible {
		position: fixed;
		top: 0px;
		min-height: 78px;
		opacity: 1;
		z-index: 140;
		}

			
		@media only screen and (max-height: 740px) {
			#timelineheaderwrapper {
			height: 58px;
			min-height: 58px;
			}
			.headeropacityright {
			height: 58px;
			}
			.headeropacityleft {
			height: 58px;
			}
			.timelineheader  {
			height: 58px ;
			line-height: 58px;
			}
			.logo_overlay {
			margin-top: -34px;
			}
			.artheader {
			top: 13px;
			}
			.actionheader {
			top: 13px;
			}
			span.timelineheader_2col {
			font-size: 30px;
			}
			span.timelineyear {
			font-size: 30px;
			}
			#timelineslug {
			top: 12px;
			}
			.topyear {
			top: 13px !important;
			}
			.menuvisible {
			min-height: 58px;
			}
		}
		
/* TIMELINE */

	/* TIMELINE TOP RULES */
		
		.secondrulewrapper {
	
		position: absolute;
		top: 0px;
		left: 0;
		background-color:#fff;
		width: 100%;
		height:1.5vw;
		z-index: 0;
		}
		
		.secondrulewrapper_1col {
		display: none;
		}
		
		.secondrulefixed {
		position: fixed;
		top: 78px;
		}
		
		@media only screen and (max-height: 740px) {
			.secondrulefixed {
			top: 58px;
			}
		}
		
		#secondruleleft {
	
		position: absolute;
		top: 0px;
		left: 2%;
		background-color:#95876d;
		width: 44.25%;
		height:1.5vw;
		}

		#secondruleright {
	
		position: absolute;
		top: 0px;
		right: 2%;
		background-color:#cd1811;
		width: 44.25%;
		height:1.5vw;
		}
		
	/* MAIN TIMELINE */
	
	#timelinewrapper {

		position: relative;
		top: 0px;
		width:100%; 
		height:3500px;
		line-height:0;
		display: block;
		overflow: hidden;
		z-index: 100;
		}
		
	#timelinemainwrapper {

		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -3.75vw;
		margin-top: 0px;
		width:7.5vw; 
		height:100%;
		line-height:0;
		display: block;
		overflow: visible;
		z-index: 100;
		}
		
	#timelineleft {
	
		position: absolute;
		display: inline-table;
		background-color: #000;
		width: 1.5vw;
		height: 100%;
		top: 0px;
		left:1.5vw;
		line-height: 0;
		z-index: 100;
		}
		
	#timelineright {
		
		position: absolute;
		display: block;
		background-color: #000;
		width: 1.5vw;
		height: 100%;
		top: 0px;
		right: 1.5vw;
		line-height: 0;
		z-index: 100;
		}
	
	#timelinetopleft {
		position: absolute;
		display: block;
		background-color: #000;
		top: 0%;
		left: 0vw;
		width: 3vw;
		height: 1.5vw;
		line-height: 0;
		z-index: 100;
		}
		
	#timelinetopright {
		position: absolute;
		display: block;
		background-color: #000;
		top: 0%;
		right: 0vw;
		width: 3vw;
		height: 1.5vw;
		line-height: 0;
		z-index: 100;
		}
		
		/* TIMELINE LOWER RULES */
		
		.lowerrulewrapper {
	
		position: absolute;
		bottom: 0px;
		left: 0;
		background-color:none;
		width: 100%;
		height:1.5vw;
		z-index: 200;
		}
		
		.lowerrulefixed {
		position: fixed;
		top: 78px;
		}
		
		@media only screen and (max-height: 740px) {
			.lowerrulefixed {
			top: 58px;
			}
		}
		
		#lowerruleleft {
	
		position: absolute;
		top: 0px;
		left: 2%;
		background-color:#000;
		width: 44.25%;
		height:1.5vw;
		}
		
		#timelineendleft {
	
		position: absolute;
		top: 0px;
		left: 0vw;
		background-color:#000;
		width: 3vw;
		height:1.5vw;
		}

		#timelineendright {
	
		position: absolute;
		top: 0px;
		right: 0vw;
		background-color:#000;
		width: 3vw;
		height:1.5vw;
		}
		
		#lowerruleright {
	
		position: absolute;
		top: 0px;
		right: 2%;
		background-color:#000;
		width: 44.25%;
		height:1.5vw;
		}

	/* TIMELINE MARKERS */
		
		
		#markersleft {
		
		position: absolute;
		display: block;
		min-height: 100%;
		left: 0%;
		top: 0;
		background-color: none;
		width: 3vw;
		height:100%;
		line-height: 0;
		z-index: 110;
		}
		
		.markerwrapperleft {
		
		position: relative;
		display: block;
		min-height: 400px;
		left: 0%;
		background-color: none;
		width: 3vw;
		height:1.5vw;
		line-height: 0;
		z-index: 110;
		}
		
		#timelinenotchleft {
	
		position: absolute;
		display: block;
		background-color: #95876d;
		width: 1.6vw;
		height: 3.2vw;
		top: 50%;
		margin-top: -1.6vw;
		left:.75vw;
		line-height: 0;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
		border-left: 0;
		z-index: 110;
		}
		
		
		#timelinemarkerleft {
		position: absolute;
		display: block;
		left: 0%;
		width: 1.5vw;
		min-height: 100%;
		line-height: 0;
		overflow: visible;
		border: none;
		background-color: #95876d;
		z-index: 0; 
		}
		
		#markersright {
		
		position: absolute;
		display: block;
		min-height: 100%;
		right: 0%;
		top: 0;
		background-color: none;
		width: 3vw;
		height:100%;
		line-height: 0;
		z-index: 110;
		}
		
		.markerwrapperright {
		position: relative;
		display: block;
		width: 30%;
		min-height: 400px;
		top: 0px;
		right: 0%;
		background-color: none;
		width: 3vw;
		height:1.5vw;
		line-height: 0;
		z-index: 200;
		}
		
		#timelinemarkerright {
		position: absolute;
		display: block;
		left: 1.5vw;
		width: 1.5vw;
		min-height: 100%;
		line-height: 0;
		overflow: visible;
		border: none;
		background-color: #cd1811;
		z-index: 0; 
		}
		
		#timelinenotchright {
	
		position: absolute;
		display: block;
		background-color: #cd1811;
		width: 1.6vw;
		height: 3.2vw;
		top: 50%;
		margin-top: -1.6vw;
		left:.5vw;
		line-height: 0;
		border-top-left-radius: 100px;
		border-bottom-left-radius: 100px;
		border-right: 0;
		z-index: 110;
		}
		
		#markerslefttopspacer_1col {
		display: none;
		}


		
	/* YEAR BREAK */
		
		.timelinebreak {
		position: relative;
		display: block;
		left: 0vw;
		width: 7.5vw;
		z-index: 200;
		margin: 0 auto;
		}
		
		.endshim, .startshim {
		position: relative;
		display: block;
		width: 100%;
		height: 1.5vw;
		z-index: 200;
		background-color: #000;
		}
		
		.endshim {
		top: 0%;
		}
		
		.whitespacer {
		position: relative;
		display: block;
		left 0%;
		width: 100%;
		height: 78px;
		background-color: #fff;
		}
		
		@media only screen and (max-height: 740px) {
			.whitespacer {
			height: 58px;
			}
		}
		
		.timelinedate {
		
		}
		
		.startshim {
		bottom: 0%;
		}
		
		.whitegap {
		position: absolute;
		display: block;
		top: 0%;
		left: 3vw;
		width: 1.5vw;
		height: 100%;
		background-color: #fff;
		z-index: 200;
		}
		
		#timelineslug_1col {
		display: none;
		}
	
		span.timelineyear_1col {
		display: none;
		}
		
		.timelinebreak_2017 {
		display: none;
		}
		
		.timelinebreak_2016 {
		top: 1100px;
		}
		
		.timelinebreak_2015 {
		top: 2200px;
		}
		
		
		
/* TIMELINE CONTENT */

		
	/* TIMELINE ENTRY STRUCTURE */
		
		.timelinewrapper {
		position: relative;
		top: 0%;
		left:2%;
		display: block;
		width: 96%;
		background-color: none;
		z-index: -10;
		}

		
		.timelinecontent {
		position: relative;
		display: block;
		width: 46.07%;
		min-height: 400px;
		background-color: none;
		z-index: -10;
		overflow: hidden;
		}
		
		.contentleft {
		float:left;
		}
		
		.contentright {
		float:right;
		}
		
		
		.contentspacer {
		position: relative;
		display: block;
		width: 46%;
		background-color: none;
		z-index: -10;
		}
		
		/* ENTRY AND MARKER POSITIONING CLASSES */
		
		.sp50 {
		min-height: 50px; 
		}
		.sp100 {
		min-height: 100px; 
		}
		.sp150 {
		min-height: 150px; 
		}
		.sp200 {
		min-height: 200px;
		}
		.sp250 {
		min-height: 250px;
		}
		.sp300 {
		min-height: 300px;
		}
		.sp400 {
		min-height: 400px;
		}
		.sp500 {
		min-height: 500px;
		}
		.sp600 {
		min-height: 600px;
		}
		
		.mgn50 {
		margin-top: 50px; 
		}
		.mgn100 {
		margin-top: 100px; 
		}
		.mgn150 {
		margin-top: 150px; 
		}
		.mgn200 {
		margin-top: 200px;
		}
		.mgn250 {
		margin-top: 250px;
		}
		.mgn300 {
		margin-top: 300px;
		}
		.mgn400 {
		margin-top: 400px;
		}
		.mgn500 {
		margin-top: 500px;
		}
		.mgn600 {
		margin-top: 600px;
		}
		
		.sp25_1col, .sp50_1col, .sp75_1col, .sp100_1col, .sp150_1col, .sp200_1col, .sp250_1col, .sp300_1col, .sp400_1col, .sp500_1col, .sp600_1col, .sp700_1col, .sp800_1col, .sp900_1col, .sp950_1col, .sp1000_1col, .sp1050_1col, .sp1000_1col, .sp1050_1col, .sp1100_1col, .sp1150_1col, .sp1200_1col, .sp2200_1col, .sp2300_1col {  
		display: block; 
		}
		
		.mgn50_1col, .mgn100_1col, .mgn150_1col, .mgn200_1col, .mgn250_1col, .mgn300_1col, .mgn400_1col, .mgn500_1col, .mgn600_1col {
		display: block; 
		}
		
		.image_left, .image_right {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 0%;
		width: 40%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		height: 100%;
		display: block;
		line-height: 0;
		overflow: hidden;
		z-index: 50;
		}
		
		.image_left {
		left: 0%;
		border: 1.5vw solid #95876d;
		}
		
		.image_left:hover {
		border: 1.5vw solid #1219b0;
		width: 80%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		}
		
		.image_left:hover ~ .textwrapperleft {
		left: 100%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		}
		
		.image_right {
		border: 1.5vw solid #cd1811;
		right: 0%;
		}
		
		.image_right:hover {
		border: 1.5vw solid #1219b0;
		width: 80%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		}
		
		.image_right:hover ~ .textwrapperright {
		left: -100%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		}
		
		.netflixlogo {
		background-image: url('../images/netflix_2014_wht.svg');
		background-size: auto 70%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		display: block;
		top: 0%;
		left: 0%;
		height: 55px;
		width: 50%;
		background-color: #cd1811;
		}
		
		.tribecalogo {
		background-image: url('../images/tribecaff_wht.svg');
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		display: block;
		top: 10px;
		right: 0%;
		height: 55px;
		width: 50%;
		background-color: none;
		}
		
		.textwrapperleft, .textwrapperright {
		position: absolute;
		top: 0%;
		width: 40%;
		height: 100%;
		display: block;
		line-height: 0;
		overflow: hidden;
		}
		
		.textwrapperleft {
		left: 40%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		}
		
		.textwrapperright {
		left: 20%;
		webkit-transition: 1000ms;
		-moz-transition: 1000ms;
		-o-transition: 1000ms;
		transition: 1000ms;
		}
		
		.datewrapperleft, .datewrapperright {
		position: absolute;
		top: 0%;
		width: 20%;
		height: 100%;
		display: block;
		line-height: 0;
		overflow: hidden;
		background-color: #f5f4f3;
		}
		
		.datewrapperleft {
		left: 80%;
		}
		
		.datewrapperright {
		left: 0%;
		}
		
		.categoryleft, .categoryright {
		position: absolute;
		width: 20%;
		height: 15px;
		text-align: left;
		text-indent: 2px;
		}
		
		.categoryleft {
		top: 20px;
		left: 12%;
		}
		
		.categoryright {
		top: 20px;
		left: 12%;
		}
		
		.categoryleft_1col, .categoryright_1col {
		display:none;
		}
		
		span.category {
		font-family: "gibson_semibold", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 8px !important;
		letter-spacing: 4px;
		line-height: .8;
		color: #000;
		}
		
		span.category_1col {
		display: none;
		}
		
		.dateleft, .dateright {
		position: absolute;
		top: 40px;
		width: 80%;
		height: 60px;
		text-align: left;
		}
		
		.dateleft { 
		left:12%;
		}
		
		.dateright { 
		left: 12%;
		}
		
		span.date {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 35px !important;
		letter-spacing: .1px;
		line-height: .8;
		color: #000;
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) {
			span.date {
				font-size: 30px !important;
				}
			}
		@media only screen and (min-width: 1024px) and (max-width: 1366px) {
			span.date {
				font-size: 28px !important;
				}
			}
		
		.actionbutton {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 10px !important;
		letter-spacing: 2px;
		line-height: .8;
		color: #fff;
		position: relative;
		top: 320px;
		margin: 0 auto;
		width: 45%;
		height: 46px;
		display: block;
		background-color: #1219b0;
		border-radius: 2px;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		padding-top: 19px;
		}
		
		.actionbutton:hover {
		 background-color: #fff;
		 color: #77affd;
		 webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		}
		
		.actionbutton:hover::after {
		content: ' ';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 5px;
		top: 5px;
		border-width: 0px 1px 1px 0px;
		border-style: solid;
		border-color: #fff;
		border-radius: 0px 0px 4px 0px;
		z-index: 90;
		}
		
		.subcategoryleft, .subcategoryright {
		position: absolute;
		width: 60%;
		height: 15px;
		text-align: left;
		overflow: visible;
		}
		
		.subcategoryleft {
		left: 40px; 
		top: 20px;
		}
		
		.subcategoryright {
		left: 40px;
		top: 20px;
		}
		
		.divideruleleft, .divideruleright {
		position: absolute;
		top: 40px;
		width: 6px;
		height: 280px;
		display: block;
		line-height: 0;
		background-color: #000;
		}
		
		.divideruleleft {
		left: 18px;
		}
		
		.divideruleright {
		left: 18px;
		}
		
		.headleft, .headright {
		position: absolute;
		top: 35px;
		width: 80%;
		height: 160px;
		text-align: left;
		overflow: visible;
		}
		
		.headleft {
		left: 40px;
		}
		
		.headright {
		left: 40px;
		}
		
		span.itemhead {
		font-family: "gibson_semibold", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 16px !important;
		letter-spacing: 3px;
		line-height: 1.4;
		color: #000;
		}
		
		.summaryleft, .summaryright {
		position: absolute;
		bottom: 82px;
		width: 80%;
		height: 120px;
		text-align: left;
		display: table;
		overflow: visible;
		}
		
		.summaryleft {
		left: 40px;
		}
		
		.summaryright {
		left: 40px;
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) {
			.summaryleft, .summaryright {
				width: 75%;
				}
			}
		@media only screen and (min-width: 1024px) and (max-width: 1366px) {
			.summaryleft, .summaryright {
				width: 70%;
				}
			}
		
		span.summary {
		font-family: "chronicle_display_italic", serif;
		font-style: normal;
		text-align: left;
		font-size: 12px !important;
		letter-spacing: .1px;
		vertical-align: bottom;
		display: table-cell;
		line-height: 1.2;
		color: #000;
		}
		
		.morecontent span {
    	display: none;
		}
		.morelink {
    	display: block;
		}
		
		.tlbuttonwrapper {
		position: absolute;
		display: block;
		bottom: 20px;
		left: 40px;
		width: 100%;
		bottom: 17px;
		height: 56px;
		display: block;
		overflow: visible;
		}
		
		.secondbutton {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 10px !important;
		letter-spacing: 2px;
		line-height: .8;
		color: #000;
		position: relative;
		margin: 5px 0px 5px 5%;
		width: 45%;
		height: 46px;
		display: inline-table;
		border: 1px solid #000;
		border-radius: 2px;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		padding-top: 19px;
		float: left;
		}
		
		.secondbutton:hover {
		 border: 1px solid #1219b0;
		 color: #1219b0;
		 webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		}
		
		.secondbutton:hover::after {
		content: ' ';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 5px;
		top: 5px;
		border-width: 0px 1px 1px 0px;
		border-style: solid;
		border-color: #1219b0;
		border-radius: 0px 0px 4px 0px;
		z-index: 90;
		}
		
		.morebuttonart, .morebuttonaction  {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		text-align: center;
		font-size: 10px !important;
		letter-spacing: 2px;
		line-height: .8;
		text-decoration: none !important;
		position: relative;
		width: 56px;
		height: 56px;
		display: inline-block;
		padding: 19px 0px 0px 0px;
		box-sizing: border-box;
		border-radius: 4px;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	float: left;
		}
		
		.morebuttonart  {
		border: 6px solid #95876d;
    	color: #95876d !important;
		}
		
		.morebuttonaction  {
		border: 6px solid #cd1811;
    	color: #cd1811;
		}
		
		.morebuttonart:hover, .morebuttonaction:hover {
		 border: 1px solid #1219b0;
		 color: #1219b0 !important;
		 text-decoration: none !important;
		 padding: 24px 0px 0px 0px;
		 webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		}
		
		.morebuttonart:after:hover, .morebuttonaction:after:hover {
		content: ' ';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 8px;
		top: 8px;
		border-width: 1px 0px 0px 1px;
		border-style: solid;
		border-color: #1219b0;
		border-radius: 8px 0px 0px 0px;
		}
		
		.morebuttonart a  {
		text-decoration: none !important;
    	color: #95876d;
    	display: block;
		}
		
		.soclinkwrapperleft, .soclinkwrapperright, .soclinkwrappersololeft, .soclinkwrappersoloright {
		position: absolute;
		width: 100%;
		height: 25px;
		display: block;
		}
		
		.soclinkwrapperleft {
		left: 12%;
		bottom: 20px;
		}
		
		.soclinkwrapperright {
		left: 12%;
		bottom: 20px;
		}
		
		.fb, .twtr, .mail, .inst, .rddt {
		background-size: 25px 25px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		}
		
		.fb {
		background-image: url('../images/facebook_circle_grey.svg');
		left: 0px;
		}
		
		.twtr {
		background-image: url('../images/twitter_circle_grey.svg');
		left: 20%;
		}
		
		.rddt {
		background-image: url('../images/reddit_circle_grey.svg');
		left: 40%;
		}
		
		.mail {
		background-image: url('../images/envelope_grey.svg');
		left: 60%;
		}
		
		.fb:hover {
		background-image: url('../images/facebook_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.twtr:hover {
		background-image: url('../images/twitter_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.rddt:hover {
		background-image: url('../images/reddit_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.mail:hover {
		background-image: url('../images/envelope_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) {
			.fb, .twtr, .mail, .inst, .rddt {
				background-size: 22px 22px;
				width: 22px;
				height: 22px;
				}
			}
		@media only screen and (min-width: 1024px) and (max-width: 1366px) {
			.fb, .twtr, .mail, .inst, .rddt {
				background-size: 20px 20px;
				width: 20px;
				height: 20px;
				}
			}
		@media only screen and (min-width: 1600px){
			.soclinkwrapperleft, .soclinkwrapperright, .soclinkwrappersololeft, .soclinkwrappersoloright {
				width: 140px;
			}
		}
		
/* LOWER SECTION */

		/* LOWER FIXED HEADER */ 
		
		#lowerheaderwrapper {
		position: relative;
		display: block;
		width: 80%;
		height: 78px;
		left: 10%;
		z-index:200;
		}
		
		#endheaderwrapper {
	
		position: absolute;
		top: 0;
		right: 2%;
		background-color:none;
		width: 96%;
		height:100%;
		}
		
		.endheaderopacity {
	
		position: absolute;
		display: block;
		top: 0%;
		left: 10%;
		background-color:#fff;
		width: 80%;
		height: 78px;
		opacity: 0;
		}
		
		.lowertitleheader {
		position: absolute;
		display: table;
		top:5px;
		height: 78px;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		line-height: 78px;
		z-index: 110;
		}
		
		span.lowertitle {
		font-family: "knockout_welterweight", sans-serif;
		font-style: normal;
		font-size: 40px;
		letter-spacing: 4px;
		color: #000;
		}
		
		.lowerrulefixed {
		position: fixed !important;
		}
		
		.lowertitlefixed {
		position: fixed !important;
		right: 10%;
		width: 80%;
		}
		
		.lowervisible {
		position: fixed !important;
		opacity: 1;
		}
		
		#timelineendrulewrapper {
		position: relative;
		display: block;
		line-height:0; 
		width: 100%;
		margin: 0 auto;
		height: 1.5vw;
		z-index: 101; 
		}
		
		.timelineendrule {
		position: absolute;
		display: block;
		line-height:0; 
		width: 96%;
		left: 2%;
		height: 1.5vw;
		background-color: #1219b0;
		}
		
		.timelineendrule_1col {
		display: none;
		}
		
		@media only screen and (max-height: 740px) {
			#lowerheaderwrapper {
			height: 58px;
			min-height: 58px;
			}
			.endheaderopacity {
			height: 58px;
			}
			.lowertitleheader {
			top:3px;
			height: 58px;
			line-height: 58px;
			}
			span.lowertitle {
			font-size: 30px;
			}
		}
		
		/* LOWER CONTENT */
		
		#lowerwrapper {
		position: relative;
		display: block;
		width: 100%;
		height: calc(100vh - (1.5vw + 58px));
		height: expression(100vh - (1.5vw + 58px));
		height: -webkit-calc(100vh - (1.5vw + 58px));
		height: -moz-calc(100vh - (1.5vw + 58px));
		height: -o-calc(100vh - (1.5vw + 58px));
		z-index: 0;
		}
		
		#lowercontent {
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 2vw;
		left: 2vw;
		bottom: 0;
		width: 96%;
		height: calc(98vh - (1.5vw + 58px));
		height: expression(98vh - (1.5vw + 58px));
		height: -webkit-calc(98vh - (1.5vw + 58px));
		height: -moz-calc(98vh - (1.5vw + 58px));
		height: -o-calc(98vh - (1.5vw + 58px));
		}

		#lowerimage {
		order: 1;
		flex-shrink: 20;
		flex-basis: 100%;
		background-image: url('../images/waterprotectors-blu-sktch-2048.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		display: block;
		width: 100%;
		top:0%;
		}
		
		@media (max-width: 1500px) {
			#lowerimage {
				background-image: url('../images/waterprotectors-blu-sktch-1500.png');
			}
		}
		
		#mailinglistwrapper {
		font-family: "gibson_regular", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 14px;
		letter-spacing: .5px;
		line-height: 1.32;
		color: #95876d;
		position: absolute;
		display:block;
		top: calc(50% + 1.5vw);
		top: expression(50% + 1.5vw);
		top: -webkit-calc(50% + 1.5vw);
		top: -moz-calc(50% + 1.5vw);
		top: -o-calc(50% + 1.5vw);
		left: 50%;
		margin: -25px 0 0 -150px;
		height: 50px;
		min-height: 50px;
		min-width: 300px;
		width: 300px;
		border-radius: 25px;
		background-color: #fff;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	border: 1px solid #95876d;
    	padding-top: 16px;
    	padding-left: 20px;
		z-index: 10;
		}
		
		#emailsendbutton {
		background-image: url('../images/playarrow.svg');
		background-size: 30% 30%;
		background-position: 55% 50%;
		background-repeat: no-repeat;
		position: absolute;
		display: block;
		top: 12px;
		right: 12px;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background-color: #1219b0;
		}
		
		#footercontent {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 1024px;
		height: 100%;
		}
		
		span.footercategory {
		font-family: "gibson_semibold", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 8px;
		letter-spacing: 3px;
		line-height: 1.32;
		color: #95876d;
		}
		
		#footercolumn1, #footercolumn2, #footercolumn3, #footercolumn4 {
		font-family: "gibson_regular", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 9px;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #fff;
		position: absolute;
		display: block;
		width: 20%;
		height: 55%;
		top: 15%;
		}
		
		#footercolumn1 {
		left: 20%;
		}
		
		#footercolumn2 {
		left: 40%;
		}
		
		#footercolumn3 {
		left: 60%;
		}
		
		#footercolumn4 {
		left: 80%;
		}
		
		#footercolumn1:before, #footercolumn2:before, #footercolumn3:before, #footercolumn4:before {
		content: ' ';
		position: absolute;
		width: 100%;
		height: 75px;
		top: 5px;
		left: -15px;
		border-width: 0px 0px 0px 1px;
		border-style: solid;
		border-color: #95876d;
		}
		
		#legaltext {
		font-family: "gibson_semibold", sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 7px;
		letter-spacing: 1px;
		line-height: 1.32;
		color: #fff;
		position: absolute;
		display: block;
		width: 80%;
		height: 15%;
		left: 20%;
		top: 75%;
		padding-top: 15px;
		border-top: 1px solid #95876d;
		}
		
		#footerlogo {
		background-image: url('../images/jfoxlogo7wht.png');
		background-size: 120px 21px;
		background-position: left;
		background-repeat: no-repeat;
		position: absolute;
		display: block;
		width: 20%;
		height: 21px;
		left: 2vw;
		top: 50%;
		margin-top: -10px;
		}
		
		
		
	/* VARIABLE ITEMS */
	
		.modalimage_item_1  {
		background-image: url('../images/0106003c1_grain.jpg');
		background-position: 0% 42%;
		}