@charset "utf-8";
/* CSS Document */
.overlayleft {
	
	position: fixed;
	left: -100%;
  	right: 0;
  	width:40%;
	margin-left: 300px;
  	height: 100%;	
 
  z-index:1001;
	transition: all 1.5s ease-in-out; 
 -webkit-transition: all 1.5s ease-in-out;
 -moz-transition: all 1.5s ease-in-out;
 -o-transition: all 1.5s ease-in-out;

  }
  


.overlayleft:target {
 left: 0;
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
    z-index:1001;
	background-color:#FFFFFF;
}

.overlayright {
	
	position: fixed;
 
  	right: -100%;
  	width:40%;
  	height: 100%;	
 margin-left: 300px;
  z-index:1001;
	transition: all 1.5s ease-in-out; 
 -webkit-transition: all 1.5s ease-in-out;
 -moz-transition: all 1.5s ease-in-out;
 -o-transition: all 1.5s ease-in-out;

  }
  
 

.overlayright:target {
  visibility: visible;
  opacity: 1;
	right: 0;	
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
    z-index:1001; 
}

.overlayall {
	
	position: fixed;
	margin-top:0;
	left: 0;
  	right: 0;
  	width:100%;
	height: 100%;
	padding-left: 300px;
  	height: 100%;	
  visibility: hidden;
  opacity: 0;
  z-index:1001;
	transition: all 1.5s ease-in-out; 
 -webkit-transition: all 1.5s ease-in-out;
 -moz-transition: all 1.5s ease-in-out;
 -o-transition: all 1.5s ease-in-out;
 
  }
  


.overlayall:target {
  visibility: visible;
  opacity: 1;
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
    z-index:100001;
	background-color:#FFFFFF;
}