/* ==========================================================================
   ----------------------- TOP NAV ELEMENTS ------------------------
   ========================================================================== */

#nav-wrapper {display: none; z-index: 3; width: 100%; padding: 8px 0; /*background: rgba(249,220,148, 0.4);*/}
		.lt-ie9 #nav-wrapper {padding: 0; background: none;}
#main-nav {z-index: 900; position:relative; background: #f9dc94; /*background: #f2d787; border-top: 1px solid #fff;*/ border-bottom: 1px solid #fff;}
#top-nav {margin: 0 auto; background: #f9dc94;}

/* -----------------------  Setting on-state for top nav    ------------------------ */
#top-nav li.top-nav-selected, #top-nav li.top-nav-selected:hover {background: none repeat scroll 0 0 #fecd69; /*border-top: 1px solid #dfb45c; border-bottom: 1px solid #feda90;*/}
#top-nav li.top-nav-selected > a:hover {color: #000; text-decoration: none;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 480px/16px = 30em */
	@media all and (min-width: 480px) {
	#nav-wrapper {display: block; position: absolute; bottom: -46px;}
		.lt-ie9 #nav-wrapper {bottom: -38px;}
	}

	/* 580px/16px = 36.25em */
	@media all and (min-width: 580px) {
	#nav-wrapper {display: block; position: absolute; bottom: -66px;}
		.lt-ie9 #nav-wrapper {bottom: -50px;}
	}

	/* 700px/16px = 43.75em */
	@media all and (min-width: 700px) {
	#nav-wrapper {display: block; position: absolute; bottom: -86px;}
		.lt-ie9 #nav-wrapper {bottom: -70px;}
	}

	/* -----------------------                    ------------------------ */


/* ==========================================================================
   ----------------------- PAGE NAV ELEMENTS ------------------------
   ========================================================================== */
nav#page-nav {
    margin: 0 auto .5em; 
    padding: 1.25em 0 .75em; 
    background: #ab0432;
    -webkit-border-top-right-radius: 1.125em;
    -webkit-border-top-left-radius: 1.125em;
    -moz-border-radius-topright: 1.125em;
    -moz-border-radius-topleft: 1.125em;
    border-top-right-radius: 1.125em;
    border-top-left-radius: 1.125em;
}

@media all and (min-width: 700px) {
nav#page-nav {
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
}

.nav-header {
    margin: 0 0 .5em 1.5em; 
    padding: 0; 
    /*color:#900028;
	font-family: 'Sorts Mill Goudy', Georgia, serif;
	font-weight: 400;*/
    color: #fff;
    font-family: 'arpona', serif;
    font-weight: 700;
    font-style: normal;
	font-size:1.25em;
	line-height:1.1em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
	}
.nav-header a {margin: 0; padding: 0; text-decoration: none; /*color: #f9dc94;*/ color: #fff;}
.nav-header a:hover {text-decoration: underline; color: #a3d39a; 
	-webkit-transition: color 0.2s ease-in-out; 
	-moz-transition: color 0.2s ease-in-out; 
	-o-transition: color 0.2s ease-in-out; 
	transition: color 0.2s ease-in-out;
	}

nav#page-nav ul {
    list-style-type:none; 
    margin: 0 1em 1em 2.25em; 
    padding: 0; 
    font-weight: 400;
	font-size:.9em;
	}
nav#page-nav ul a {
    position: relative; 
    display: block; 
    font-family: 'kopius', serif;
    font-weight: 600;
    font-style: normal; 
    float: left; 
    width: 90%; 
    margin: .125em .25em; 
    padding: .175em 0 .25em 1.875em; 
    /*color:#fff;*/ 
    color: #faf2e5; 
    text-align:left; 
    text-decoration: none;
}
nav#page-nav ul a:hover, nav#page-nav ul a.active {/*color:#a3d39a;*/ color:#ffffff;  text-decoration: underline;
	-webkit-transition: color 0.2s ease-in-out; 
	-moz-transition: color 0.2s ease-in-out; 
	-o-transition: color 0.2s ease-in-out; 
	transition: color 0.2s ease-in-out;
	}
