#STORY {
margin:auto; width:500px; line-height:16px;
}
.cdtSTORY {
position:absolute; margin-left:-12px; margin-top:-15px; 
opacity:0; transition:all 0.55s; -webkit-transition:all 0.55s;
}
.btmSTORY:hover .cdtSTORY{
opacity:1;
}
.STORY {
margin:auto; width:450px; text-align:center; 
}
.STORY a{
text-decoration:none !important; 
}
.nameSTORY {
padding:15px 0 5px; 
font-size:28px; font-family:Calibri; text-transform:uppercase; letter-spacing:3px;
}
.picSTORY {
margin-top:-5px; margin-left:-25px; width:500px; 
}
.triLTOP {
float:left; width:0; height:0; border-style:solid; border-width:0 0 15px 25px; border-color:transparent transparent black transparent;
}
.triRTOP {
float:right; width:0; height:0; border-style:solid; border-width:15px 0 0 25px; border-color:transparent transparent transparent black;
}
.picSTORY img{
width:500px; height:175px;
}
.triLBTM {
float:left; width:0; height:0; border-style: solid; border-width:0 25px 15px 0; border-color:transparent black transparent transparent;
}
.triRBTM {
float:right; width:0; height:0; border-style:solid; border-width:15px 25px 0 0; border-color:black transparent transparent transparent;
}
.fosSTORY {
position:absolute; margin-top:25px; margin-left:50px; 
width:400px; height:200px; overflow:hidden; font-size:11px;  
}
.fosSTORY ul{
list-style:none; margin:0; padding:0;
}
.fosSTORY li{
display:block; margin:5px auto; 
width:350px; height:25px; padding:5px 0;  
background:#191919; color:#837c58; line-heigth:16px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.55s; -webkit-transition:all 0.55s;
}
.picSTORY:hover .fosSTORY li{
transform:scale(1); -webkit-transform:scale(1);
}
.ctxtSTORY {
margin:15px auto 5px; width:400px; padding:10px; 
font-size:11px; text-align:justify; 
}
.staffSTORY div {
display:inline-block; margin:5px; width:205px; height:50px;
}
.staffSTORY div p{
position:absolute; margin:0px; 
width:205px; height:35px; padding-top:15px; 
font-size:16px; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all 0.55s; -webkit-transition:all 0.55s;
}
.staffSTORY div:hover p{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
.staffSTORY div img{
width:205px; height:50px;
}
.lksSTORY {
display:block; width:450px; 
}
.lksSTORY a{
display:inline-block; margin:5px; 
width:195px; height:25px; padding:5px; overflow:hidden;
font-family:Calibri; text-transform:uppercase;
transition:all 0.55s; -webkit-transition:all 0.55s;
}
.btmSTORY {
margin:auto; width:0; height:0; border-style:solid; border-width:35px 225px 0 225px; border-color:transparent; 
}

.fosSTORY li{background:#191919; color:#837c58;} 
.lksSTORY a{background:#1E1D1D; color:white;} 
.lksSTORY a:hover {background:white; box-shadow:0 0 2px rgba(0,0,0,0.1); color:black;}