/* Table of Contents
==================================================
	#Reset
	#Element Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* #Reset (Inspired by E. Meyers)
================================================== */
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; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
		body {
			line-height: 1; }
			ol, ul {
				list-style: none; }
				blockquote, q {
					quotes: none; }
					blockquote:before, blockquote:after,
					q:before, q:after {
						content: '';
						content: none; }
						table {
							border-collapse: collapse;
							border-spacing: 0; }


/* #Element Styles
================================================== */
body {
	background: #efe7d2;
	color: #333;
	font-family:'LegacyMedium', Helvetica, Sans-Serif;
	font-size: 17px;
	line-height: 1.3em;
	text-align: left; 
	overflow-x: hidden;
}
a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

canvas { width: 100%; height: 100%; background-color:#fff; }

.menu a { font-family: Arial, Helvetica, Sans-Serif; font-size: .8em; font-weight: bold; text-decoration: none; 
    color: #fff; margin-right: 10px;}
.menu a.active { color: #ff9400; font-weight: bold; }
.menu a:hover { text-decoration: underline; }

/* #Page Styles
================================================== */
.clickable, .blockLink { cursor: pointer; }

.startButton { position: relative; width: 310px; height: 70px; border: 1px #ff9400 solid; }
.startButton .inner { position: absolute; margin: 5px; width: 268px; height: 28px; border: 1px #ff9400 solid; background-color: #ff9400; 
    font-size: 2em; color:#fff; padding: 15px; text-align: center; font-family:'LegacyMedium', Helvetica, Sans-Serif; top: 0; left: 0;}
.startButton .inner .leftArrow { margin-right: 10px; }
.startButton .inner .rightArrow { margin-left: 10px; }

.socialIcons { position: relative; width: 300px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center; }  

.bottomNavContainer { position: fixed; bottom: 0; width: 100%; height: 50px; z-index: 999; overflow: hidden; }
.bottomNavBlack { position: absolute; top: 0; left: 0; width: 100%; height: 50px; margin: 0; z-index: 991; background-color: #000; }
.bottomNavColor { position: absolute; top: 0; left: 0; width: 100%; height: 50px; margin: 0; z-index: 992; }
.bottomNavColor .leftBlack { position:absolute; width:50%; left: -16px; top: 0; margin: 0px auto; height: 50px; background-color: #000;
 }
.bottomNavColor .centerClear { width:33px; height: 50px; margin: 0px auto; }
.bottomNavColor .rightBlack { position:absolute; width:50%; right:-15px; height: 50px; background-color: #000; }
.bottomNavContentHolder { position: absolute; top: 0; left: 0; width: 100%; height: 50px; margin: 0; z-index: 993; } 
.bottomNavContent { position: relative; max-width: 758px; height: 50px; margin-left: auto; margin-right: auto; }
.bottomNavContent .menuLink { width: 33px; height: 50px; margin-left: auto; margin-right: auto; }
.bottomNavContent .legacyLogo { float: left; display: inline-block; width: 110px; height: 50px; margin-top: 0; }
.bottomNavContent .socialLinks { float: right; width: 260px; height: 42px; margin-top: 8px; display: inline-block; text-align: right; }
.menuContainer { position:fixed; bottom: 0px; width: 100%; height: 20px; padding: 0; background: rgba(0, 0, 0, .7); z-index: 900; 
    padding: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)";zoom: 1;}
.menu { max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; padding: 0; overflow: hidden;}
.menu .link { padding: 15px 0; display: inline-block; line-height: 2em;}
.menu .break { display: none; line-height: 0em;}

.registration { font-size:.5em; vertical-align: super; }

#preloader { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; overflow: visible; 
    background: #efe7d2 url('../images/preloader.gif') no-repeat center center;}

/* #Media Queries
================================================== */

    @media only screen and (max-width: 799px) {
        .startButton { width: 290px; }
        .startButton .inner { width: 248px; }
        .bottomNavContent { width:100%; margin-left: 10px; margin-right: 10px; }
        .bottomNavContent .legacyLogo { width: 90px; height: 38px; margin-top: 6px; }
        .bottomNavContent .socialLinks { display: none; }
        .bottomNavColor .leftBlack { left: -6px; }
        .bottomNavColor .rightBlack { right:-20px; }

        .menuContainer { height: 0; }
        .menu { max-width: 100%; padding: 10px; }
        .menu a { line-height: .8em; }
        .menu .link { padding: 0px; }
        .menu .break { display: block; }
    }


/* #Font-Face
================================================== */

@font-face {
    font-family: 'LegacyRegular';
    src: url('../fonts/legacy-regular-webfont.eot');
    src: local('☺'), url('../fonts/legacy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/legacy-regular-webfont.woff') format('woff'),
         url('../fonts/legacy-regular-webfont.ttf') format('truetype'),
         url('../fonts/legacy-regular-webfont.svg#legacyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LegacyItalic';
    src: url('../fonts/legacy-italic-webfont.eot');
    src: local('☺'), url('../fonts/legacy-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/legacy-italic-webfont.woff') format('woff'),
         url('../fonts/legacy-italic-webfont.ttf') format('truetype'),
         url('../fonts/legacy-italic-webfont.svg#legacyitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LegacyMedium';
    src: url('../fonts/legacy-medium-webfont.eot');
    src: local('☺'), url('../fonts/legacy-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/legacy-medium-webfont.woff') format('woff'),
         url('../fonts/legacy-medium-webfont.ttf') format('truetype'),
         url('../fonts/legacy-medium-webfont.svg#legacymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LegacySemibold';
    src: url('../fonts/legacy-semibold-webfont.eot');
    src: local('☺'), url('../fonts/legacy-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/legacy-semibold-webfont.woff') format('woff'),
         url('../fonts/legacy-semibold-webfont.ttf') format('truetype'),
         url('../fonts/legacy-semibold-webfont.svg#legacysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}