@CHARSET "UTF-8";

#portfolioMenu, #rightContent{
    display: none;
}

.ui-accordion .ui-accordion-icons, .ui-accordion .ui-accordion-content {
    padding: 0px;
}

.ui-accordion .ui-accordion-content{
    margin-bottom: 16px;
    line-height: 0.8em;
}

#rightContent{
    width: 800px;
    float: left;
}

#scroller, #scrollerWrapper{
    width: 96%;
    height: 215px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 20px;
    margin-top: 0px;
    position: relative;
    margin-left: 16px;
}

#scrollerWrapper{
    overflow: visible;
}

#scrollerContent{
    width: 3100px;
    height: 200px;
}

#scrollerContent a:hover img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

#scrollerWrapper a.scrollArrow{
    position: absolute;
    top: 86px;
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: 28px;
    text-decoration: none;
}

#scrollerWrapper a.scrollArrow.left{
    background-image: url(/pics/arrowScrollbarLeft.png);
    left: -16px;
}

#scrollerWrapper a.scrollArrow.right{
    background-image: url(/pics/arrowScrollbarRight.png);
    right: -16px;
}

div.detail{
    position: relative;
}

div.detail.hidden{
    display: none;
}

#portfolioMenu{
    float: left;
    width: 120px;
    height: 700px;
    margin-right: 20px;
}

#portfolioMenu #menuBrand{
    line-height: 0.8em;
}

#portfolioMenuContent{
    width: 120px;
    height: auto;
    /*overflow-x: auto;*/
   margin-bottom: 16px;
}

#portfolioMenu h2{
    color: #9F1C34;
    font-size: 0.9em;
    font-weight: 500;
    display: block;
    padding-bottom: 4px;
    border-bottom: 1px solid #9F1C34;
    width: 90%;
    margin-top: 0px;
}

#portfolioMenu h3{
    color: #9F1C34;
    font-size: 0.7em;
    font-weight: 500;
    display: block;
    padding-bottom: 4px;
    border-bottom: 1px solid #9F1C34;
    width: 90%;
    margin-top: 0px;
}

#portfolioMenu a{
    color: #9F1C34;
    font-size: 0.58em;
    font-weight: 400;
    text-decoration: none;
}

#portfolioMenu a:hover{
    color: #000000;
}

#portfolioMenu a.menuToggle.activ{
    font-weight: 700;
}

#portfolioMenu #menuCategory{
    display: none;
}

div.detailContainer{
    position: relative;
    width: 800px;
    height: 362px;
}

div.detail{
    position: absolute;
    top: 0px;
    left: 0px;
}

div.detail div.text{
    font-size: 0.55em;
    font-weight: normal;
    height: 230px;
    left: 30px;
    position: absolute;
    top: 126px;
    width: 300px;
}

div.detail div.text p{
    margin-top: 0px;
}

div.detail div.text p.services{
    margin-top: 0px;
    color: #9F1C34;
    font-size: 0.9em;
}

div.detail div.text h4{
    border-top: 2px solid #9F1C34;
    color: #9F1C34;
    display: block;
    padding-top: 8px;
    margin-bottom: 4px;
}

div.detail div.text.italic{
    font-family: 'EB Garamond',Georgia,serif;
    font-size: 0.8em;
    font-style: italic;
    line-height: 16px;
}

div.detail{
    display: none;
}

div.detail.first{
    display: block;
}