#portfolio{margin-top:60px}#portfolio #filters{height:30px;list-style-type:none;margin-bottom:40px;margin-top:-20px;text-align:center}#portfolio #filters li{display:inline-block;font-size:20px;margin:0 6px}#portfolio #filters li.separator{color:#C0C0C0;font-weight:lighter}#portfolio #filters li a{-moz-transition:color 0.2s ease 0s;color:#3F3F3F;font-style:italic}#portfolio #filters li a:hover,#portfolio #filters li a.active{color:#1189D9}#portfolio #gallery_container{margin-bottom:50px}#portfolio #gallery_container .photo{float:left;margin:5px;position:relative;width:285px}#portfolio #gallery_container .photo h3{text-align:center}#portfolio #gallery_container .photo:hover .mask{display:block;opacity:1}#portfolio #gallery_container .photo .mask{-moz-transition:opacity 0.25s ease-in-out 0s;background:none repeat scroll 0 0 rgba(17,137,217,0.5);border-radius:5px 5px 5px 5px;box-shadow:0 1px 6px 2px #B1B1B1;height:100%;left:0;opacity:0;padding:0 20px;position:absolute;top:0;width:245px}#portfolio #gallery_container .photo .mask h3{color:#FFFFFF;font-size:22px;position:relative;top:39%}#portfolio #gallery_container .photo .mask small{color:#F0F0F0;display:block;font-size:15px;font-style:italic;position:relative;text-align:center;top:35%}#portfolio #gallery_container .photo .mask .more{bottom:7%;color:#FFFFFF;font-size:30px;font-weight:bold;left:47%;position:absolute}#portfolio #filters li{margin:0 4px}#portfolio #filters li a{font-size:18px}#portfolio #gallery_container .photo img{left:10%}
