﻿#main_frame {
width:100%;
min-height:100%;
    frameborder: 0px;
	border:0px;
}

#main_div {
    frameborder: 0px;
    position:relative;
    max-width:2000px;
    margin:0 auto;
	border:0px;
	z-index:-200;
	top:-100px;
    left:0;
    right:0;
    min-height:1px;
}

#thanksgiving {
	position:relative;
	display:inline-block;
	z-index:1505;
	width:100%;
	height:550px;
		background-image:url('../Images/thanksgiving.png');
		background-repeat:no-repeat;
		background-position:center;
		background-size: 100%;
		
}

#thanks-text {
	position:relative;
	display:inline-block;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 100;
	text-align: start;
	color: rgb(215, 179, 95);		
	width: 65%;
	min-width:600px;
	left:20px;
	right:0;
				
}




#promotion {
	position:relative;
	display:inline-block;
	z-index:1505;
	cursor: pointer;
}

.promotion-default {
	top:-90px;
	left:5px;
	width:185px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:.2s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:.2s;
}

#promotion_text {
		height:410px;
		left:0;
		right:0;
		width:100%;
		margin:0 auto;
		position:relative;
}

.promotion-text-default {
		background-image:url('../Images/Transit-banner.jpg');
		background-repeat:no-repeat;
				min-width:0;
				top:60px;
				width:100%;
				opacity:1;
				margin:0 auto;
				padding:0px;
				padding-top:10px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}

.promotion-normal {
		background-position:bottom;
				-webkit-transition-property:all;
				-webkit-transition-duration:4s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:4s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}

.promotion-banner {
				position: relative;
				top:0px;
				left:-128px;
				width:658px;
				height:289px;
				display:block;
				padding: 8px;
				padding-top:0;
				margin-bottom: 18px;
				background-color: rgb(221, 251, 241);
				background-repeat: repeat-x;
				background-image: none;
				border-color: rgb(198, 237, 249);
				text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
				border-width: 1px;
				border-style: solid;
				border-radius: 4px;
}

.promotion-text-container {
	display:inline-block;
    margin:0 auto;
    top:50%;
    left:128px;
    position:absolute;
    -ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);

}























#refer {
	position:relative;
	display:inline-block;
	z-index:1505;
	cursor: pointer;
}

.refer-default {
	top:-150px;
	left:5px;
	width:185px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:.2s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:.2s;
}
.refer-target {
	width:155px;
	top:620px;
	left:50px;
}

#refer_text {
		height:410px;
		left:0;
		right:0;
		width:100%;
		margin:0 auto;
		position:relative;
}

.refer_text-default {
		background-image:url('../Images/Cropped.png');
		background-repeat:no-repeat;
				min-width:0;
				top:60px;
				width:100%;
				opacity:1;
				margin:0 auto;
				padding:0px;
				padding-top:10px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}

.refer-normal {
		background-position:bottom;
				-webkit-transition-property:all;
				-webkit-transition-duration:4s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:4s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}

.refer-scroll {
		background-position:center;
				-webkit-transition-property:all;
				-webkit-transition-duration:4s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:4s;
				transition-timing-function:ease-in-out;
				transition-delay:0;
}

.refer-container {
				background:white;
				position:relative;
				display:inline-block;
				top:100px;
				width:550px;
				padding:10px;
				padding-left:150px;
				left:-200px;
				height:300px;
				border-radius: 4px;
}

.refer_text-target {
				opacity:.98;
				height:auto;
				top:18%;
}
.refer_title {
				padding: 8px;
				left:130px;
				top:-10px;
				position:relative;
				display:inline-block;
				text-align: center;
				text-indent: 0px;
				margin: 0px 0px 8px;
				font-family: Ubuntu, sans-serif;
				font-weight: 700;
				color: rgb(0, 0, 0);
				font-size: 1.5em;
				line-height: 25px;
				border: 0px;
				letter-spacing: -1px;
}
.refer-banner {
				position: relative;
				top:0px;
				left:-128px;
				width:658px;
				height:289px;
				display:block;
				padding: 8px;
				padding-top:0;
				margin-bottom: 18px;
				background-color: rgb(221, 244, 251);
				background-repeat: repeat-x;
				background-image: none;
				border-color: rgb(198, 237, 249);
				text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
				border-width: 1px;
				border-style: solid;
				border-radius: 4px;
}

.refer-text-container {
	display:inline-block;
    margin:0 auto;
    top:50%;
    position:absolute;
    -ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);

}
.refer-content-header {
				font-family:Helvetica, Arial, sans-serif;
				font-size: 1.2em;
				font-weight: 600;
				text-align: start;
				color: rgb(0, 0, 0);
				line-height: 20px;
				letter-spacing: -1px;
				padding:10px;

}

.refer-content {
				margin: 0px 30px 0px 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 15px;
				line-height: 18px;
				padding: 0px;
				border: 0px;
				font-weight:300;
				font-style: normal;
				letter-spacing: 0px;

}

#splat {
	position:relative;
	z-index:1505;
	display:inline;
	cursor: pointer;
}

.splat-default {
	top:1px;
	display:block;
	left:20px;
	width:98px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}
.splat-target {
	width:98px;
	left:20px;
	top:1px;
		    transform:rotate(360deg);
		    -webkit-transform:rotate(360deg);
		    -ms-transform:rotate(360deg);
}

#track {
    position:relative;
    background-color:white;
	right: 0;
	left:0;
    padding:0;
    padding-top:10px;
    padding-bottom:100px;
	top: 10vw;
	margin:0 auto;
}

.track {
	font-family: Arial, Helvetica, sans-serif;
	width:95%;
	min-height:0;
	min-width:0;
	text-align: center;
}
.track-active {
	font-family: Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:100;
	min-height:0;
	min-width:0;
	text-align: center;
}
#track-head {
				padding:0px;
				width:100%;
				height:100px;
				background-color:gray;
}
#track-banner {
				padding:0px;
				position:absolute;
				width:100%;
				height:100px;
				background-image:url('../Images/Black-Knight.jpg');
				background-position:center;
				background-repeat:no-repeat;
				opacity:.3;
}

#track-head-text {
				padding:0px;
				position:relative;
				top:-70px;
				text-align:center;
				color:white;
				font-weight:600;
				font-size:2em;
}

#track-content {
				padding-top:10px;
}

#splat-text {
	position:absolute;
	z-index:156;
	display:none;
}

.splat-text-default {
	top:220px;
	display:block;
	left:25px;
	opacity:.95;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-out;
				transition-delay:0s;
}
.splat-text-target {
				opacity:1;
	top:15px;
	left:450px;
	width:160px;
	height:auto;
		    transform:rotate(360deg);
		    -webkit-transform:rotate(360deg);
		    -ms-transform:rotate(360deg);
}

.no_border {
	border-width: 0px;

}

.refer-footer {
				text-align: center;
				font-family: Ubuntu, sans-serif;
				font-size: 1em;
				left:0px;
				margin:0 auto;
				right:0;
				top:0px;
				width:100%;
				min-width:0;
}



