@media only screen and (max-width: 600px) {

		.AdvanceRetreat {
			top: 1px;
		}
	
	  #BLUE_BURGER_CELL {
	    display: table-cell;
	  }

		#Home_Link {
			font-size: 125%;
		}
		
	  #TOP_SELECT_CELL {
	    display: none;
	  }	  
	}

	@media only screen and (min-width: 601px) {

		.AdvanceRetreat {
			top: 4px;
		}

	  #BLUE_BURGER_CELL {
	    display: none;
	  }



	  #TOP_SELECT_CELL {
	    display: table-cell;
	  }
	}
	
	@media only screen and (max-width: 600px) {
	/*
		#TWO_LANE_BLACKTOP {
			font-size: 2.5vw;
		}
	*/
	}
	
	@media only screen  and (min-width: 601px) and (max-width: 801px) {

		#Home_Link {
			font-size: 140%;
		}
	/*
		#TWO_LANE_BLACKTOP {
			font-size: 2vw;
			position: relative;
			top: -3px;
		}
	*/
	}
	
	@media only screen and (min-width: 801px) {
		#Home_Link {
			font-size: 150%;
		}
	/*
		#TWO_LANE_BLACKTOP {
			font-size: 1.25vw;
			position: relative;
			top: -6px;
		}
	*/
	}
	
	body {
	/*	
		background-color: #F5F5F5;	
		background-color: #EDEDFE;
	*/
		background-color: #FEFEFF;
		margin: 0px;
		padding: 0px;
		font-family: sans-serif;
		scroll-behavior: smooth;
	}
	
	#BikeUseFoto {
		background-color: #FEFEFF;
		margin: 0px;
	}

	h1.slide_title {
		background-color: #FEFEFF;
	}

	#illustrationFrame {
		background-color: #FEFEFF;
	}

	.rPaneFrame {
		background-color: #FEFEFF;
	}
				
	#BikeUsageCaption {
		background-color: #F5F5F5;
		color: #999999;
		display: none;
		font-size: 18px;
		font-style: italic;
		margin-top: 15px;
	}
	
	a.bouncingBall {
		color: #CCCCCC;
		text-decoration: none;
		font-size: 100%;
	}
	
	a.smallBalls {
		color: #CCCCCC;
		text-decoration: none;
		font-size: 85%;
	}
	
	.AdvanceRetreat {
		color: DodgerBlue;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		position: relative;
	}
	
	#TOP_NAVIGATION .AdvanceRetreat {
		color: DodgerBlue;
		font-size: 14px;
	}
	
	.branding {
		margin-bottom: 40px;
		padding: 5px 20px 0px 20px;
	}
	
	#brandingTable {
	/*	background-color: #D5E8DE;	*/
		border-style: none;
		border-color: green;
		border-width: 2px;
		color: #00517F;
		display:; block;
		font-family: 'Grandstander', cursive;
		height: 40px;
		margin-right: 35px;
		overflow:visible;
		padding: 0px;
		width: 100%;
		z-index: 100;
	}
	
	#brandingTable td {
		padding: 0px;	
	}
	
	.closeBtn {
		background-color: #DD0000;
		color: #FFFFFF;
		cursor: pointer;
		font-weight: bold;
		text-align: center;
		vertical-align: -300%;
		border-radius: 20px;
		margin: 10px;
		height: 25px;
		width: 25px;
	}
					
	.comparisonChart {
	/*	background-color: #FEFEFD;	*/
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0.5px;
	/*	border-radius: 40px;	*/
		border-color: #999999;
		border-radius: 3vw;
	/*	display: none;	*/
		height: auto;
	/*	padding: 10px 30px 5px 30px;	*/
		padding: 5vw 8vw;
		position: absolute;
		top: 14vw;
		left: 2vw;
		width: 94vw;
		opacity: 1.0;
		z-index: 900;
		display: none;
	}
	
	.comparisonChart h5 {
	/*	background-color: orange;	*/
		border-style: none;
		font-size: 4.5vw;
		margin-bottom: 2vw;
		padding: 0vw;
		position: relative;
		lefT: -5vw;
		text-transform: uppercase;
		width: 90vw;
	}
	
	.comparisonChart table {
		border-style: none;
		border-width: 0.5px;
		display: block;
		font-size: 90%;
		margin-right: 2vw;
		margin-left: -5vw;
		width: 80vw;
	}
	
	.comparisonChart .Xbox {
		border-style: none;
		border-width: 0.5px;
		cursor: pointer;
		float: right;
		font-size: 6vw;
		font-weight: 400;
		margin: 0vw;
		padding: 2.5vw;
		position: relative;
		top: -8vw;
	}
	
	.contactLink {
		border-style: solid;
		border-width: 1px;
		color: #00517F;
		border-color: #0051FF;
		border-radius: 20px;
		font-family: 'Grandstander', cursive; 
		font-size: 80%;	/**/
		font-variant: small-caps;
		padding: 5px 20px 5px 20px;
		position: relative;
		top: -5px;
		text-decoration: none;
	}
	
	.copyrightCredit {
		background-color: #DFDFDF;
	margin-top: 25px;
		 padding-top: 5px;
	}
	
	dd {
		margin-bottom: 10px;
	}
	
	.explique {
		color: #000000;
		display: none;
		line-height: 140%;
		margin-top: 15px;
		margin-left: -20px;
		padding-bottom: 0px;
	/*	width: 95%;	*/
	}
	
	.fauxBtn {
		color: #330099;
		cursor: pointer;
		font-variant: small-caps;
		font-weight: bold;
	}
	
	.fauxLink {
		border-bottom-style: solid;
		border-bottom-width: 0.5px;
		border-bottom-color: #330099;		
		color: #330099;
		cursor: pointer;
		font-weight: 500;
		padding-bottom: 2px;
	/*	text-decoration: underline;	*/
	}
	
	a.fauxLink {
		text-decoration: none;
	}
	
	.footer_nav {
		background-color: #ffffff;
	}
	
	h1.slide_title {
		background-color: #FEFEFF;
		border-style: none;
		border-color: red;
		border-width: 1px 0px;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		
		font-size: 3.75vw;
		font-variant: small-caps;
		line-height: 100%;
		
		margin-bottom: 0px;
		padding-top: 60px;
		padding-bottom: 15px;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 900;
	}
	
	h2.slide_subtitle {
	/*	font-size: 4vw;	*/
		font-weight: 600;
		position-relative;
		top: 0px;
		left: 0px;
		z-index: 900;
	}
	
	h2.presentation_title {
		color: #FFFFFF;
		display: col;
		font-variant: small-caps;
		line-height: 120%;
		margin-bottom: 0px;
		text-align: left;
		text-shadow: 0px 0px 4px #000090;
	}
	
	.h2b_footer {
		background-color: #020202;
		border-style none;
		border-width: 5px;
		border-color: blue;
		color: #FFFF00;
		display: block;
		font-size: 2.5vw;
		font-variant: small-caps;
		font-weight: 400;
		letter-spacing: 1vw; 
		margin-top: 10vw;
		padding: 1vw 0vw;
		
		position: fixed;
		bottom: 0vw;
		left: 0vw;
		
		text-align: center;
		opacity: 1.0;
		overflow: hidden;
		width: 100vw;
		z-index: 500;
	}
	
	h3.BNY_subtitle {
		color: #0066C3;
		display: inline;
		float: right;
		font-variant: small-caps;
		font-weight: 100;
		text-align: right;
		padding-bottom: 0px;
		position: relative;
		top: 5px;
	}
	
	.text_right {
	}
	
	li.animbullet {
		color: #000066;
		font-size: 200%;
		line-height: 125%;
		opacity: 1.0;
	}
	
	p, dl {
		font-size: 18px;
		line-height: 125%;
	}
	
	.pop_Logo {
		display: inline;
		margin-left: -5px;
		margin-right: -5px;
		position: relative;
		left: 0px;
		top: 0px;
		opacity: 0.0;
		z-index: 200;
	}
	
	.listLeft {
		list-style-image: url('images/blue_pubes.png');
		margin-left: -20px;
		margin-top: 15px;
	}
	
	.listLeft li {
	/*	
		background-color: bisque;
		font-size: 20px;
		font-size: 22px;
	*/
		font-size: 18px;
		font-weight: normal;
		line-height:  120%;
		margin-bottom: 20px;
	}
	
	#NAV_TABLE {
	/*	background-color: red;	*/
		float: right;
		margin-right: 25px;
		position: relative;
		top: 5px;
		width: auto;		
	}
	
	.nextSlide {
		width: 400px;
		height: 285px;
		display: none;
		margin-top: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: #aaaaaa
	}
	
	#presentationSponsor {
	/*	background-color: PAPAYAWHIP;		*/
		color: #1852d5;
		font-size: 20px;
		font-variant: small-caps;
		font-weight: 100;
		letter-spacing: 1px;
		line-height: 100%;
		padding-right: 0px;/*	*/
		text-align: right;
	    vertical-align: bottom;
		white-space: nowrap;
	}
	
	#presentationTitle {
		color: #777777;	
		font-size: 16fpx;
		font-variant: small-caps;
		font-weight: normal;
		letter-spacing: 0px;
		line-height: 50%;
		padding: 0px;
		text-align: left;
	    vertical-align: bottom;
		white-space: nowrap;
	}
					
	.returnArrow {
		float: left;
		/* Safari */
		-webkit-transform: rotate(180deg);
		/* Firefox */
		-moz-transform: rotate(180deg);
		/* IE */
		-ms-transform: rotate(180deg);
		/* Opera */
		-o-transform: rotate(180deg);
	    transform: rotate(180deg);
	    vertical-align: sup;
	    margin-right: 1px;
	    cursor: pointer;
	}
					
	.rightArrow {
		cursor: pointer;
		font-size: 24px;
		line-height: 10%;
		position: relative;
		top: 6px;
	}
	
	.rotate45 {
		display: inline;
		color: #006699;
		font-size: 60%;
		font-weight: 100;
		letter-spacing: -8px;
		margin-left: -70px;
		position: relative;
		top: -30px;
	}
	
	.arrowRight {
		cursor: pointer;
		font-size: 18px;
		line-height: 10%;
		position: relative;
		top: 3px;
		left: 0px;
	}
	
	.arrowLeft {
		cursor: pointer;
		float: left;
		font-size: 18px;
		line-height: 10%;
		position: relative;
		top: 6px;
		left: 0px;
		/* Safari */
		-webkit-transform: rotate(180deg);
		/* Firefox */
		-moz-transform: rotate(180deg);
		/* IE */
		-ms-transform: rotate(180deg);
		/* Opera */
		-o-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	
	#BikeUsageCaption {
		display: none;
	}

	
	#UNDERSTORIES {
		padding: 0px;
		position: absolute;
		top: 40px;
		right: 0px;
		z-index: 800;
	}
	
	#Home_Link {
		color: #00517F;
		font-family: 'Grandstander', cursive; 
 		text-decoration: none;
		font-weight:: 300;
		
		position: relative;
		top: -5px;
		text-decoration: none;
	}
	
	#Home_Link img {
		height: 30px;
		position: relative;
		top: 2px;
		opacity: 0.6;
	}
	
	#HBB {
		font-size: 80%;
		position: relative;
		top: -10px;
	}
	
	img {
		max-width: 100%;
	    height: auto;
	}
	
	#illustrationFrame {
		background-size: contain;
		background-repeat: no-repeat;
		padding: 0px;
		border-style: none;
		
		z-index: 500;
	}
					
	.leftArrow {
		cursor: pointer;
		float: left;
		font-size: 24px;
		line-height: 10%;
		position: relative;
		top: 8px;
		/* Safari */
		-webkit-transform: rotate(180deg);
		/* Firefox */
		-moz-transform: rotate(180deg);
		/* IE */
		-ms-transform: rotate(180deg);
		/* Opera */
		-o-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	
	.rightPane {
		margin-bottom: 20px;
		background-color: transparent;
		height: auto;
		text-align: center;
	}
	
	.rndBtnGreen {
		border-style: solid;
		border-width: 1px;
		border-radius: 40px;
		cursor: pointer;
		padding: 5px;
		font-weight: 400;
		font-variant: small-caps;
		font-size: 16px;
		text-align: center;
		background-color: #ddffaa;
	}
	
	.navBtn {
		background-color: transparent;
		border-style: solid;
		border-width: 1px;
		border-radius: 40px;
		cursor: pointer;
		font-variant: small-caps;
		font-size: 16px;
		margin-right: 1px;
		padding: 5px 7px 5px 10px;
		position: relative;
		text-align: center;
	}
	
	.rndBtnOrange {
		border-style: solid;
		border-width: 1px;
		border-radius: 40px;
		cursor: pointer;
		padding: 5px;
		font-variant: small-caps;
		font-size: 16px;
		text-align: center;
		background-color: #ffddaa;
	}
		
	.rPaneFrame {
		background-image:url('images/dot.gif');
		background-position: center center; 
		background-repeat: no-repeat;
	 	border-style: solid;
	 	border-width: 1px;
	 	border-color: #bbbbbb;
	 /*	box-shadow: 5px 5px 20px #bbbbbb;	*/
	 	width: 422px;
	 	height: 307px;
	 	padding: 5px;
	 }
	 
	 #SITE_NAVIGATION {
	/* 	background-color: #fefefe;	*/
	 	background-color: #FFFF00;
	 	border-style: none none solid none;
	 	border-color: #FFFF00;
	 	color: #000000;
	 	border-bottom-width: 1px;
	 	color: DarkSlateBlue;
	 	font-size: 20px;
	 	padding: 8px 0px;
	 }
	 
	 #TOP_SELECT {
	 	background-color: #DESSHFEFF;
	 	border-style: solid;
	 	border-color: DodgerBlue;
	 	border-radius: 16px;
	 	border-width: 0.5px;
	 	color: DarkSlateBlue;
	 	font-size: 16px;
	 	line-height: 200%;
	 	font-variant: small-caps;
	 	margin: 0px;
	 	padding: 5px 10px;
	 }
	
	.slide_content, #slide_content {
		border-bottom-style: none;
		border-bottom-width: 3px;
		border-bottom-color: red;	
		line-height: 140%;		
		margin-top: 0px;
		margin-right: 2vw;
		margin-bottom: 15vw;
		padding: 0px 10px 10px 20px;
		padding: 0px 10px 10px 20px;
		width: 90%;
	}
	
	.slide_content h2 {
		font-size: 4.75vw;
		font-weight: 500;
		color: #666666;
		line-height: 100%;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	
	.splash {
		font-size: 250%;
		line-height: 50%;
		margin-right: 20px;
		padding: 0px;
		text-align: center;
		width: auto;
	}
	
	.sub_content {
		height: auto;
		margin-bottom: 50px;
		width: 100%;		
	}
	
	.listLeft .subList {
		list-style-image: none;
		margin: 15px 0px 5px -20px;
	}

	
	.listLeft .eyeSwap {
		list-style-image: url('images/bluest_eye.png');
		margin: 15px 0px 5px -20px;
	}
	
	.subList li {
		margin-bottom: 20px;
	 	font-weight: normal;
	}
	
	td.bC {
	    color: #666666;
		font-size: 200%;
		padding: 2px;
		text-align: center;
		vertical-align: center;
	}
	
	td.bCsmall {
		color: #666666;
		font-size: 85%;
		padding: 2px;
		text-align: center;
		vertical-align: center;
	}
	
	#topBanner {
	/*	background-color: #94E5FF;	*/		
		background-color: #C9E9FF;
	    height: 50px;
	    padding: 5px 15px;
	    position: fixed;
	    left: 0px;
		top: 0px;
		overflow: visible;
	    vertical-align: middle;
		width: 100%;
		z-index: 1000;
	}
	
	#TWO_LANE_BLACKTOP {
		border-top-style: none;
		border-top-width: 3px;
		border-top-color: gold;
		color: gold;
		font-size: 80%;
		letter-spacing: 0px;
		margin-top: 0px;
		padding-top: 2px; 
	/*	font-size: 2vw;	*/
	}
	
	ul {
		margin-top: -15px;
	}
	
	.wallPaper {
		float: right;
		width: 105%;
		opacity: 0.8;
		position: relative;
	}
	
	.theWall {
		border-style: solid;
		border-width: 0px;
		border-color: #CC0000;
		box-shadow: -20px 10px 80px #fefef5;
		float: right;
		margin-left: -50px;
		margin-right: 35px;
		width: 65%;
	}
	
	.UNDERSTORY {
		background-color: #FFFFFF;
		border-style: none solid dotted solid;
		border-width: 0.5px;
		border-bottom-color: dodgerBlue;
		color: #1E90CC;
		cursor: pointer;
		display: block;
		font-size: 90%;
		opacity: 1.0;
		padding: 4px 8px;
		text-decoration: none;
		z-index: 1000;
	}
	
	.UNDERSTORY:last-child {
		border-bottom-style: solid;
		border-radius:  0px 0px 15px 15px;
		padding-bottom: 10px;
	}