/*-------------------------------------------------------
Default theme - core 21 navigation style
-------------------------------------------------------*/
					
/*-------------------------------------------------------
	Header
-------------------------------------------------------*/

.header {
	margin: 0 auto 0 auto;
	display: block !important;
	}
	
	.header a img {
		display: block;
		position: fixed;
		left: 20px;
		top: 20px;
		z-index: 9998;
		margin: 0;
		height: 250px;
		width: auto;
		}

	.header h1 {
		position: fixed;
		top: 0;
		z-index: 9998;
		vertical-align: middle;
		}
			
		.header h1 a {
			display:block;
			height:100%;
			text-decoration:none;
			outline:none;
			padding: 0 20px;
			}

/*-------------------------------------------------------
	Navigation
-------------------------------------------------------*/

div.nav {
	position: fixed;
	top: 300px;
	right: inherit !important;
	margin: 0;
	left: 0;
	z-index: 9999;
	width: 14%;
	}
	div.contentWrapper {
		width: 86%;
		margin-left: 14%;
	}
	
	.nav ul {
		padding: 0;
		text-align: left !important;
		margin: 0 auto 0 auto;
		vertical-align: middle;
		width: 90%;
		}
		
			.nav ul li {
				display: block;
				padding: 5px 15px 10px;
				text-align: left !important;
				margin: 0 auto 0 auto;
				vertical-align: middle;
				line-height: 1;
				transition-duration: 500ms;
				-webkit-transition-duration: 500ms;
				}
				
				
						.nav ul li a {
							display:inline-block;
							text-decoration:none;
							font-size: 15px;
							font-weight: normal;
							transition-duration: 500ms;
							-webkit-transition-duration: 500ms;
							}
							.nav ul li a:hover,
							.navigation ul li.current a {
								}
								.nav ul li.current>a {
									cursor:default;
									}
.content ul.nav { /* subnav */
			padding:0 0 30px;
			text-align:left;
			list-style:none;
			font-size: 18px;
			background-color: transparent;
			}			
	

/* Styling for mobile devices --------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {

	.header h1 {
		padding: 0 5px;
		display: inline;
	}
	
	#Home .header a img {
		width: 50%;
	}

	.nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav {
		display: block !important;
		text-align: left;
		transition-duration: 500ms;
		-webkit-transition-duration: 500ms;
	}
	
	.nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav a {
		line-height: inherit !important;
	}
	
	.nav ul li {
		display: none;
	}
	
	body.menuOn .nav ul li, body.menuOn .nav ul li ul li {
		display: block;
		line-height: normal;
		padding-bottom: 10px;
	}
	
	body.menuOn .nav ul li a, body.menuOn .nav ul li ul li a {
		line-height: normal;
	}
	
	body.menuOn .nav ul ul {
		display: block;
	}
	
	body.menuOn .nav li ul {
		background-color: inherit;
		left: auto;
		width: 100%;
	}
	
	body.menuOn .nav ul li ul {
		position: relative;
	}
}