/* Table of Contents
==================================================
	#Element Styles 
	#Page Styles
	#Media Queries */


/* #Element Styles
================================================== */

/* text sizes */
h1, h2 { font-family:'LegacyMedium', Helvetica, Sans-Serif; }
h1 { font-size:2.7em; line-height: 1.3em; color: #fff; margin-bottom: 20px; }
h2 { font-size:1.76em; line-height: 1.3em; color: #666; margin-top: -17px; margin-bottom: 10px; }

body { background-color: #75dbe0; }

/* #Page Styles
================================================== */
.bg { position: absolute; }
#homeImageHolder { z-index: 10; position: absolute; margin-left: auto; margin-right: auto; width: 1280px; height: 850px; left: 0; text-align: center; 
	background-color: #f3ffff; overflow: hidden; }

#homeRibbon { position: relative; width: 756px; height: 119px; margin-top: 65px; margin-bottom: 20px; overflow: hidden; }
#homeRibbon #ribbonImage { width: 756px; height: 119px; }
#homeRibbon #imageHolder { position: absolute; top: 0; left: 0; width: 756px; height: 119px; z-index: 0; }
#homeRibbon #textHolder { position: absolute; top: 0; width: 756px; height: 119px; padding-top: 15px; text-align: center; z-index: 1; }

#homeContentHolder { z-index: 40; position: absolute; width: 756px; margin-left: auto; margin-right: auto; text-align: center; }

#presentedBy { display: inline-block; margin-top: 1px; }
#homeLogo { vertical-align: top; }    
#startButton1 { margin-left: auto; margin-right: auto; margin-top: 70px;}

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

	@media only screen and (max-width: 799px) {
		h1 { font-size:1.0em; line-height: .8em; }
		h2 { line-height: 1.3em;  }
		#homeImageHolder { height: 480px;}
		#homeRibbon { margin-top: 40px; width: 290px; height: 45px;}
		#homeRibbon #ribbonImage { width: 290px; height: 45px; }
		#homeRibbon #imageHolder { width: 290px; height: 45px; }
		#homeRibbon #textHolder { width: 290px; height: 45px; padding-top: 10px; }
		#homeContentHolder { width: 290px;}
	}