@charset "utf-8";
/* CSS Document */

a.nav:link {color:#FFFFFF; text-decoration:none;} /* unvisited link */
a.nav:visited {color:#FFFFFF; text-decoration:none;}  /* visited link */
a.nav:hover {color:#787878; text-decoration:none;}  /* mouse over link */
a.nav:active {color:#FFFFFF; text-decoration:none;}  /* selected link */

a:link {color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:hover {color:#787878; text-decoration:none;}
a:active {color:#787878; text-decoration:none;}

html,body{
	width:100%;
	height:100%;
	font-size:1em;
	font: Helvetica, Arial, sans-serif;
}

.navwrapper{
	position:relative;
	width:100%;
	height:60px;
    margin:0 0 0 -8px;
    text-align:center;
}

.stickynav{
	position:fixed;
	top:0;
	width:100%;
	height:inherit;
	z-index:2;
}

nav{
    background-color:#000000;
    border:none;
    padding-top:1px;
    height:inherit;
}

nav li{
    display:inline-block;
    padding:0 10px 0 10px;
    font-size:200%;
    list-style:none;
    text-transform:uppercase;
}

.topContain{
	margin:auto;
	width:900px;
	height:455px;
	overflow:auto;
	position:relative;
}

h1.weddingof{
	font-size:3em;
	color:#F0F0F0;
	text-transform:uppercase;
	position:absolute;
	top:7%;
	left:27%;
}

h1.emily{
	font-size:8em;
	color:#85BB7C;
	position:absolute;
	top:6%;
	left:8%;
}

h1.bryan{
	font-size:8em;
	color:#787878;
	position:absolute;
	top:6%;
	left:53%;
}

h1.plus{
	font-size:8em;
	color:#000000;
	position:absolute;
	top:10%;
	left:45%;
}

h2.bradford{
	font-size:4em;
	color:#000000;
	position:absolute;
	top:42%;
	left:14%;
}

h2.yeager{
	font-size:4em;
	color:#000000;
	position:absolute;
	top:42%;
	left:63%;
}

h3.septdate{
	font-size:1.5em;
	color:#C0C0C0;
	position:absolute;
	text-transform:uppercase;
	top:68%;
	left:22%;
}

h1.centerAbout{
	font-size:300%;
	text-transform:uppercase;
	margin:auto;
	padding: 15px 0 25px 0;
	text-align:center;
}

h1.centerBlack{
	font-size:300%;
	text-transform:uppercase;
	margin:auto;
	padding:40px 0;
	text-align:center;
}

h1.centerGreen{
	font-size:300%;
	color:#85BB7C;
	text-transform:uppercase;
	margin:auto;
	padding: 40px 0;
	text-align:center;
}

h1.centerWhite{
	font-size:300%;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:auto;
	padding: 40px 0;
	text-align:center;
}

.whiteShadowBox {
	background-color:#FFFFFF;
	width:900px;
	position:relative;
	text-align:center;
	margin:0 auto 40px auto;
	overflow:auto;
	-moz-box-shadow: 1px 1px 5px 5px #787878;
	-webkit-box-shadow: 1px 1px 5px 5px #787878;
	box-shadow: 1px 1px 5px 5px #787878;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#787878')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#787878');
}

iframe{
	background-color:#FFFFFF;
	padding:8px;
	border:1px solid black;
}

.aboutContainLeft{
	position:relative;
	margin-right:35px;
	padding:20px 0 0 20px;
	float:left;
	clear:right;
}

.aboutContainRight{
	width:485px;
	font-size:150%;
	margin-top:-10px;
	position:relative;
	line-height:1.25em;
	text-align:left;
	float:left;
	clear:right;
}

p.caption{
	float:left;
	clear:right;
	margin-top:-1px;
}


.whiteContain{
	background-color:#FFFFFF;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:15px;
	overflow:hidden;
}

.clearBox{
	width:900px;
	position:relative;
	text-align:center;
	margin:0 auto 40px auto;
	overflow:auto;
}

.clearContain{
	width:450px;
	position:relative;
	float:left;
	clear:right;
}

h3.clearContain{
	color:#787878;
	font-size:175%;
	text-transform:uppercase;
	margin:auto;
	text-align:center;
	clear:right;
}

p.hotel{
	font-size:135%;
	margin:auto;
	text-align:center;
	clear:right;
}

h4.whiteText{
	color:#FFFFFF;
	font-size:225%;
	margin:auto;
	text-align:center;
}

p.clearContain{
	font-size:125%;
	margin:20px auto 0 auto;
	text-align:center;
}

.menublock{
	color:#787878;
	width:32%;
	display:block;
	text-align:center;
	margin:auto;
	float:left;
	clear:right;
}

.menublock img{
	clear:right;
	margin:auto;
	text-align:center;
}

.menublock p{
	line-height: 1.5em;
	font-size:150%;
}

.cocktailblock{
	color:#787878;
	width:50%;
	display:block;
	text-align:center;
	margin:auto;
	float:left;
	clear:right;
}

.cocktailblock img{
	clear:right;
	margin:auto;
	text-align:center;
}

.cocktailblock p{
	margin-top:-1px;
	line-height: 1.5em;
	font-size:150%;
}

p.ingredients{
	margin-top:-30px;
	margin-bottom:40px;
	font-size:100%;
	color:#000000;
}

.openbar {
	margin:auto;
	text-align:center;
}

.openbar p{
	font-size:110%;
}

.blockContain{
	width:100%;
	margin:30px auto 30px auto;
	text-align:center;
	clear:right;
	position:relative;
}

h1.menuGreen{
	font-size:300%;
	color:#85BB7C;
	display:inline;
	overflow:auto;
	text-transform:uppercase;
}

h1.menuGray{
	font-size:300%;
	color:#787878;
	display:inline;
	overflow:auto;
	text-transform:uppercase;
	clear:both;
}

.timeContain{
	width:900px;
	margin:45px auto 45px auto;
	position:relative;
	clear:right;	
}

.linkContain{
	width:900px;
	margin:-45px auto -15px auto;
	position:relative;
	clear:right;	
}

.clearBlack{
	font-size:250%;
	color:#000000;
	display:inline;
	padding:20px 0;
	overflow:auto;
	text-transform:uppercase;
}

.clearGreen{
	font-size:250%;
	color:#85BB7C;
	display:inline;
	padding:20px 0;
	text-transform:uppercase;
	clear:both;
}

.weddingParty{
	width:435px;
	position:relative;
	float:left;
	clear:right;
}

h2.weddingParty{
	font-size:200%;
	text-transform:uppercase;
	margin:auto;
	text-align:center;
	clear:right;
}

h3.weddingParty{
	color:#787878;
	font-size:175%;
	text-transform:uppercase;
	margin:30px auto 0 auto;
	text-align:center;
	clear:right;
}

.weddingPartyLong{
	width:850px;
	position:relative;
	float:left;
	clear:right;
	margin-left:220px;
	margin-top:30px;
}

.weddingPartyFooter{
	width:850px;
	height:25px;
	margin:auto;
	position:relative;
	float:left;
	clear:right;
}

p.weddingParty{
	font-size:150%;
	margin:auto;
	text-align:center;
	clear:right;
}

p.register{
	color:#FFFFFF;
	font-size:250%;
	margin:0 auto 40px auto;
	text-align:center;
	clear:right;
}

.registerBox{
	background-color:#FFFFFF;
	margin-left:30px;
	margin-right:45px;
	float:left;
	clear:right;
}

.contact{
	color:#FFFFFF;
}

a.contact:link {color:#FFFFFF; text-decoration:none;}
a.contact:visited {color:#FFFFFF; text-decoration:none;}
a.contact:hover {color:#000000; text-decoration:none;}  
a.contact:active {color:#FFFFFF; text-decoration:none;} 

p.contact{
	color:#000000;
	font-size:275%;
	margin:0 auto 20px auto;
	text-align:center;
	clear:right;
}

p.social{
	color:#000000;
	font-size:250%;
	margin:auto;
	text-align:center;
	clear:right;
}

p.socialTwo{
	color:#000000;
	font-size:200%;
	margin: 15px auto;
	text-align:center;
	clear:right;
}

p.hashtag{
	color:#787878;
	font-size:300%;
	margin: 15px auto;
}

.footerContainLeft{
	width:450px;
	float:left;
	clear:right;
	font-size:175%;
	text-align:left;
}

.footerContainRight{
	width:450px;
	float:left;
	clear:right;
	font-size:175%;
	text-align:right;
}

/******************************
TOP
*******************************/
#top{
	height:400px;
	background-color:#FFFFFF;
	margin:-16px 0 0 -8px;
    padding:0
}


/******************************
 PAGE 1 (ABOUT)
*******************************/
#page1{
	height:1315px;
	width:100%;
	background-image:url('../images/epb_bg_medium.png');
	margin:-16px 0 0 -8px;
    padding:0
}

/******************************
 PAGE 2 (VENUE)
*******************************/
#page2{
	height:840px;
	border-top:1px solid #787878;
	background-color:#FFFFFF;
	margin:-16px 0 0 -8px;
    padding:0
}

/******************************
 PAGE 3 (HOTEL)
*******************************/
#page3{
	height:1350px;
	background-color:#85BB7C;
	margin:-16px 0 0 -8px;
    padding:0
}

/******************************
 PAGE 4 (REGISTRIES)
*******************************/
#page4{
	height:435px;
	background-color:#000000;
	margin:-16px 0 0 -8px;
    padding:0
}

/******************************
 PAGE 5 (SOCIAL)
*******************************/
#page5new{
	height:715px;
	background-color:#F0F0F0;
	margin:-16px 0 0 -8px;
    padding:0
}

/******************************
 PAGE 6 (CONTACT)
*******************************/
#page5{
	height:375px;
	background-color:#787878;
	margin:-16px 0 0 -8px;
    padding:0
}

/******************************
FOOTER
*******************************/
#footer{
	height:80epx;
	background-color:#FFFFFF;
	margin:-16px 0 0 -8px;
    padding:0
}