/* Navigation */
/* Main Level - Buttons */
#mobilenav { 
	display: none;
	list-style: none;
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	text-align: center;
	cursor: pointer;
}
#hamburger {
    cursor: pointer;
    display: block;
    padding: 0px;
    position: relative;
    width: 22px;
	margin: 0px;
	float: right;
}
#hamburger div {
    background-color: rgba(255,255,255,0.90);
    border: 1px solid rgba(255,255,255,1.0);
    border-radius: 1px;
    height: 1px;
    margin: 3px auto;
}
nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	padding: 0px;
	font-size: 1.0vw;
	color: rgba(255,255,255,1.0);
	z-index: +2;
}
nav article {
	position: relative;
	float: none;
	width: auto;
	margin: 0px auto;
	text-align: center;
}
#nav {
	display: table;
	list-style: none;
	margin: 0px auto;
	text-align: center;
}
#nav li, #sbnav li {
	position: relative;
	display: inline-block;
	padding: 0px;
}
#sbnav{
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
}
#sbnav li {
	display: block;
	margin: 0px;
}
#nav li a, #nav li a:visited, #sbnav li a, #sbnav li a:visited {
	display: block;
	color: rgba(255,255,255,1.0);
	text-decoration: none;
	margin: 0px;
	padding: 0px 0.5em;
	transition: all 0.8s ease;
	background: none;
}
#nav li a:hover, #sbnav li a:hover,{
	color: rgba(0,0,0,1.0);
	background-color: rgba(255,255,255,0.5);
}
#nav li:hover > ul {
    display: inline;
	background-color: tranparent;
}
/* First Level - Flyout */
#nav ul.firstflyout {
	display: none;
	position: absolute;
	top: 2.45em;
	left: 0px;
	width: 150px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	text-transform: none;
	border: 0px;
	transition: all 1.25s ease-in;
	background-color: transparent;
	z-index: +1;
}
#nav ul.firstflyout li {
	position: relative;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#nav ul.firstflyout li a, #nav ul.firstflyout li a:visited {
	display: block;
	transition: all 0.8s ease;
}
#nav ul.firstflyout li a:hover {
}
/* Second Level - Flyout */
#nav ul.secondflyout {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 200px;
	padding: 0px 2px;
	margin: 0px;
	text-align: left;
	z-index: +1;
    display: none;
}
/* Third Level - Flyout */
#nav ul.thirdflyout {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 200px;
	padding: 0px 2px;
	margin: 0px;
	text-align: left;
	z-index: +1;
    display: none;
}
/* HTML5 MEDIA CSS - MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media all and (max-width: 2605px) {
	nav {
		font-size: 1.35rem;
	}
}
@media all and (max-width: 2585px) {
	nav {
		font-size: 1.34rem;
	}
}
@media all and (max-width: 2565px) {
	nav {
		font-size: 1.34rem;
	}
}
@media all and (max-width: 2545px) {
	nav {
		font-size: 1.34rem;
	}
}
@media all and (max-width: 2525px) {
	nav {
		font-size: 1.34rem;
	}
}
@media all and (max-width: 2505px) {
	nav {
		font-size: 1.33rem;
	}
}
@media all and (max-width: 2485px) {
	nav {
		font-size: 1.33rem;
	}
}
@media all and (max-width: 2465px) {
	nav {
		font-size: 1.33rem;
	}
}
@media all and (max-width: 2445px) {
	nav {
		font-size: 1.33rem;
	}
}
@media all and (max-width: 2425px) {
	nav {
		font-size: 1.32rem;
	}
}
@media all and (max-width: 2405px) {
	nav {
		font-size: 1.32rem;
	}
}
@media all and (max-width: 2385px) {
	nav {
		font-size: 1.32rem;
	}
}
@media all and (max-width: 2365px) {
	nav {
		font-size: 1.32rem;
	}
}
@media all and (max-width: 2345px) {
	nav {
		font-size: 1.31rem;
	}
}
@media all and (max-width: 2325px) {
	nav {
		font-size: 1.31rem;
	}
}
@media all and (max-width: 2305px) {
	nav {
		font-size: 1.31rem;
	}
}
@media all and (max-width: 2285px) {
	nav {
		font-size: 1.31rem;
	}
}
@media all and (max-width: 2265px) {
	nav {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 2245px) {
	nav {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 2225px) {
	nav {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 2205px) {
	nav {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 2185px) {
	nav {
		font-size: 1.29rem;
	}
}
@media all and (max-width: 2165px) {
	nav {
		font-size: 1.29rem;
	}
}
@media all and (max-width: 2145px) {
	nav {
		font-size: 1.29rem;
	}
}
@media all and (max-width: 2125px) {
	nav {
		font-size: 1.28rem;
	}
}
@media all and (max-width: 2105px) {
	nav {
		font-size: 1.28rem;
	}
}
@media all and (max-width: 2085px) {
	nav {
		font-size: 1.28rem;
	}
}
@media all and (max-width: 2065px) {
	nav {
		font-size: 1.28rem;
	}
}
@media all and (max-width: 2045px) {
	nav {
		font-size: 1.27rem;
	}
}
@media all and (max-width: 2025px) {
	nav {
		font-size: 1.27rem;
	}
}
@media all and (max-width: 2005px) {
	nav {
		font-size: 1.27rem;
	}
}
@media all and (max-width: 1985px) {
	nav {
		font-size: 1.27rem;
	}
}
@media all and (max-width: 1965px) {
	nav {
		font-size: 1.26rem;
	}
}
@media all and (max-width: 1945px) {
	nav {
		font-size: 1.26rem;
	}
}
@media all and (max-width: 1925px) {
	nav {
		font-size: 1.26rem;
	}
}
@media all and (max-width: 1905px) {
	nav {
		font-size: 1.26rem;
	}
}
@media all and (max-width: 1885px) {
	nav {
		font-size: 1.25rem;
	}
}
@media all and (max-width: 1865px) {
	nav {
		font-size: 1.25rem;
	}
}
@media all and (max-width: 1845px) {
	nav {
		font-size: 1.25rem;
	}
}
@media all and (max-width: 1825px) {
	nav {
		font-size: 1.25rem;
	}
}
@media all and (max-width: 1805px) {
	nav {
		font-size: 1.24rem;
	}
}
@media all and (max-width: 1785px) {
	nav {
		font-size: 1.24rem;
	}
}
@media all and (max-width: 1765px) {
	nav {
		font-size: 1.24rem;
	}
}
@media all and (max-width: 1745px) {
	nav {
		font-size: 1.24rem;
	}
}
@media all and (max-width: 1725px) {
	nav {
		font-size: 1.23rem;
	}
}
@media all and (max-width: 1705px) {
	nav {
		font-size: 1.23rem;
	}
}
@media all and (max-width: 1685px) {
	nav {
		font-size: 1.23rem;
	}
}
@media all and (max-width: 1665px) {
	nav {
		font-size: 1.22rem;
	}
}
@media all and (max-width: 1645px) {
	nav {
		font-size: 1.22rem;
	}
}
@media all and (max-width: 1625px) {
	nav {
		font-size: 1.22rem;
	}
}
@media all and (max-width: 1605px) {
	nav {
		font-size: 1.22rem;
	}
}
@media all and (max-width: 1585px) {
	nav {
		font-size: 1.21rem;
	}
}
@media all and (max-width: 1565px) {
	nav {
		font-size: 1.21rem;
	}
}
@media all and (max-width: 1545px) {
	nav {
		font-size: 1.21rem;
	}
}
@media all and (max-width: 1525px) {
	nav {
		font-size: 1.21rem;
	}
}
@media all and (max-width: 1505px) {
	nav {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 1485px) {
	nav {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 1465px) {
	nav {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 1445px) {
	nav {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 1425px) {
	nav {
		font-size: 1.19rem;
	}
}
@media all and (max-width: 1405px) {
	nav {
		font-size: 1.19rem;
	}
}
@media all and (max-width: 1385px) {
	nav {
		font-size: 1.19rem;
	}
}
@media all and (max-width: 1365px) {
	nav {
		font-size: 1.19rem;
	}
}
@media all and (max-width: 1345px) {
	nav {
		font-size: 1.18rem;
	}
}
@media all and (max-width: 1325px) {
	nav {
		font-size: 1.18rem;
	}
}
@media all and (max-width: 1305px) {
	nav {
		font-size: 1.18rem;
	}
}
@media all and (max-width: 1285px) {
	nav {
		font-size: 1.18rem;
	}
}
@media all and (max-width: 1265px) {
	nav {
		font-size: 1.17rem;
	}
}
@media all and (max-width: 1245px) {
	nav {
		font-size: 1.17rem;
	}
}
@media all and (max-width: 1225px) {
	nav {
		font-size: 1.17rem;
	}
}
@media all and (max-width: 1205px) {
	nav {
		font-size: 1.16rem;
	}
}
@media all and (max-width: 1185px) {
	nav {
		font-size: 1.16rem;
	}
}
@media all and (max-width: 1165px) {
	nav {
		font-size: 1.16rem;
	}
}
@media all and (max-width: 1145px) {
	nav {
		font-size: 1.16rem;
	}
}
@media all and (max-width: 1125px) {
	nav {
		font-size: 1.15rem;
	}
}
@media all and (max-width: 1105px) {
	nav {
		font-size: 1.15rem;
	}
}
@media all and (max-width: 1085px) {
	nav {
		font-size: 1.15rem;
	}
}
@media all and (max-width: 1065px) {
	nav {
		font-size: 1.15rem;
	}
}
@media all and (max-width: 1045px) {
	nav {
		font-size: 1.14rem;
	}
}
@media all and (max-width: 1025px) {
	nav {
		font-size: 1.14rem;
	}
}
@media all and (max-width: 1005px) {
	nav {
		font-size: 1.14rem;
	}
}
@media all and (max-width: 985px) {
	nav {
		font-size: 1.14rem;
	}
}
@media all and (max-width: 965px) {
	nav {
		font-size: 1.13rem;
	}
}
@media all and (max-width: 945px) {
	nav {
		font-size: 1.13rem;
	}
}
@media all and (max-width: 925px) {
	nav {
		font-size: 1.13rem;
	}
}
@media all and (max-width: 905px) {
	nav {
		font-size: 1.13rem;
	}
}
@media all and (max-width: 885px) {
	nav {
		font-size: 1.12rem;
	}
}
@media all and (max-width: 865px) {
	nav {
		font-size: 1.12rem;
	}
}
@media all and (max-width: 845px) {
	nav {
		font-size: 1.12rem;
	}
}
@media all and (max-width: 825px) {
	nav {
		font-size: 1.12rem;
	}
}
@media all and (max-width: 805px) {
	nav {
		font-size: 1.11rem;
	}
}
@media all and (max-width: 785px) {
	nav {
		font-size: 1.11rem;
	}
}
@media all and (max-width: 765px) {
	nav {
		font-size: 1.11rem;
	}
}
@media all and (max-width: 745px) {
	nav {
		font-size: 1.1rem;
	}
}
@media all and (max-width: 725px) {
	nav {
		font-size: 1.1rem;
	}
}
@media all and (max-width: 705px) {
	nav {
		font-size: 1.1rem;
	}
}
@media all and (max-width: 685px) {
	nav {
		font-size: 1.1rem;
	}
}
@media all and (max-width: 665px) {
	nav {
		font-size: 1.09rem;
	}
}
@media all and (max-width: 645px) {
	nav {
		font-size: 1.09rem;
	}
}
@media all and (max-width: 625px) {
	nav {
		font-size: 1.09rem;
	}
}
@media all and (max-width: 605px) {
	nav {
		font-size: 1.09rem;
	}
}
@media all and (max-width: 585px) {
	nav {
		font-size: 1.08rem;
	}
}
@media all and (max-width: 565px) {
	nav {
		font-size: 1.08rem;
	}
}
@media all and (max-width: 545px) {
	nav {
		font-size: 1.08rem;
	}
}
@media all and (max-width: 525px) {
	nav {
		font-size: 1.08rem;
	}
}
@media all and (max-width: 505px) {
	nav {
		font-size: 1.07rem;
	}
}
@media all and (max-width: 485px) {
	nav {
		font-size: 1.07rem;
	}
}
@media all and (max-width: 465px) {
	nav {
		font-size: 1.07rem;
	}
}
@media all and (max-width: 445px) {
	nav {
		font-size: 1.07rem;
	}
}
@media all and (max-width: 425px) {
	nav {
		font-size: 1.06rem;
	}
}
@media all and (max-width: 405px) {
	nav {
		font-size: 1.06rem;
	}
}
@media all and (max-width: 385px) {
	nav {
		font-size: 1.06rem;
	}
}
@media all and (max-width: 365px) {
	nav {
		font-size: 1.06rem;
	}
}
@media all and (max-width: 345px) {
	nav {
		font-size: 1.05rem;
	}
}
@media all and (max-width: 325px) {
	nav {
		font-size: 1.05rem;
	}
}
@media all and (max-width: 305px) {
	nav {
		font-size: 1.05rem;
	}
}
@media screen and (max-width: 620px) {
	#mobilenav { display: block; position: relative; }
	#nav { display: none; }
}