@import url(http://fonts.googleapis.com/css?family=Arvo);
*{border:0;margin:0;padding:0;outline:0}
ul{list-style:none}
h2{
    font-family:Arvo,Arial,sans-serif;
    font-size:30px;
    line-height:25px;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;letter-spacing:1px}
p{font-family:Georgia,Arial,sans-serif;font-size:15px;line-height:15px;font-weight:100;color:#fff}
section{
    min-width:100%;
    width:100%;
    min-height:100%;
    text-align:center;
    background-color: #000000;}
section #fullPreview{
    background-color:#181A1C;
    border-top:2px solid #333;
    border-bottom:2px solid #333;
    padding:50px 0 30px 0;
    display:none}
section #fullPreview img,section #fullPreview .fullCaption{
    max-width:960px;
    width:100%;margin:0 auto;
    display:block}
section #fullPreview .fullCaption{
    font-family:Helvetica,Arial,sans-serif;
    font-size:13px;
    line-height:15px;
    font-weight:300;
    color:#fff;
    margin:15px auto 0 auto}
section #fullPreview figure{
    background-image:url("../img/effects/close.png");
    background-size:100%;
    width:30px;height:30px;
    position:absolute;
    top:10px;
    right:20px;
    cursor:pointer}
section li{display:inline-block;vertical-align:top;position:relative}
section li:hover .overLayer{-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-ms-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;opacity:0.6;display:block;background:gray}
section li:hover .infoLayer{-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-ms-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;opacity:1;display:block}
section li a{display:block;width:240px;height:150px;position:absolute;top:10px;left:0;z-index:6}
section li img{border:none;margin:10px 10px 0 0}
section li .overLayer,section li .infoLayer{
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -ms-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
    width:240px;height:135px;
    position:absolute;
    text-align:center;
    opacity:0;
    top:10px;
    left:0;
    z-index:4}
section li .overLayer ul,section li .infoLayer ul{padding:50px 0 0 0}
section li .overLayer ul li,section li .infoLayer ul li{display:block;margin:0 auto;width:200px;padding:0 0 5px 0}
section li .overLayer ul li:first-child,section li .infoLayer ul li:first-child{border-bottom:2px #fff solid}
section li .overLayer ul li:last-child,section li .infoLayer ul li:last-child{padding:5px 0 0 0;text-transform:lowercase}
section li .overLayer ul li h2,section li .infoLayer ul li h2{font-size:25px}section li .projectInfo{display:none}