/****************************************************/
/** Copyright Tamer Altunkaya - www.tamerdesign.de **/
/****************************************************/

#divPortfolioContent {
        float: left;
        width: 964px;
        position:relative;
        padding-bottom: 10px;
}
#divPortfolioContent ul {
        float: left;
        width: 968px;
        margin: 0;
        list-style-type: none;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
}
#divPortfolioContent ul li {
        padding: 0 25px 14px 0;
        float: left;

}

.portfolioItem {
        padding: 3px;
        width: 210px;
        float: left;
}

.portfolioItem a:hover {
        background: url(../images/mg_coiffeur_over.png) center no-repeat transparent;
}

.portfolioItemsImageLink {
        float: left;
        height: 120px;
        width: 200px;
        border: 1px solid #CCCCCC;
        padding: 4px;
}

.portfolioItemsImageLink:hover {
         background: #ececec;
         border: 1px solid #AB0505;
}

.portfolioItemsImage {
        float: left;
        height: 120px;
        width: 200px;
        border: 0;
}

.portfolioItemsTitle {
        float: left;
        width: 194px;
        padding: 8px 8px 4px 8px;
        font-size: 12px;
        height: 20px;
        overflow: hidden;
}
.portfolioItemsTitle a {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
}

.portfolioItemsTitle a:hover {
        color: #a75bb3;
}

.portfolioItemsText {
        float: left;
        width: 194px;
        height: 60px;
        padding-right: 8px;
        padding-left: 8px;
        font-size: 12px;
        overflow: hidden;
}

.divVideoIframe {
        float: left;
        display: none;
        width: 500px;
        height: 300px;
}