#nav-switcher{margin-bottom:30px;float:right}
#nav-switcher a{margin-top:1px;}
#nav-switcher a.current{background-color:#c05f7c}
#foliowrap li {max-width:24%;//float:left;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
#foliowrap li img{display:block;max-width:100%;box-shadow:0 0 1px rgba(255,255,255,0.2);}
#foliowrap li div.folio-inner{ margin: 5px; padding:10px;position: relative; background-color: rgba(0,0,0,0.2) }
#foliowrap li div.folio-inner h4{margin-top:10px}
#foliowrap .pcontent{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.7) }
#foliowrap .pcontent .inner{ text-align: center;padding:20px}
#foliowrap .pcontent .inner h4{margin-top:20px}
#foliowrap .pcontent .inner span{display:inline-block;width:32px;height:32px;margin-top:15px}
#foliowrap .pcontent .inner span a{ display: block; width: 32px; height: 32px; background-image: url(images/icons.png); background-repeat: no-repeat; }
#foliowrap .pcontent .inner span a.show{ margin-right: 10px; background-position: 0 0; }
#foliowrap .pcontent .inner span a.show:hover{background-position: -32px 0 }
#foliowrap .pcontent .inner span a.goto{margin-left: 10px; background-position:0 -32px; }
#foliowrap .pcontent .inner span a.goto:hover{background-position:-32px -32px; }

#portfolio ul.infobox{margin-top:20px}
#portfolio ul.infobox li{ background-attachment: scroll; background-image: url(images/trans.png); background-repeat: repeat; padding: 5px; margin-bottom: 2px; }
#portfolio ul.tabs{margin-top:10px}
#portfolio ul.tabs li{height:35px}
#portfolio .tabs a{box-shadow:none;background:#E8641B;color:#fff;float:left;font:bold 12px/35px Arial;height:35px;padding:0 30px;text-decoration:none;text-shadow:none;display:block}
#portfolio .tabs a:hover{background:#FC6C1D}
#portfolio .tabs #current a{box-shadow:0 0 1px rgba(255,255,255,0.2);background-color:transparent;background-attachment:scroll;background-image:url(images/trans.png);background-repeat:repeat;text-shadow:none;color:#fff}
#portfolio .tab-content{color:#fff;background-color:transparent;background-attachment:scroll;background-image:url(images/trans.png);background-repeat:repeat;padding:20px;min-height:50px}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #foliowrap li {max-width:33.33333%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #foliowrap li {max-width:33.33333%;}
}
@media only screen and (max-width: 767px) {
  #foliowrap li { max-width: 100% }
  #portfolio  .tabs li,#portfolio .tabs li a{margin:0;padding:0;float:none;display:block}
  #portfolio  .tabs li{margin-bottom:1px}
  #portfolio  .tabs li a{padding-left:10px}
  #nav-switcher{margin-bottom:30px;float:none}
  #nav-switcher a{display:block;float:none;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #foliowrap li { max-width: 50%; }
  #nav-switcher{margin-bottom:30px;float:none}
  #nav-switcher a{margin-top:1px;display:block;float:none;}
}

figure {
	line-height: normal !important
}