html, body {
	font-family: Verdana, Geneva; color: #f1f1f1;
	text-align: center;
	background-color: #1c1f26; /*#1a1d24;*/ /*#191b21;*/ /*#e6e6e6;*/ /*#151c26;*/ /*#17191f;*/
	margin: 0;
	padding: 0;
	z-index: 0;
	height: 100%;
	min-height:630px;
	min-width:952px;
}
/* Text and Image Styling */
	a:link { color: #005750; font-weight: bold;}
	a:visited { color: #384241; }
	a:active { color: #05a497; }
	a:hover { color: #05a497; }
	a.imgLink:link { color: #666666; }
	a.imgLink:visited { color: #666666; }
	a.imgLink:active { color: #666666; }
	a.imgLink:hover { color: silver; }
	a.captionLink:link { color: #016b62; }
	a.captionLink:visited { color: #5e706f; }
	a.captionLink:active { color: #05a497; }
	a.captionLink:hover { color: #05a497; }
	.headingMain {
		font-family: 'Heebo', sans-serif;
		font-size: 1.5em;
		font-weight: 300;
		line-height: 26px;
	}
	.headingSub {
		font-family: 'Heebo', sans-serif;
		font-size: 1.1em;
		font-weight: 300;
		line-height: 30px;
	}
	.heading1 {
		font-family: 'Heebo', sans-serif;
		font-size: 1.3em;
		font-weight: 300;
		color: #808080;
	}
	.heading2 {
		font-family: 'Heebo', sans-serif;
		font-size: 1em;
		font-weight: 300;
	}
	.heading3 {
		font-family: 'Heebo', sans-serif;
		font-size: 20px;
		font-weight: 300;
	}
	.spacedText {
		letter-spacing: 8px;
	}
	.footer {
		font-family: Verdana, Geneva;
		font-size: .8em;
		color: #363b47;
	}
	.gameHeading {
		font-size: 1.1em;
		color: #999999;
	}
	.caption {
		font-family: Verdana, Geneva;
		font-size: 1em;
		color: #bfbfbf;
	}
	.linkResize { font-size: 1.1em; }
	img.hidden { border-style: none; }
	.shadow {
		width: 150px;
		height: 100px;
		float: left;
		margin-bottom: 12px;
		margin-right: 12px;
		-webkit-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.75);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow:    0px 8px 5px 0px rgba(0, 0, 0, 0.75);  /* Firefox 3.5 - 3.6 */
		box-shadow:         0px 8px 5px 0px rgba(0, 0, 0, 0.75);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
		}
/* Page Layout Styling */
	div#outerWrapper {
		position: relative;
		left: 0px;
		top: 0px;
		min-height: 100%;	
	}
	div#wrapper {
		margin: 0 auto;
		width: 96%;
		text-align: left;
		/*background-color: #1a1f2b;*/
	}
	div#header {
		float: left;
		position: relative;
		width: 30%;
		margin-top: 21px;
		cursor: pointer;
	}
	div#main {
		min-height: 100%;
		height: 100%;
		overflow: auto;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 70px;
		padding-top: 20px;
	}
	div#footer {
		clear: both;
		width: 100%;
		height: 70px;
		color: #111111;
		background-color: #0f0f10; /*#080808;*/
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
	}
/* Navbar Styling */
	div#navBar {
		width: 60%;
		height: 44px;
		float: right;
		margin-top: 26px;
		/*margin-left: 2%;*/
		z-index: 2;
	}
	div.navItem {
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		font-family: 'Heebo', sans-serif;
		font-weight: 400;
		cursor: pointer;
		font-size: .92em;
		color: #f1f1f1;
		/*background-color: #2b2b2b;*/
		width: 92px;
		height: 30px;
		float: right;
		position: relative;
		text-align: center;
		padding: 10px 10px 0px;
		margin-top: 1px;
		border-radius: 4px;
	}
	.navItem:hover {
		background-color: #363b47; /*#2b2b2b;*/ /*#05a497;*/ /*#080808;*/
		color: #059dad; /*#05a497;*/
		border-radius: 4px;
	}
	div.navItemActive {
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		font-family: 'Heebo', sans-serif;
		font-weight: 400;
		cursor: pointer;
		font-size: .92em;
		color: #059dad;
		background-color: #16181d;
		/*background-color: #2b2b2b;*/
		width: 92px;
		height: 30px;
		float: right;
		position: relative;
		text-align: center;
		padding: 10px 10px 0px;
		margin-top: 1px;
		border-radius: 4px;
	}
	#navItemImg {
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		height: 40px;
		width: 40px;
		position: relative;
		float: right;
		margin-right: 6px;
		border-radius: 24px;
		/*border: 2px solid #111111;*/
	}
	#navItemImg:hover {
		background-color: #363b47; /*#2b2b2b;*/
		border-radius: 24px;
		/*border: 2px solid #05a497;*/
	}
/* Page Section Styling */
	div#about {
		width: 100%;
		height: 86px;
		text-align: center;
		background-image: url('../Icons/logoWhite.png');
		background-repeat: no-repeat;
		background-position: center top;
	}
	div#logoImage {
		display:inline;
		float:left;
	}
	img#scalingLogo {
		width: 37px;
		max-width: 100%;
		height: auto;
	}
	div#logoFirstRow {
		padding-top: 0%;
	}
	div#logoSecondRow {}
	img#lineLeft {
		padding-right: 15px;
	}
	img#lineRight {
		padding-left: 15px;
	}
	.gameImage {
		/* width: 14%;  <-- 7 images, 98% of width */
		width: 10.9%;
		max-width: 500px;
		max-height: 500px;
		float: left;
		display: block;
		margin: 0 .2% 0 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.gameImage:after {
		content: "";
		display: block;
		padding-bottom: 100%;
	}
	div.column {
		position:relative;
		float:left;
		width: 100%;
		text-align: left;
		padding-top: 40px;
		overflow-x: hidden;
	}
	div.titles {
		/*height: auto;
		padding-top: 3px;
		padding-bottom: 10px;
		overflow-x: hidden;*/
		width: 100%;
		height: auto;
		padding-top: 3px;
		padding-bottom: 3px;
		/*border-top: 1px solid #2b2b2b;
		border-bottom: 1px solid #2b2b2b;
		border-left: 1px solid #2b2b2b;
		border-right: 1px solid #2b2b2b;
		background-color: #1a1a1a;*/
	}
	.tabbed {
		padding-top: 15px;
		padding-left: 2%;
	}
	.tabbedMain {
		padding-top: 30px;
	}
	div#aboutMe {
		padding-top: 30px;
		clear: both;
		width: 100% auto;
		text-align: center;
	}
	div#imgLinks {
		width: 60%;
		margin: 60px auto;
	}
	div.linkRow {
		width: 100px;
		display: inline-block;
		margin-right: 60px;
	}
	div.contactLinks {
		margin:auto;
		width:40%;
		min-width:300px;
		float:none;
		padding-top:4px;
		text-align:center; 
	}
	div.buttonItem {
		-o-transition: 0.24s;
		-ms-transition: 0.24s;
		-moz-transition: 0.24s;
		-webkit-transition: 0.24s;
		transition: 0.24s;
		font-family: 'Heebo', sans-serif;
		font-weight: 300;
		cursor: pointer;
		font-size: 1em;
		color: #f1f1f1;
		background-color: #13151a;
		width: 100%;
		height: 60px;
		line-height: 60px;
		float: right;
		position: relative;
		text-align: center;
		margin: 0px 0px 14px 0px;
		border-radius: 6px;
	}
	.buttonItem:hover {
		background-color: #363b47; /*#2b2b2b;*/ /*#05a497;*/ /*#080808;*/
	}
	div.buttonItemWithoutLink {
		-o-transition: 0.24s;
		-ms-transition: 0.24s;
		-moz-transition: 0.24s;
		-webkit-transition: 0.24s;
		transition: 0.24s;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-family: 'Heebo', sans-serif;
		font-weight: 300;
		font-size: 1em;
		color: #f1f1f1;
		border: 4px solid #13151a;
		width: 100%;
		height: 68px;
		line-height: 62px;
		float: right;
		position: relative;
		text-align: center;
		margin: 0px 0px 14px 0px;
		border-radius: 6px;
	}
