* { margin:0; padding:0; list-style:none; text-decoration:none; font-family:Georgia,serif; }

/*////////////
//  Header  //
////////////*/
div.wrp { padding:20px; }
div.wrp h1 { display:block; margin:20px 0 20px; }
div.wrp h1 a { display:block; width:110px; height:68px; background:url(/gfx/llllost.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div.wrp h2 { position:absolute; top:62px; left:140px; padding:2px; font-size:1em; background:#CCC; }
div.wrp div.info { position:absolute; right:20px; top:40px; width:660px; }
div.wrp div.info p { float:left; width:300px; padding:0 0 0 30px; }
div.wrp p a { text-decoration:underline; color:#666; }

/*////////////
//  Images  //
////////////*/
div.wrp ul { margin:0 0 0 -30px; }
div.wrp ul li { display:block; width:200px; float:left; padding:30px 0 0 30px; }
div.wrp ul li a { display:block; width:200px; height:200px; background-position: 50% 50%; position:relative; border:2px solid #000; -webkit-border-radius:5px; -moz-border-radius:5px; }
div.wrp ul li a span { text-transform:capitalize; display:none; width:190px; padding:5px; position:absolute; bottom:0; left:0; background:#000; color:#FFF; font-size:14px; overflow:hidden; }
div.wrp ul li a span em { font-style:normal; color:#999; font-size:11px; }
div.wrp ul li a:hover span { display:block; }

/*////////////
// Clearfix //
////////////*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */