@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

#nav,#nav *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:999;
}

#nav,#nav ul{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	width:100%;
	float:left;
	background-color: #EEE;
}

#nav a{
	font-size:14px;
	letter-spacing:1px;
	color:#666;
	text-decoration:none;
	width:100%;
	border-top:1px solid #FFF;	
	margin:0;
	padding:7px 0 7px 40px;
	float:left;
}

#nav .sp_menu2 {
	margin:0 0 0 40px;
	padding:0;
}
#nav .sp_menu2 ul{
	margin:0;
	padding:0;
}
#nav .sp_menu2 li a{
	border-top:1px dotted #FFF;
	width:100%;
}
#nav .on a{
	background-color: #DDD;
}
#nav.opened{max-height:9999px}
#nav-toggle{
	margin-top:10px;
	margin-right:10px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:42px;
	height:36px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background: url("../images/hamburger.gif") no-repeat;
	cursor: pointer;
}
.js #nav{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden
}

@media all and (min-width:  641px){
#nav-toggle{display:none}
}