body {
	margin: 0;
	padding: 0;
}
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
#table {  }
#container {
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#logoTextFront {
	height: 53px;
	width: 324px;
	position: absolute;
	z-index: 100;
	left: 50px;
	top: 75px;
}
.frontBoxText { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; margin-top: 6px; padding-left: 12px; }
.mice { color: #484f85; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer a:link { color: #484f85; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#footer a:visited { color: #484f85; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#footer a:hover { color: #fff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#footer a:active { color: #fff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.insideBody { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin-right: 125px; margin-left: 125px; }
.insideHeadline { color: #484f85; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; letter-spacing: 2px; margin-top: 90px; margin-right: 100px; margin-left: 125px; }
.insideBodyIndent { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; padding-left: 20px; }
.roundButton {
	padding: 0px;
	height: 102px;
	width: 100px;
	margin-top: 105px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
}
.newFooter {
	align: center;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 911px;
	background-color: #0F0;
}
.centerMice { color: #484f85; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 9px; top: 0; margin: 0; padding: 0 0 20px; }
.socialButtons { padding: 10px 0 0; }
.RDDpageHeadline { color: #484f85; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; letter-spacing: 2px; margin-top: 20px; margin-right: 100px; margin-left: 125px; }

/* ----- Front invitation box ----- */
#frontInviteBox {
	background-image: url(../parts/frontInviteBox2.gif);
	background-repeat: no-repeat;
	height: 230px;
	width: 400px;
	position: absolute;
	top: 120px;
	right: 80px;
	box-shadow: 4px 6px 8px rgba(0,0,0,.50);
	text-align: center;
}
#frontInviteBox h2 {
	font-family: great_vibesregular;
	font-size: 44px;
	line-height: 44px;
	color: #444B83;
	font-weight: normal;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#frontInviteBox p {
	font-family: 'SortsMillGoudyRegular', Times, Georgia;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#frontInviteBox p a {
	font-family: 'SortsMillGoudyItalic', Times, Georgia;
	font-size: 15px;
	line-height: 18px;
	color: #444B83;
	text-decoration: none;
}
#frontInviteBox p a:hover {
	color: #000;
	text-decoration: underline;
}




/* ----- typography ----- */

@font-face {
	font-family: 'SortsMillGoudyRegular';
	src: url('../fonts/GoudyStM-webfont.eot');
	src: url('../fonts/GoudyStM-webfont.woff') format('woff'), url('../fonts/GoudyStM-webfont.ttf') format('truetype'), url('../fonts/GoudyStM-webfont.svg#webfontuJixCSe1') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SortsMillGoudyItalic';
	src: url('../fonts/GoudyStM-Italic-webfont.eot');
	src: url('../fonts/GoudyStM-Italic-webfont.woff') format('woff'), url('../fonts/GoudyStM-Italic-webfont.ttf') format('truetype'), url('../fonts/GoudyStM-Italic-webfont.svg#webfonto679uXZB') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'great_vibesregular';
    src: url('../fonts/greatvibes-regular-webfont.eot');
    src: url('../fonts/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/greatvibes-regular-webfont.woff') format('woff'),
         url('../fonts/greatvibes-regular-webfont.ttf') format('truetype'),
         url('../fonts/greatvibes-regular-webfont.svg#great_vibesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ----- Reveal modal ----- */
.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.60);
		z-index: 1000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 0px; 
		left: 50%;
		margin-left: -450px;
		width: 900px;
		/* background: #fff url(modal-gloss.png) no-repeat -200px -80px; */
		position: absolute;
		z-index: 1000;
		padding: /* 30px 40px 34px ;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 900px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
	font-size: 22px;
	color:#D1C3AD;
	line-height: .5;
	position: absolute;
	top: 58px;
	right: 60px;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: normal;
	cursor: pointer;
		} 

	/* 
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

/*----- Reveal invitation styles -----*/
#invitation {
	background-image: url(../parts/invitationBkgd1.gif);
	height: 700px;
	width: 900px;
	color: #000;
	background-color: #FFF;
	z-index: 1500;
	background-repeat: no-repeat;
	background-position: center top;
	box-shadow: 6px 6px 10px rgba(0,0,0,.75);
}
#invitationWhite {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 600px;
	margin-top: 45px;
	overflow: hidden;
	background-color: #FFF;
}
#invitationText {
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#invitationText #MFClogo {
	height: 119px;
	width: 326px;
	margin-right: auto;
	margin-left: auto;
}
#invitation h1 {
	font-family: 'SortsMillGoudyRegular', Georgia, serif;
	font-size: 20px;
	line-height: 140%;
	padding: 0;
	margin-top: 10px;
	font-weight: normal;
	text-align: center;
}
#invitation h2 {
	font-family: 'SortsMillGoudyRegular', Georgia, serif;
	font-size: 16px;
	line-height: 140%;
	padding: 0;
	margin-top: 5px;
	font-weight: normal;
	text-align: center;
}
#invitation h3 {
	font-family: 'great_vibesregular';
	color: #444B83;
	font-size: 36px;
	line-height: 140%;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#invitation h4 {
	font-family: 'SortsMillGoudyItalic', Georgia, serif;
	font-size: 18px;
	line-height: 18px;
	padding: 0;
	margin-top: 0px;
	font-weight: normal;
	text-align: center;
}
#invitation h4 a {
	text-decoration: none;
	color: #444B83;
}
#invitation h4 a:hover {
	text-decoration: underline;
	color: #000;
}

#invitation p {
	font-family: 'AlegreyaRegular', Georgia, serif;
	font-size: 18px;
	line-height: 120%;
	padding: 0;
	margin-top: 10px;
	font-weight: normal;
	text-align: left;
}
#invitation p a {
	text-decoration: none;
	color: #444B83;
}
#invitation p a:hover {
	text-decoration: underline;
	color: #000;
}
#snipe {
	background-image: url(../parts/milesSnipe3.png);
	position: fixed;
	right: 0px;
	bottom: -1px;
	background-repeat: no-repeat;
	z-index: 1000;
	height: 146px;
	width: 441px;
}
p#milesText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #FFF;
	text-align: right;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
}
p#milesText a {
	color: #FFF;
	text-decoration: none;
}
p#milesText a:hover {
	text-decoration: underline;
}
#milesHead {
	font-family: SortsMillGoudyItalic;
	font-size: 36px;
	color: #FFF;
	clear: right;
	float: right;
	margin-top: -12px;
	margin-right: 20px;
	font-weight: normal;
	letter-spacing: 0.02em;
	text-shadow: 2px 2px 2px #000;
}


#top {
	width: 911px;
	height: 60px;
	margin: 0 auto 0 auto;
	background-image: url(../parts/frontMenubar1.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#navButtons {
	height: 10px;
	width: 700px;
	margin: 0px 0 0 0;
	padding: 1px 0 0 250px;
}