#portfolio-wrapper{
  width:770px;
  margin:0 auto;
  border:1px solid #e4e4e4;
  position:relative;
  padding:30px 20px 20px;
  color:#00307f;
  font:11px/16px Arial,Helvetica,'MS Sans Serif',sans-serif;
}

#portfolio-wrapper ul, #portfolio-wrapper li{
  margin:6px 0; padding:0;
  list-style:none;
}


#portfolio-wrapper a {
  text-decoration:none;
  color:#1c4289;
  font-weight:bold;
}
#portfolio-wrapper a:visited {
  text-decoration:none;
}
#portfolio-wrapper a:active, a:focus, a:hover {
  text-decoration:underline;
}
#portfolio-wrapper a img {
border:none;
}

#portfolio-wrapper .clear {
  clear:both;
  padding:0;
  margin:0;
  line-height:normal;
}

#portfolio-wrapper h2.title{
  position:absolute;
  left:195px;
  top:8px;
  margin:0;
}


  #portfolio-wrapper h1,h2,h3{
    color:#00307f;
    font-size:1.1em;
    margin-top:12px;
  }
  
  #portfolio-wrapper .menu{
    float:left;
    width:150px;
    margin-right:10px;
  }
    #portfolio-wrapper .menu ul{
      margin:0 0 30px 0;
    }
    #portfolio-wrapper .menu li.active{
      list-style-image: url(portfolio_assets/arrow.gif);
    }
    #portfolio-wrapper .menu li.active a{
      color:#c25716;
    }
	#portfolio-wrapper .menu li a:hover{
      color:#c25716;
    }
  #portfolio-wrapper .content{
    float:left;
    border-left:1px solid #e4e4e4;
    height:320px;
    width:475px;
    padding-left:10px;
  }
  #portfolio-wrapper .thumbs{
    float:right;
    width:115px;
  }
    #portfolio-wrapper .thumbs ul{
      display:none;
    }
    #portfolio-wrapper .thumbs ul.active{
      display:block;
    }
      #portfolio-wrapper .thumbs ul li{
        padding:1px 0 0 10px;
        margin:4px 0;
        width:100%;
      }
      #portfolio-wrapper .thumbs ul li.hover, #portfolio-wrapper .thumbs ul li.active{
        background:transparent url('portfolio_assets/thumb_over.gif') no-repeat 0 0;
        
      }