/* Flexible Slide-to-top Accordion Style*/
.st-wrapper{
    width:100%;
    max-width:800px;
    margin:30px auto;
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: 70px;  /*or 100 */
    border-bottom: 1px solid #ccc;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    /*font-family: 'Josefin Slab',Georgia, serif;*/
    text-shadow: 1px 1px 1px #fff;
    font-size: 22px;
    display: block;
    position: relative;
    line-height: 70px;  /*or 100 */
    outline:none;
    text-decoration:none;
    -webkit-transition:  color 0.2s ease-in-out;
    -moz-transition:  color 0.2s ease-in-out;
    -o-transition:  color 0.2s ease-in-out;
    -ms-transition:  color 0.2s ease-in-out;
    transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
    background: transparent url(http://www.rogiani.com/template/images/accordion/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -7px;
    opacity:0;
    -webkit-transition:  all 0.2s ease-in-out;
    -moz-transition:  all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    -ms-transition:  all 0.2s ease-in-out;
    transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #0F2285;
}
.st-accordion ul li > a:hover span{
    opacity:1;
    right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #0F2285;
}
.st-accordion ul li.st-open > a span{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    right:10px;
    opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    font-size:  16px;
    line-height:  28px;
    padding: 0px 4px 0px 4px; 
    color: #777;
}
.st-content img{
    float: left;
    width:200px;
    border-right:10px solid #fff;
    border-bottom:5px solid #fff;
}
@media screen and (max-width: 320px){
    .st-accordion ul li > a{
        font-size:36px;
    }
}

.st-model{
    padding: 5px 0px 30px 0px;
    min-height:550px;
}
.st-model-first{
    margin-top: 30px;
    min-height:560px;
    
}
.st-model p{
    font-size:  16px;
    line-height:  28px;
    padding: 0px 4px 0px 4px; 
    color: #777;
}
.st-model img{
    float: left;
    width:300px;
    border-right:30px solid #fff;
    border-bottom:20px solid #fff;
}

.Contact {
    width: 35%;
    height: 500px;
    display: inline;
    position: relative;
    float: left;
    margin: 30px 0 0 20px;
}


/* ####IMAGE GALLERY###### */

#loading{
   display:none;
    width:50px;
    height:50px;
    position:absolute;
    top:40%;
    left:50%;
    margin-left:-24px;
    background:transparent url(/content/images/icons/loading.gif) no-repeat top left;
}
#thumbsWrapper{
    position: absolute;
    width:100%;
    height:82px;
    overflow-y:hidden;
    background-color:#2A1D6D;
    bottom:0px;
    left:0px;
    border-top:2px solid #2A1D6D;
}
#thumbsContainer{
    height:79px;
    display:block;
    margin: 0;   
}
#thumbsWrapper img{
    float:left;
    margin:2px;
    display:block;
    cursor:pointer;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
#imageWrapper{
    position:relative;
    padding-top:10px;
    text-align:center;
}
#imageWrapper img{
    margin:0 auto;
    -moz-box-shadow:2px 2px 10px #111;
    -webkit-box-shadow:2px 2px 10px #111;
    box-shadow:2px 2px 10px #111;
}
.cursorRight{
   cursor:url("/content/images/icons/next.cur"),url("icons/next.cur"), default;
}
.cursorLeft{
    cursor:url("/content/images/icons/prev.cur"),url("icons/prev.cur"), default;
}
.cursorPlus{
    cursor:url("/content/images/icons/plus.cur"),url("icons/plus.cur"), default;
}
.cursorMinus{
    cursor:url("/content/images/icons/minus.cur"),url("icons/minus.cur"), default;
}
.albumSelect{
    height:18px;
    line-height:18px;
    position:absolute;
    right:5px;
    top:2px;
    width:120px;
}
.albumSelect .title{
    color:#f0f0f0;
    z-index:10;
    border:1px solid #444;
    background-color:#555;
    background-repeat:no-repeat;
    background-position:90% 50%;
    cursor:pointer;
    text-align:left;
    text-indent:10px;
    width:100%;   
    position:absolute;
    top:0px;
    left:0px;
}
.down{
    background-image:url(/content/images/icons/down.png);
}
.up{
    background-image:url(/content/images/icons/up.png);
}
.albumSelect ul {
    list-style:none;
    display:none;
    padding:0px;
    width:100%;
    border:1px solid #444;
    background-color:#555;
    margin:22px 0px 0px 0px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
.albumSelect ul li a{
    text-decoration:none;
    cursor:pointer;
    display:block;
    padding:3px 0px;
    color:#ccc;
}
.albumSelect ul li a:hover{
    background-color:#000;
    color:#fff;
}