html,body {
     padding-top:0px;
     margin:0px;
     height:100%;
     width:100%;
     align:center;
      }
 

          

          .gallery li {
               
               display: block;
               float: left;
               height: 100px;
               margin-bottom: 6px;
               margin-right: 6px;
               width: 100px;
               
          }
          .gallery li a {
               height: 100px;
               width: 100px;
          }
          .gallery li a img {
               max-width: 100px;
          }
          
          
img{-webkit-box-shadow: 0 0 20px 5px #0A0A0A;
box-shadow: 0 0 20px 5px #0A0A0A;}          
          
          
#tlo{
     padding-top:90px;
     width:75%;
     
     background-color: rgba(232, 234, 232, 0.6);
     position: absolute; left:12.5%;
     
}

.reveal    {  
        position: relative;  
        display: inline-block;
        white-space: nowrap;
        background-color: #EDEDED;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: url('linear-gradient(top,%20#eee, #ccc');
        border: 1px solid #777;
        margin: 20px;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .1em;
        -webkit-border-radius: .1em;
        border-radius: .1em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); font-style:normal; font-variant:normal; font-weight:bold; line-height:2em; font-size:1em; font-family:Arial, Helvetica; padding-left:0.5em; padding-right:0.5em; padding-top:0; padding-bottom:0
    }
    
    .show_reveal:hover
    {
        background-color: #eee;        
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: url('linear-gradient(top,%20#fafafa, #ddd');
    }
    
    .show_reveal:active
    {
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
    }
    
    .show_reveal:focus
    {
        outline: 0;
        background: #fafafa;
    }