@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:12px;line-height:20px;font-weight:200;text-transform:lowercase;color:#fff;letter-spacing:1px}

p{font-family:Georgia,Arial,sans-serif;font-size:13px;line-height:12px;font-weight:100;text-transform:capitalize;color:#fff}

section{min-width:100%;width:100%;min-height:100%;text-align:center;padding:10px 0;margin-bottom:15px;background-color:#333;box-shadow:0 0 10px}

section #fullPreview{background-color:#333;border-top:2px solid #333;border-bottom:5px solid #333;padding:0 0 0 0;display:none}

section #fullPreview img,section #fullPreview .fullCaption{max-width:600px;width:100%;margin:0 auto;display:block}

section #fullPreview .fullCaption{font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:15px;font-weight:300;color:#fff;margin:10px auto 10px auto}

section #fullPreview figure{background-image:url("../images/close.png");background-size:100%;width:30px;height:30px;position:absolute;top:10px;right:50px;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.3;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:120px;height:100px;position:absolute;top:10px;left:0;z-index:6}

section li img{border:none;margin:9px 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:150px;position:absolute;text-align:center;opacity:0;top:10px;left:0;z-index:4}

section li .overLayer ul,section li .infoLayer ul{padding:25px 0 0 0}

section li .overLayer ul li,section li .infoLayer ul li{display:block;margin:0 auto;width:150px;padding:0 0 1px 0}

section li .overLayer ul li:first-child,section li .infoLayer ul li:first-child{border-bottom:1px #fff solid}

section li .overLayer ul li:last-child,section li .infoLayer ul li:last-child{padding:4px 0 0 0;text-transform:lowercase}

section li .overLayer ul li h2,section li .infoLayer ul li h2{font-size:14px}

section li .projectInfo{display:none}