nav#page-nav ul a:hover:before, #page-nav ul a.active:before {
	display: inline-block;
	content: "\f138";
    font-family: FontAwesome;
    font-size: 1.5em; 
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    position: absolute; top: 2px; left: 0;
    }

/* -- IE Fix -- */ ul#page-nav li {display:inline;}

nav#page-nav ul ul {margin: 0; padding-left: 0em; font-weight: 400;
	font-size:.95em;   /*  17px/16px = 1.0625em */
	line-height:.9em;  /*  17px/16px = 1.0625em */
	}
nav#page-nav ul ul a {display:block; padding: .5em 0 .5em 3.0em; color:#fff; text-align:left; text-decoration: none;}
nav#page-nav ul ul a:hover, #page-nav ul a.active {color:#a3d39a;}
/* -- IE Fix -- */ ul#page-nav li {display:inline;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 480px/16px = 30em */
	@media all and (min-width: 30em) {
	.nav-header {margin: 0 0 .5em 1.25em;}
	nav#page-nav ul a {width: 42%; margin: .25em 1.5% .25em 0;}
	}

	/* 680px/16px = 42.5em */
	@media all and (min-width: 42.5em) {
		nav#page-nav ul {margin: 0 10% 1em 10%;}
		nav#page-nav ul a {width: 85%; margin: .125em 0;}
	}

	/* -----------------------                    ------------------------ */


/* ==========================================================================
   ----------------------- FOOTER NAV ELEMENTS ------------------------
   ========================================================================== */
#footer-wrapper {display: none; display: block; margin: 2em auto 0 auto; padding: 0; text-align:center; background: none; border-bottom: none;}

#footer-nav {width: 96%; list-style-type:none; margin: 0 auto; padding: .5em 0; border: none;}
	#footer-nav li {width: 47%; float:left; margin: .125em .25em; padding: 0;}
	#footer-nav li:nth-of-type(even) {float:right;}
	#footer-nav a {text-align:center; display:block; margin: 0; padding: .5em .125em; color:#810024; text-decoration:none; font-size:.9em; /*font-weight:400; font-family: 'Raleway', verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;*/ background: #f9dc94; border: 2px solid #fff2d0;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		}
		.lt-ie8 #footer-nav a:link, .lt-ie8 #footer-nav a:visited, .lt-ie8 #footer-nav a:active {margin: 1.25em 0; padding: .5em 0;}
	#footer-nav a:hover {color:#47a76e; text-decoration: underline; background: #fff2d0; border: 2px solid #f9dc94;}



	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 480px/16px = 30em */
	@media all and (min-width: 30em) {
		#footer-wrapper {display: block;}
		#footer-nav li {width: 31.5%;}
		#footer-nav li:nth-of-type(even) {float:left;}
		}
		
	/* 700px/16px = 43.75em */
	@media all and (min-width: 43.75em) {
		#footer-wrapper {margin: 2em auto 0 auto; background: #F9DC94;}
		#footer-nav {border-bottom: 1px solid #900028;}
		#footer-nav li {width: 12.14285%; margin: .5em 0;}
		#footer-nav li:nth-of-type(even) {float:left;}
		/*li#footer-nav-press, li#footer-nav-visit, li#footer-nav-events, li#footer-nav-fun, li#footer-nav-shop {width: 8%;}
		li#footer-nav-newsletter {width: 11%;}*/
		li#footer-nav-buy  {width: 15%;}
		#footer-nav a {margin: 0; padding: .25em .125em; font-size:.775em; border: none; border-right: 1px solid #900028; background: none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			}
		#footer-nav a:hover {background: none; border: none; border-right: 1px solid #900028;}
		.lt-ie8 #footer-nav a:link, .lt-ie8 #footer-nav a:visited, .lt-ie8 #footer-nav a:active {margin: 1.25em 0; padding: .5em 0;}
		#footer-nav li#footer-nav-contact a {border: none;}
		}
		
	/* 800px/16px = 50em */
	@media all and (min-width: 50em) {
		#footer-nav a {font-size:.9em;}
		}

	/* -----------------------                    ------------------------ */