/**
 * Portfolio CSS
 * 
 * ///// Antistatique.net CSS design
 * @date 2009-01-12
 */
body{
   background-image: url('images/h_bg_subheader.gif');
}
div.side_info_left{
 margin-right:20px;
}
div.side_info_right{
 margin-left:20px;
}
/* filter */
#subheader{
   margin-top: 3px;
   width: 100%;
   height: 20px; /* 32px */
   background-color:#373737;
   color: #fff;
   padding: 6px 10px 6px 0px;
}
#subheader{
/*   display:none;*/
}
#subheader p{
   float:left;
   margin: 0;
}

#subheader.filtered{
/*   background-color: #cfc;*/
}

#content{
   margin-top: 0px; /* 42 -32 = 10 */
}
#main_portfolio{
   width: 700px;
   margin-left:0px;
}
div.side_infos, div.main_content{
   margin-top: 20px;
}

.portfolio{
   position: relative;
   width: 670px;
   padding: 15px; /* width: 700px */
   background-color: #373737;
   margin-bottom:20px;
}
#content .portfolio h2{
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 8px;
   border: none;
}
.portfolio h2 a{
   color: #fff;
}
.portfolio h2 a:hover{
   color: #ff0;
   text-decoration: none;
}

.portfolio .portfolio_view{
   height: 339px;
   width: 438px;
   background:url('images/portfolio_bg.png') 0 0 no-repeat;
}
.portfolio .portfolio_view .image_portfolio{
   border: none;
   margin:0;
}
.portfolio .is_new{
   position: absolute;
   left: -8px;
   top: 36px;
   display: block;
   z-index: 3;
   color: #ff0;
   width: 0px;
   height: 17px;
   padding-left: 34px;
   overflow: hidden;
   
   background: transparent url('images/new.png') no-repeat;
}

.portfolio .portfolio_browser_preview{
   position: relative;
   height: 50px;
   width: 438px;
   margin: 9px 0 0 0;
}
.portfolio .portfolio_browser_preview ul{
   margin:0;
   list-style: none;
}
.portfolio .portfolio_browser_preview ul li{
   float: left;
   width: 65px;
   margin: 0 10px 0 0;
   padding: 0;
}
.portfolio .project_nav{
   position: absolute;
   top:0;
   right:0;
}

.portfolio .portfolio_info{
   float: right;
   width: 215px;
}

.portfolio_info dl{
   border-top: 1px solid #7f7f7f;
   border-bottom: 1px solid #7f7f7f;
   padding: 9px 0 9px 0;
   margin-bottom: 10px;
}
.portfolio_info dt{
   margin-top: 10px;
   font-weight: normal;
   font-size: 10pt;
   text-transform: uppercase;
}
.portfolio_info dt.client { margin-top: 0; }
.portfolio_info dd, .portfolio_info{
   font-weight: normal;
   font-size:9pt;
}
.portfolio .description{
   padding-bottom: 9px;
   border-bottom: 1px solid #7f7f7f;
   margin-bottom: 12px;
}
.portfolio_info .visit_website{}

a.browse{
   display:block;
   height: 21px;
   width: 77px;
   background-color: #222;
   background-repeat: no-repeat;
   background-image: url('images/bt_browse.png');
   outline: none;
}
a.browse:hover{ background-position:-77px 0px; }
a.browse:active{ background-position:-154px 0px; outline: none; }

a.browse b{
   display:none;
}


/* project slideviewer */
.stripViewer {  
   position: relative; 
   overflow: hidden;
   margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
   margin: 0;
   padding: 0;
   position: relative;
   left: 0;
   top: 0;
   width: 1%;  /* set in javascript??? */ 
   list-style-type: none; 
} 
.stripViewer ul li {
   float: left;
}