#content a.portfolio_piece {
   border: 1px solid #0e3f82;
   background: #164180;
   font-size: 12px;
   line-height: 16px;
   margin: 0 15px 10px 0 ;
   padding: 5px 15px 5px 5px ;
   float: left;
   width: 440px;
   color: white;
}
#content a.portfolio_piece:hover {
   color: #fff43d;
   background: #4b6fa3;
}
#content .portfolio_piece img{
   float: left;
   margin-right: 20px;
   border: 1px solid black;
}
#content .portfolio_piece p{
   text-indent: 0;
}
#content div.portfolio_piece {
   border: 1px solid #0e3f82;
   background: #4b6fa3;
   font-size: 12px;
   line-height: 16px;
   margin: 5px 15px 10px 4px ;
   padding: 5px 15px 5px 5px ;
   float: left;
   width: 440px;
   color: white;
   display: inline;
}
#content div.portfolio_piece img {
   border: 1px solid #0e3f82;
   margin-left: 1px;
   margin-top: 1px;
}
#content div.portfolio_piece h3 {
   margin: 7px 0 0 0;
   padding: 1px 30px 3px 10px;
   border-bottom: 1px solid white; 
   border-top: 1px solid white; 
}
#content div.portfolio_piece h1 {
   clear: left;
   margin-top: 5px;
}









#sidenav ul.portfolio li a span {
   position: absolute;
   top: 2px;
   right: 2px;
   width: 41px;
   height: 38px;
   border: 1px solid #000000;
}
#sidenav ul.portfolio li a {
   font-size: 12px;
   height: 42px;
   padding: 2px 0 0 10px;
   line-height: 18px;
}
#sidenav ul.portfolio li.small a {
   font-size: 12px;
   height: auto;
   padding: 2px 0 4px 10px;
}


#sidenav ul.portfolio li a:hover span {
   border: 1px solid #27548f;
}
#sidenav ul.portfolio li a span.verde {
   background: url( '/portfolio/img/icon/verde_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.verde{
   background: url( '/portfolio/img/icon/verde.jpg' ) ;
}
#sidenav ul.portfolio li a span.table21films {
   background: url( '/portfolio/img/icon/table21films_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.table21films{
   background: url( '/portfolio/img/icon/table21films.jpg' ) ;
}
#sidenav ul.portfolio li a span.artfulchange {
   background: url( '/portfolio/img/icon/artfulchange_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.artfulchange{
   background: url( '/portfolio/img/icon/artfulchange.jpg' ) ;
}
#sidenav ul.portfolio li a span.adrianthompson {
   background: url( '/portfolio/img/icon/adrianthompson_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.adrianthompson{
   background: url( '/portfolio/img/icon/adrianthompson.jpg' ) ;
}
#sidenav ul.portfolio li a span.pacificbaymasonry {
   background: url( '/portfolio/img/icon/pacificbaymasonry_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.pacificbaymasonry{
   background: url( '/portfolio/img/icon/pacificbaymasonry.jpg' ) ;
}
#sidenav ul.portfolio li a span.bigalpha {
   background: url( '/portfolio/img/icon/bigalpha_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.bigalpha{
   background: url( '/portfolio/img/icon/bigalpha.jpg' ) ;
}
#sidenav ul.portfolio li a span.supplewine {
   background: url( '/portfolio/img/icon/supplewine_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.supplewine{
   background: url( '/portfolio/img/icon/supplewine.jpg' ) ;
}
#sidenav ul.portfolio li a span.idpr {
   background: url( '/portfolio/img/icon/idpr_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.idpr{
   background: url( '/portfolio/img/icon/idpr.jpg' ) ;
}
#sidenav ul.portfolio li a span.marcjosef {
   background: url( '/portfolio/img/icon/marcjosef_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.marcjosef{
   background: url( '/portfolio/img/icon/marcjosef.jpg' ) ;
}
#sidenav ul.portfolio li a span.interviewedge {
   background: url( '/portfolio/img/icon/interviewedge_out.jpg' ) ;
}
#sidenav ul.portfolio li a:hover span.interviewedge{
   background: url( '/portfolio/img/icon/interviewedge.jpg' ) ;
}