/*
        Mosaic - Sliding Boxes and Captions jQuery Plugin
        Version 1.0.1
        www.buildinternet.com/project/mosaic
        
        By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
        Released under MIT License / GPL License
*/

/** {
        margin:0;
        padding:0;
        border:none;
        outline:none;
}*/

/*General Mosaic Styles*/
.mosaic-block {
    float:right;
    position:relative;
    overflow:hidden;
    width:230px;
    height:140px;
    margin:30px 0 0 15px;
    background:#111 url(../images/progress.gif) no-repeat center;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:25px;
    width:30px;
    background:#111;
}

.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
    background:url(../images/hover-magnify.png) no-repeat center center;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    display:none;
}

.fade .mosaic-overlay {
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    background:url(../images/bg-black.png);
}

.bar2 .mosaic-overlay {
    bottom:-60px;
    height:100px;
    opacity:0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}

/*** End Animation Styles ***/