@charset "utf-8";
/* CSS Document */

.quick ul { overflow: hidden; padding: 20px 0 0 165px; }
.quick ul > li {
    position: relative;
    float: left;
    list-style: none;
    margin: 0 40px 20px 0;
    font-size: 10px;
}
.quick ul a { text-decoration: none; display: block; }

.quick ul li img { display: block; position: relative; z-index: -1;} /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
.quick ul li:not([class=na]) img { position: static; } /* Reset relative position, as this plays havoc with good browsers */

.quick ul a:hover, .quick ul a:focus
{
    display: block;
    outline: none;
    -moz-box-shadow: 3px 3px 5px #000;
    -webkit-box-shadow: 3px 3px 5px #000;
    box-shadow: 3px 3px 5px #000;
}
.quick ul a:hover img, .quick ul a:focus img { outline: 3px solid #ccc; }

.quick ul a:hover:after,
.quick ul a:focus:after
{
    content: attr(title);
    color: #000;
    position: absolute;
    bottom: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(204,204,204,027)); /* Firefox 3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(204,204,204,0.9))); /* Safari */
    display: block;
	font:Verdana, Geneva, sans-serif;
	letter-spacing: 0.7em;
    
}