/************************************************************************************
GENERAL
*************************************************************************************/
/*body {
	font: .9em/150% "Open Sans",sans-serif;
	color: #666;
	min-width: 768px;
}
a {
	text-decoration: none;
	color: #39C;
}
h1, h2 {
	line-height: 100%;
	margin: 0 0 10px;
	color: #000;
}
header {
	content: " "; 
	display: table; 
}*/


/************************************************************************************
STRUCTURE
*************************************************************************************/
/*#pagewrap {
	width: 960px;
	max-width: 94%;
	margin: 30px auto 0;
}
#content {
	clear: both;
	border-top: solid 1px #ccc;
	padding-top: 20px;
	margin: 20px 0;
}*/

/************************************************************************************
MOBILE
*************************************************************************************/

	/* nav-wrap */
	#nav-wrap {
		position: fixed;
		top: 80px;
		right:0px;
		height: 81.5%;
		overflow: auto;
		/*z-index: 0;*/
	}
	@media only screen and (orientation:portrait){
		#nav-wrap {
		position: fixed;
		top: 80px;
		right:0px;
		height:714px;
		overflow:auto;
		}
		}

	/* menu icon */
	#menu-icon {
		float: left;
		width: 40px;
		height: 45px;
		background: url(images/menu-icon.png) no-repeat;
		padding: 0px 2em 0px 0px;
		cursor: pointer;
		border: none;
		display: block; /* show menu icon */
	}
	/*#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}*/
	
	/* main nav */
	#nav {
		font-family: "open-sans",sans-serif;
		font-size:1.5em;
		color: #A0A0A6;
		font-weight:500;
		line-height:100%;
		clear: both;
		width: 155px;
		z-index: 10000;
		padding: 10px 0px 0px 15px;
		background-color: #FCFBFF;
		border: solid 1px #C0C0F0;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		/*margin: 5px 0 5px 10px;*/
	}
	#nav a, 
	#nav ul li a {
		font-family: "open-sans",sans-serif;
		background: none;
		display: inline;
		padding: 0;
		color: #595FA3;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #9A20AA;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		display: block;
		border: none;
		background: inherit;
	}
	/*#nav ul li {
		margin: 0px 0 0px 12px;
	}*/