#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /*  Specify the width of your pageslide here */
   width: 260px;
    
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

            
            ul#nav { list-style-type: none;  }
            ul#nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
           

        .open {
            display: none;
            /*float: left;*/ 
			position: absolute;
			top:0px; left:0px; 
			z-index:999;
            width: 40px;
            height: 30px;
            margin-right: 10px;
            background: url(menu.png) center center no-repeat ;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -border-radius: 8px;
            text-indent: -999999px;
            border: 0;
        }
        
        /* Media Queries
        * 
        * Note: Please don't base your responsive design off of this code. It is just here for demo purposes.
        * Rather, grab yourself a copy of Ethan's book: http://www.abookapart.com/products/responsive-web-design
        ================================================== */
        
        /* Mobile and iPad Portrait */
    	
    	
    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 768px) {
    	    
    	    ul#nav { display: none; }
    	    
    	        .open { display: block; }
    	        #pageslide { width: 200px; overflow:scroll; }
    	        #pageslide #nav li { padding: 10px; border-bottom: 1px solid #666; }
    	        #pageslide #nav li a { display:block; color: #FFF; border: none; text-decoration:none; }
    	       
				
				#pageslide #nav li>ul{ list-style:none; padding-left:26px; padding-top:10px; }
				#pageslide #nav li>ul>li{  padding: 5px 0;  border: none;}
				#pageslide #nav li>ul>li>a{font-size:14px; color:#888;}
    	}
    	
    	
        