/* Image Viewer Styling */
	.imgGallery {}
	.imgGallery img {
		width: 100%;
		height: auto;
	}
	.imgGallery figure {
		width: 19.75%;
		max-width: 400px;
		min-width: 170px;
		height: 19.75%;
		max-height: 400px;
		float: left;
		display: block;
		margin: 0 0 0 0;
		border-top: 2px solid #1c1f26;
		border-left: 2px solid #1c1f26;
	}
	.imgGallery figcaption {
		display: none;
	}
	.video-wrapper {
		position: relative;
		margin-top: 20%;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
		width: 100%;
		overflow: hidden;
	}
	iframe {
		display: inline-block;
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	video {
		width: 100% !important;
		height: auto !important;
	}
/* Hover Styling */
	.container {
		position: relative;
	}
	.overlay {
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		transition: .3s ease;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		background-image: url('../Icons/Overlay.png');
		background-size: 100%;
	}
	.container:hover .overlay {
		opacity: 100%;
	}
	.overlayText {
		color: #f1f1f1;
		font-family: 'Heebo', sans-serif;
		font-weight: 400;
		font-size: 1.1em;
		position: absolute;
		bottom: 5%;
		left: 5%;
		right: 5%;
	}
	.overlayTextSecondary {
		color: #f1f1f1;
		font-family: 'Heebo', sans-serif;
		font-weight: 300;
		font-size: .85em;
	}