.portfolio {
            position:relative;
            overflow:hidden;
            height:640px;
            z-index:0;
        }

        .portfolio .flyAway {
            position:absolute;
            right:0px;
            top:0px;
            z-index:0;
            cursor:pointer;
        }
        
        .portfolio .inner {
        }
        .portfolio .flyAway {
            visibility:hidden;
        }
        .portfolio .flyAway .bar {
            width:45px;
            float:left;
            overflow:hidden;
        }
        .portfolio .flyAway .bar .arrow {
            width:45px;
            height:45px;
        }
        .portfolio .flyAway .bar .title {
            width:45px;
            height:555px;
        }
        .portfolio .flyAway .content {
            background: #F4F4F4;
            overflow-x:hidden;
            overflow-y:auto;
            width:372px;
            height: 570px;
            /*height: 370px;*/
            float:left;
        }
        .portfolio .flyAway .content .contentInner {
            padding:40px;
            display:none;
            width:252px;
        }
                
        .portfolio .mainImage {
            position:absolute;
            top:0px;
            left:0px;
            z-index:0;
        }
        .portfolio .mainImage img {
            display:none;
        }
        
        .portfolio .thumbnail {
            position: absolute;
            z-index: 10;
            display:none;
        }
        .portfolio .thumbnail .frame {
            position:absolute;
            z-index: 11;
            background: url(/Common/images/thumbnail_holder.png) no-repeat top left;
            width:172px;
            height: 124px;
        }
        .portfolio .thumbnail .image {
            position:absolute;
            top:15px;
            left:16px;
            z-index:12;
        }
        .portfolio .thumbnail .image img {
            display:none;
        }
        
        .portfolio .nav {
            position:absolute;
            top:600px;
            left:30px;
            z-index:20;
        }
        .portfolio .nav .tray {
            width:924px;
            float:left;
            background:rgb(192, 192, 192);
            margin-left:8px;
            margin-right:4px;
            margin-top:4px;
            padding:0;
        }
        .portfolio .nav .prev {
            float:left;
            cursor:pointer;
        }
        .portfolio .nav .next {
            float:left;
            margin-left:5px;
            margin-top:1px;
            cursor:pointer;
        }
        .portfolio .nav .rect {
            float:left;
            width:45px;
            height:10px;
            background-image: url(/Common/images/portfolio-button.png);
            cursor:pointer;
        }
        .portfolio .nav .inactive{
            background-image: url(/Common/images/portfolio-button-inactive.png);
        }
        .portfolio .nav .active{
            background-image: url(/Common/images/portfolio-button-active.png);
        }


.flyAway .inner .bar div{
    width:45px;
    height:570px;
}
.groceryOpen {      
    background: url('/common/images/portfolio/grocery_sidebar_open.png') no-repeat left top;
}
.groceryClosed {    
    background: url('/common/images/portfolio/grocery_sidebar_closed.png') no-repeat top left;
}
.retailOpen {       
    background: url('/common/images/portfolio/retail_sidebar_open.png') no-repeat top left;
}
.retailClosed {     
    background: url('/common/images/portfolio/retail_sidebar_closed.png') no-repeat top left;
}
.corporateOpen {    
    background: url('/common/images/portfolio/corporate_interiors_sidebar_open.png') no-repeat top left;
}
.corporateClosed {  
    background: url('/common/images/portfolio/corporate_interiors_sidebar_closed.png') no-repeat top left;
}
.mixedOpen {        
    background: url('/common/images/portfolio/mixed_use_lifestyle_sidebar_open.png') no-repeat top left;
}
.mixedClosed {      
    background: url('/common/images/portfolio/mixed_use_lifestyle_sidebar_closed.png') no-repeat top left;
}
.restaurantOpen {   
    background: url('/common/images/portfolio/restaurant_sidebar_open.png') no-repeat top left;
}
.restaurantClosed { 
    background: url('/common/images/portfolio/restaurant_sidebar_closed.png') no-repeat top left;
}
.lodgingOpen {      
    background: url('/common/images/portfolio/lodging_sidebar_open.png') no-repeat top left;
}
.lodgingClosed {    
    background: url('/common/images/portfolio/lodging_sidebar_closed.png') no-repeat top left;
}
.healthcareOpen {      
    background: url('/common/images/portfolio/healthcare_sidebar_open.png') no-repeat top left;
}
.healthcareClosed {    
    background: url('/common/images/portfolio/healthcare_sidebar_closed.png') no-repeat top left;
}
.fuelingOpen {      
    background: url('/common/images/portfolio/fueling_stations_sidebar_open.png') no-repeat top left;
}
.fuelingClosed {    
    background: url('/common/images/portfolio/fueling_stations_sidebar_closed.png') no-repeat top left;
}