#pageslide {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 999999;	 
    width: 90%;
    padding: 20px 5%;
	 background-color: #fff;
}



/* DEMO */

.open {
display: none;
z-index: 1000;
position: absolute;
top: 20px;
right: 10px;
width: 40px;
height: 30px;
background: url(../lib/nav_mb.png) no-repeat center;
text-indent: -999999px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.open:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
}
        

@media only screen and (max-width: 767px) {
	ul#nav2 { display: none; }
	.open { display: block; }
	#pageslide { width: 84%; }
	#pageslide #nav2 li{
	border-bottom: 1px solid #e8aa04;
	}
	#pageslide #nav2 li a{
	display: block; 
	color: #003e7e;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 4px solid #fff;
	padding: 12px 14px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
	}
	#pageslide #nav2 li a:hover {
	border-left: 6px solid #003e7e;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
	}
	#pageslide #nav2 .menu_items, .menu_items:hover {
	display: block;
	position: relative;
	}
}