body {
	
	font: normal 100%/1.5 adobe-text-pro, Cambria, Georgia, "Times New Roman", Times, serif;
}




	


	
    #overlay {
	
	
	
	

	
        position: absolute;
               
              
		 
       
        
        
	max-width: 40%;
	
	
	left: 0;
	right: 0;
	
		 padding: 2% 5px 5% 5px;
		margin:auto ;
        z-index: 1;
     vertical-align: middle; 
   	top: 14%;
	left: 0;
	right: 0;
	bottom: 14%;
        
        min-width: 40%;
        min-height: 35%;
        display: table;
		
       
       
	   
	   
    }

	
	
	    #overlay2 {
        position: absolute;		 
       vertical-align: middle;      
        
	max-width: 8%;
	
	top: 84%;
	left: 0;
	right: 0;
	bottom: 16%;
	
        z-index: 1;
     
       
        text-align: left;
        min-width: 5%;
        
        padding: 1% 10px 0px 10px;
		margin:0px auto 0px ;
        display: table-cell;
    }
	
	
 #overlay3 {
        position: absolute;		 
       vertical-align: middle;      
        
	max-width: 75%;
	
	top: 78%;
	left: 8%;
	right: 0;
	bottom: 22%;
		margin-left:auto;
    margin-right: auto
        z-index: -2;
      visibility:hidden;
       
        text-align: center;
        min-width: 65%;
        min-height: 10%;
        padding: 2% 10px 7% 10px;
		margin: auto  ;
        display: table-cell;
    }
	
	 #overlay4 {
        position: absolute;		 
       vertical-align: middle;      
        
	max-width: 75%;
	
	top: 78%;
	left: 8%;
	right: 0;
	bottom: 22%;
		margin-left:auto;
    margin-right: auto
        z-index: -2;
      visibility:hidden;
       
        text-align: center;
        min-width: 65%;
        min-height: 10%;
       padding: 2% 10px 7% 10px;
		margin: auto  ;
        display: table-cell;
    }
	
	 #overlay5 {
        position: absolute;		 
       vertical-align: middle;      
        
	max-width: 75%;
	
	top: 78%;
	left: 8%;
	right: 0;
	bottom: 22%;
		margin-left:auto;
    margin-right: auto
        z-index: -2;
      visibility:hidden;
       
        text-align: center;
        min-width: 65%;
        min-height: 10%;
       padding: 2% 10px 7% 10px;
		margin: auto  ;
        display: table-cell;
    }
	
	 #overlay6 {
        position: absolute;		 
       vertical-align: middle;      
        
	max-width: 75%;
	
	top: 78%;
	left: 8%;
	right: 0;
	bottom: 22%;
		margin-left:auto;
    margin-right: auto
        z-index: -2;
      visibility:hidden;
       
        text-align: center;
        min-width: 65%;
        min-height: 10%;
       padding: 2% 10px 7% 10px;
		margin: auto  ;
        display: table-cell;
    }
	
	
	    .bg-image {
  background-image: url('textures/hugo.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 350px;
  max-width:100%
  
}

.bg-image h1 {
    text-align: center;
    
    padding-top: 12.4%;
	
}
 .bg-image2 {
  background-image: url('textures/theFuture.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 350px;
  max-width:100%
  
}

.bg-image2 h1 {
    text-align: center;
    
    padding-top: 12.4%;
	
}
	    .bg-image3 {
  background-image: url('textures/wayCool.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 350px;
  max-width:100%
  
}

.bg-image3 h1 {
    text-align: center;
    
    padding-top: 12.4%;
	
}
	    .bg-image4 {
  background-image: url('textures/navs.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 350px;
  max-width:100%
  
}

.bg-image4 h1 {
    text-align: center;
    
    padding-top: 12.4%;
	
}	
 
 
	.button {
	 height:35px; position:relative; margin: -20px -50px; font-size:170%; top:50%; left:50%;
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	  border-top: 1px solid #4e066b;
	 background: #39013d;
   background: -webkit-gradient(linear, left top, left bottom, from(#5b0261), to(#39013d));
   background: -webkit-linear-gradient(top, #5b0261, #39013d);
   background: -moz-linear-gradient(top, #5b0261, #39013d);
   background: -ms-linear-gradient(top, #5b0261, #39013d);
   background: -o-linear-gradient(top, #5b0261, #39013d);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B0261', endColorstr='#c62d1f');

	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:11px;
	-moz-border-radius-topright:11px;
	border-top-right-radius:11px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:11px;
	-moz-border-radius-bottomleft:11px;
	border-bottom-left-radius:11px;
	text-indent:0;
	border:1px solid #4e066b;
	display:inline-block;
   color: white;
  
   font-family: Georgia, Serif;

   }
.button:hover {
   border-top-color: #631746;
   background: #631746;
   color: #ccc;
   }

   .overlayCl
{
     -webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;


    
    opacity:1;
}

.dim_fast
{
       -webkit-transition: opacity 5s;
	   -moz-transition: opacity 5s;
	     -o-transition: opacity 5s;
	        transition: opacity 5s;
   
    opacity:0;
}





/* nav */
.nav {
	margin: 20px 0;
}





/* center nav */
.nav.center ul {
	text-align: center;
}

@media screen and (max-width: 600px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	
	.nav .current {
		display: block; /* show only current <li> item */
	}
	
	

	
	
}