.portfolio { 
	position: absolute;
	width: 100%;
	height: 100%;
}


.portfolio .brancottestate { 
	position: relative;
	float: left;
	width: 2103px; height: 1350px; 
}




.portfolio .brancottestate2 { 
    position: relative;
    float: left;
    width: 1200px; height: 768px; 
}



.b-portfolio-content a.showcase-button {
    text-transform: uppercase;
    color: #f0f0f0;
    padding: 5px 8px 5px 18px;

    /*
    border: solid 1px #4a4444;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    */
    text-decoration: none;
    font-size: .9em;
    background: none;

    font-family: arial, sans-serif;

    float: left;
    margin-top: .25em;
}
.b-portfolio-content a.showcase-button:hover {
    border-color: #f0f0f0;
}


.lazy-load-wrapper { display: block; float: left; background: url(../imgroot/ajax-lazy-loader.gif) center no-repeat; }
.lazy-load-wrapper img { display: none; }


.portfolio { background:none; }

.b-portfolio-content { float: left; font-family: georgia, serif; color: #ebe6df; padding: 100px 140px; }
.b-portfolio-content .row { float: left; }
.b-portfolio-content .item { float: left; margin: 0; padding: 0; }

.b-portfolio-content .item h3   { font-family: 'Nixie One', cursive; color: #f0f0f0; font-size: 2.05em; margin: 0; }
.b-portfolio-content .item h2   { font-family: 'Nixie One', cursive; color: #f0f0f0; font-size: 2.85em; margin: 0; }
.b-portfolio-content .item p    { margin: 0; padding: .25em 0; }

.b-portfolio-content.brancottestate .title   { width: 551px; margin-top: 25px; }
.b-portfolio-content.brancottestate .title p { width: 381px; font-size: 1.65em; font-family: 'Nixie One', cursive; }


.b-portfolio-content.brancottestate .item.mobile       { width: 328px;}
.b-portfolio-content.brancottestate .item.mobile img   { float: right; clear: both; }
.b-portfolio-content.brancottestate .item.mobile .info { float: left; clear: both; }

.b-portfolio-content.brancottestate .item.shopper       { margin-left: 97px; width: 860px; }
.b-portfolio-content.brancottestate .item.shopper img   { float: right; }
.b-portfolio-content.brancottestate .item.shopper .info { float: left; width: 348px; margin-top: 160px; }

.b-portfolio-content.brancottestate .item.website       { width: 812px; }
.b-portfolio-content.brancottestate .item.website .info { float: left; width: 348px; margin-top: -80px; clear: both; }
.b-portfolio-content.brancottestate .item.website img   { float: left; margin-left: -35px; border: clear: both; margin-top: 20px; }

.b-portfolio-content.brancottestate .item.facebook       { width: 917px; margin-left: 105px; }
.b-portfolio-content.brancottestate .item.facebook .info { float: left; width: 473px; margin-top: 5px; clear: both; }
.b-portfolio-content.brancottestate .item.facebook img   { float: left; margin-top: 25px; clear: both; }

.b-portfolio-content.brancottestate .item.ipod           { width: 381px; }
.b-portfolio-content.brancottestate .item.ipod .info     { float: left; margin-top: 15px; }
.b-portfolio-content.brancottestate .item.ipod img       { float: left; margin-left: -10px; }

.b-portfolio-content.brancottestate .item.trip           { width: 566px; margin-left: 100px; }
.b-portfolio-content.brancottestate .item.trip .info     { float: left; clear: both; width: 347px; }
.b-portfolio-content.brancottestate .item.trip img       { float: left; clear: both; margin-left: -10px; margin-top: 20px; }

.b-portfolio-content.brancottestate .item.email          { width: 695px; margin-left: 111px; margin-top: 65px; }
.b-portfolio-content.brancottestate .item.email .info    { float: left; clear: both; width: 366px; margin-left: 240px; }
.b-portfolio-content.brancottestate .item.email  img     { float: left; clear: both; margin-top: -64px; }




.portfolio .pernoricard { position: relative; float: left; width: 2163px; height: 1537px; }

.b-portfolio-content.pernoricard .item.campo-viejo-re-launch       { position: relative; float: left; width: 935px; margin-right: 65px; }
.b-portfolio-content.pernoricard .item.campo-viejo-re-launch img   { position: absolute; left: 0; top: 0; }
.b-portfolio-content.pernoricard .item.campo-viejo-re-launch .info { position: absolute; right: 0; top: 0; width: 354px; }

.b-portfolio-content.pernoricard .item.new-friends       { position: relative; float: left; width: 882px; }
.b-portfolio-content.pernoricard .item.new-friends img   { position: absolute; left: 0; top: 0; }
.b-portfolio-content.pernoricard .item.new-friends .info { position: absolute; left: 0; top: 201px; width: 234px; }


.b-portfolio-content.pernoricard .item.win-a-kitchen       { position: relative; float: left; width: 681px; margin-left: -25px; }
.b-portfolio-content.pernoricard .item.win-a-kitchen img   { position: absolute; right: 0; top: 0; }
.b-portfolio-content.pernoricard .item.win-a-kitchen .info { position: absolute; left: 0; top: 21px; width: 224px; }

.b-portfolio-content.pernoricard .item.title        { position: relative; float: left; width: 367px; margin-left: 97px; margin-top: 68px;  }
.b-portfolio-content.pernoricard .item.title p      { font-size: 1.65em; font-family: 'Nixie One', cursive; }

.b-portfolio-content.pernoricard .item.ecrm       { position: relative; float: left; width: 523px; margin-left: 138px; }
.b-portfolio-content.pernoricard .item.ecrm img   { position: absolute; left: 0; top: 111px; }
.b-portfolio-content.pernoricard .item.ecrm .info { position: absolute; left: 0; top: 0; width: 100%; }


.b-portfolio-content.pernoricard .item.stoneleigh-mobile       { position: relative; float: left; width: 748px; margin-left: 80px; margin-top: -20px; }
.b-portfolio-content.pernoricard .item.stoneleigh-mobile img   { position: absolute; right: 0; top: 111px; }
.b-portfolio-content.pernoricard .item.stoneleigh-mobile .info { position: absolute; left: 0; top: 176px; width: 301px; }

.b-portfolio-content.pernoricard .item.wimbledon       { position: relative; float: left; width: 782px; margin-top: 50px; margin-left: 140px; }
.b-portfolio-content.pernoricard .item.wimbledon img   { position: absolute; left: 0; top: 0; }
.b-portfolio-content.pernoricard .item.wimbledon .info { position: absolute; right: 0; top: 16px; width: 218px; }




.portfolio .flicks { position: relative; float: left; width: 2063px; height: 1337px; }

.b-portfolio-content.flicks .item.website       { position: relative; float: left; width: 976px; margin-left: 282px; }
.b-portfolio-content.flicks .item.website img   { position: absolute; right: 0; top: 0; }
.b-portfolio-content.flicks .item.website .info { position: absolute; left: 0; top: 0; width: 209px; }


.b-portfolio-content.flicks .item.brand       { position: relative; float: left; width: 571px; margin-top: -75px; }
.b-portfolio-content.flicks .item.brand img   { position: absolute; left: 0; top: 0; }
.b-portfolio-content.flicks .item.brand .info { position: absolute; left: 274px; top: 66px; width: 241px; }


.b-portfolio-content.flicks .item.title        { position: relative; float: left; width: 367px; margin-left: 110px; margin-top: 110px;  }
.b-portfolio-content.flicks .item.title p      { font-size: 1.65em; font-family: 'Nixie One', cursive; }

.b-portfolio-content.flicks .item.newsletter       { position: relative; float: left; width: 532px; margin-top: -275px; }
.b-portfolio-content.flicks .item.newsletter img   { position: absolute; right: 0; top: 0; }
.b-portfolio-content.flicks .item.newsletter .info { position: absolute; left: 0; bottom: 50px; width: 256px; }

.b-portfolio-content.flicks .item.mobile-website       { position: relative; float: left; width: 680px; margin-left: 501px; margin-top: -30px; }
.b-portfolio-content.flicks .item.mobile-website img   { position: absolute; left : 0; top: 0; }
.b-portfolio-content.flicks .item.mobile-website .info { position: absolute; right: 0; top: 50px; width: 210px; }