/*Primary Graphic (can add a -XXX to the end to define each individual positon, where XXX is the order num) */
div.sc-casestudy-pg {

}
div.sc-casestudy-pg img {
    opacity:.75;
    border:1px solid #333333;
}
div.sc-casestudy-pg img:hover {
    opacity:1.0;
    border:1px solid #333333;
}

/*Individual Gallery Graphic(can add a -XXX to the end to define each individual positon, where XXX is the order num) */
div.sc-casestudy-gg {
    float:left;
    padding:4px;
}

/*Group Gallery Graphic(can add a -XXX to the end to define each individual positon, where XXX is the order num) */
div.sc-casestudy-gg-gallery {
    float:left;
    padding:4px;
}
div.sc-casestudy-gg-gallery img {
    opacity:.75;
    border:1px solid #333333;
}
div.sc-casestudy-gg-gallery img:hover {
    opacity:1.0;
    border:1px solid #333333;
}



/* SHOWCASE LIST STYLES */
.showcase-piece-alt1,
.showcase-piece-alt2 {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0px;
    margin-top: 10px;
    border-bottom: 2px solid #EEE;
 }

.showcase-piece-alt1 .piece-title { margin-bottom: 10px; color: #000; }
.showcase-piece-alt1 .portfolio-address { }
.showcase-piece-alt1 .details-link { padding:6px 0; }
.showcase-piece-alt1 .info-links { width:20px; float:left; margin-right:4px; }
.showcase-piece-alt1 .piece-details { }
.showcase-piece-alt1 .piece-graphics { float: left; margin-right: 10px; }
.showcase-piece-alt1 .primary-graphic { float:left; }
.showcase-piece-alt1 .graphic-gallery { clear:both; margin-left:24px; }
.showcase-piece-alt1 .teaser-content { }

.showcase-piece-alt2 .piece-title { text-align:left; margin-bottom: 10px; color: #000;}
.showcase-piece-alt2 .portfolio-address { }
.showcase-piece-alt2 .details-link { padding:6px 0; }
.showcase-piece-alt2 .info-links { width:20px; padding-left:4px; }
.showcase-piece-alt2 .piece-details { }
.showcase-piece-alt2 .piece-graphics { float:right; margin-left:10px; }
.showcase-piece-alt2 .primary-graphic { }
.showcase-piece-alt2 .graphic-gallery { }
.showcase-piece-alt2 .teaser-content { }

/* SHOWCASE DETAIL STYLES */
.project-name {  }
.company-name {  }
.project-link {  }
.company-name {  }
.step-content { margin-bottom:24px; }
.piece-title { margin-bottom: 10px; color: #000; }
.details-link { padding:6px 0; }
.info-links { width:20px; float:left; margin-right:4px; }
.piece-details { }
.piece-graphics { float: left; margin-right: 10px; }
.primary-graphic { float:left; }
.graphic-gallery { clear:both; margin-left:24px; }
.teaser-content { }