@import url('https://fonts.cdnfonts.com/css/tf2-build');
			@import url('https://fonts.cdnfonts.com/css/tf2-secondary');

			@font-face{ 
				font-family:"dominican-regular";
				src:url("../css/Dominican Regular.ttf") format("woff"),
				url("../css/Dominican Regular.ttf") format("opentype"),
				url("../css/Dominican Regular.ttf") format("truetype");
			}
			
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video {
				margin: 0;
				padding: 0;
				border: 0;
				font-size: 100%;
				font: inherit;
				vertical-align: baseline;
			}
		
			body {
				background-image: url('../imgs/background_header_nofade.jpg');
				background-position: top center;
				background-repeat: repeat-x;
				background-color: #9a856a;
				overflow-x: hidden;
				text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
			}
			
			#gradient_overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: -10;
				background: -moz-linear-gradient(top, rgba(65,46,40,0.8) 0%, rgba(65,46,40,0) 80%, rgba(65,46,40,0) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,46,40,0.8)), color-stop(80%, rgba(65,46,40,0)), color-stop(100%, rgba(65,46,40,0)));
				background: -webkit-linear-gradient(top, rgba(65,46,40,0.8) 0%, rgba(65,46,40,0) 80%, rgba(65,46,40,0) 100%);
				background: -o-linear-gradient(top, rgba(65,46,40,0.8) 0%, rgba(65,46,40,0) 80%, rgba(65,46,40,0) 100%);
				background: -ms-linear-gradient(top, rgba(65,46,40,0.8) 0%, rgba(65,46,40,0) 80%, rgba(65,46,40,0) 100%);
				background: linear-gradient(to bottom, rgba(65,46,40,0.8) 0%, rgba(65,46,40,0) 80%, rgba(65,46,40,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#412e28', endColorstr='#412e28', GradientType=0 );
			}
			
			.content {
				width: 800px;
				margin: 60px auto 0 auto;
			}
			
			.content_s_margin {
				width: 800px;
				margin: -20px auto 60px auto;
			}
			
			.content_mid {
				background: #202020;
				background: -webkit-linear-gradient(0deg, rgba(32, 32, 32, 1) 50%, rgba(126, 110, 89, 0) 100%);
				background: -moz-linear-gradient(0deg, rgba(32, 32, 32, 1) 50%, rgba(126, 110, 89, 0) 100%);
				background: linear-gradient(0deg, rgba(32, 32, 32, 1) 50%, rgba(126, 110, 89, 0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202020", endColorstr="#7E6E59", GradientType=0);
				width: 100%;
				height: 100%;
			}
			
			.content_w_bg {
				background-color: #6c6c6c;
				-webkit-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.8);
				-moz-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.8);;
				box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.8);
				width: 800px;
				margin: 60px auto;
				z-index: 10;
				position: relative;
			}
			
			.content_w_bg:first-child {
				margin: 0 auto 60px;
			}
			
			.content_dark {
				background-color: #202020;
				width: 100%;
				height: 100%;
				padding: 1px 0;
			}
			
			#header {
				position: relative;
				margin-bottom: -70px;
			}
			
			#header_punchy {
				position: absolute;
				top: -45px;
				left: 0;
				z-index: 10;
			}
			
			#header_punchy img {
				height: 100px;
			}
			
			#header_tf2c {
				position: absolute;
				top: -45px;
				right: 0;
				height: 100px;
				z-index: 10;
			}
			
			#header_tf2c img {
				position: relative;
				top: 20%;
				width: 200px;
			}
			
			#header_banner {
				width: 1000px;
				position: relative;
				left: -110px;
				top: -50px;
				z-index: 1;
			}
			
			#header_banner_link {
				position: absolute;
				top: 70px;
				left: 360px;
				width: 60px;
				height: 60px;
				display: block;
				z-index: 10;
			}
			
			#cliff_holder {
				position: absolute;
				top: 100px;
				left: 0;
				height: 1290px;
				width: 100%;
				z-index: -1;
			}
			
			#cliff_left {
				background-image: url('../imgs/cliff_left.png');
				background-position: top;
				background-position-x: -350px;
				background-repeat: no-repeat;
				width: 850px;
				height: 1290px;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			#cliff_right {
				background-image: url('../imgs/cliff_right.png');
				background-position: top;
				background-position-x: 350px;
				background-repeat: no-repeat;
				width: 850px;
				height: 1290px;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			#projector {
				position: absolute;
				left: -315px;
				top: 400px;
				z-index: 2;
			}
			
			#crowd {
				position: absolute;
				top: 810px;
				width: 1720px;
				left: 50%;
				transform: translate(-50%);
				z-index: 1;
			}
			
			#guy {
				position: absolute;
				right: 100px;
				top: 420px;
				width: 325px;
			}
			
			@media (width < 1730px) {
				#guy {
					position: absolute;
					right: 20px;
					top: 420px;
					width: 325px;
				}
			}
			
			@media (width < 1500px) {
				#cliff_left {
					background-image: url('../imgs/cliff_left.png');
					background-position: top;
					background-position-x: -350px;
					background-repeat: no-repeat;
					width: 850px;
					height: 1290px;
					position: absolute;
					top: 0;
					left: -100px;
				}
				
				#cliff_right {
					background-image: url('../imgs/cliff_right.png');
					background-position: top;
					background-position-x: 350px;
					background-repeat: no-repeat;
					width: 850px;
					height: 1290px;
					position: absolute;
					top: 0;
					right: -100px;
				}
				
				#projector {
					position: absolute;
					left: -550px;
					top: 400px;
				}
				
				#guy {
					position: absolute;
					right: -145px;
					top: 420px;
					width: 325px;
				}
			}
			
			@media (width < 1280px) {
				#cliff_left {
					background-image: url('../imgs/cliff_left.png');
					background-position: top;
					background-position-x: -350px;
					background-repeat: no-repeat;
					width: 850px;
					height: 1290px;
					position: absolute;
					top: 0;
					left: -200px;
				}
				
				#cliff_right {
					background-image: url('../imgs/cliff_right.png');
					background-position: top;
					background-position-x: 350px;
					background-repeat: no-repeat;
					width: 850px;
					height: 1290px;
					position: absolute;
					top: 0;
					right: -200px;
				}
				
				#projector {
					position: absolute;
					left: -450px;
					top: 400px;
				}
				
				#guy {
					position: absolute;
					right: -165px;
					top: 420px;
					width: 325px;
				}
			}
			
			@media (width < 1110px) {
				#cliff_left {
					background-image: url('../imgs/cliff_left.png');
					background-position: top;
					background-position-x: -350px;
					background-repeat: no-repeat;
					width: 850px;
					height: 1290px;
					position: absolute;
					top: 0;
					left: -300px;
				}
				
				#cliff_right {
					background-image: url('../imgs/cliff_right.png');
					background-position: top;
					background-position-x: 350px;
					background-repeat: no-repeat;
					width: 850px;
					height: 1290px;
					position: absolute;
					top: 0;
					right: -300px;
				}
				
				#projector {
					position: absolute;
					left: -720px;
					top: 400px;
				}
				
				#guy {
					position: absolute;
					right: -330px;
					top: 420px;
					width: 325px;
				}
			}
			
			.featured_content {
				background-image: url('../imgs/trains_background.png');
				background-position: top;
				background-position-x: center;
				background-repeat: no-repeat;
				height: 1180px;
				width: 100%;
				position: relative;
			}
			
			#featured_holder {
				position: relative;
				width: 800px;
				margin: 0 auto;
				top: 150px;
			}
			
			#featured_background {
				margin-top: 50px;
			}
			
			#notice_background {
				width: 890px;
				position: relative;
				left: -50px;
				top: -5px;
			}
			
			#notice_overlay {
				position: absolute;
				left: 55px;
				width: 680px;
				top: 265px;
			}
			
			#featured_items {
				position: absolute;
				top: 0;
				left: 0;
			}
			
			#featured_items img {
				position: absolute;
				left: 115px;
				width: 580px;
				top: 290px;
			}
			
			#featured_items :not(.show):not(a):not(a img) {
				display: none;
			}

			#featured_items img.show {
				display: block;
			}
			
			#featured_nav {
				position: absolute;
				width: 868px;
				left: -40px;
				top: 466px;
				z-index: 20;
			}
			
			#featured_last {
				width: 50px;
				height: 50px;
				position: absolute;
				left: 0;
				border: 0;
				background: transparent;
			}
			
			#featured_next {
				width: 50px;
				height: 50px;
				position: absolute;
				right: 0;
				border: 0;
				background: transparent;
			}
			
			#download_button {
				width: 95%;
				height: 72px;
				margin: 0 auto;
				display: block;
				font-family: 'dominican-regular', sans-serif;
				color: #fff;
				text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
				text-align-last: justify;
				padding: 0 100px;
				font-size: 48px;
				border: 0;
				background-color: #555;
			}
			
			#download_button:hover {
				background: linear-gradient(to right, #edd87d 0, #c68e42 20%, #edd87d 50%, #c68e42 80%, #edd87d 100%);
			}
			
			#footer {
				position:relative;
				background-color: #555;
				width: 100%;
				height: 60px;
			}
			
			#copyright_Valve {
				position: absolute;
				left: 10px;
				top: 15px;
				width: 101px;
				height: 30px;
				background-image: url(../imgs/copyright_valve.png);
				background-position: top;
			}
			
			#copyright_TF2C {
				position: absolute;
				left: 120px;
				top: 15px;
				width: 100px;
				height: 34px;
				background-image: url(../imgs/copyright_tf2c.png);
				background-position: top
			}
			
			#copyright_KO {
				position: absolute;
				left: 230px;
				top: 12px;
				width: 27px;
				height: 37px;
				background-image: url(../imgs/copyright_knockout.png);
				background-position: top
			}
			
			#copyright_Valve:hover, #copyright_TF2C:hover, #copyright_KO:hover {
				background-position: bottom
			}
			
			#copyright_text {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #a5a5a5;
				position: absolute;
				right: 0;
				width: 535px;
				height: 60px;
				display: flex;
				align-items: center;
			}
			
			#copyright_text a {
				display: contents;
				color: inherit;
			}
			
			.content_notes {
				font-family: 'TF2 Secondary', sans-serif;
				color: #dfd6c0;
				font-size: 20px;
			}
			
			.content_notes_light {
				color: #fff4d9;
				font-weight: bold; 
			}
				
			.content_notes a {
				color: inherit;
			}
			
			.text-centre {
				text-align: center;
			}
			
			.pb10 {
				padding-bottom: 10px;
			}
			
			h1, h2, h3 {
				font-weight: bold;
				font-size: 64px;
				padding-top: 10px;
			}
			
			hr {
				border-top: 1px solid #555 !important;
				border-bottom: 1px solid gray !important;
				border: 0;
			}
			
			.table_holder {
				overflow-x: auto;
			}
			
			.table_holder img {
				border: 4px solid #555;
			}
			
			table {
				border-collapse: collapse;
				width: 100%;
				text-align: center;
			}
			
			th, td {
				padding: 10px 14px;
			}
			
			.row-1 {
				width: 50%;
			}
			
			td:hover {
				background-color: rgba(0,0,0,0.05);
			}
			
			#reagy:hover {
				background-image: url(../imgs/iamverysmart.png);
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
			}