#nav{
  width:230px;
  @include pos(top,0,left,0,fixed);
  a{
    color:#fff;
    text-decoration:none;
  }
  background:#7a7a7a;
  height:100%;
  box-shadow:1px 0 3px rgba(#000,.5);
  .agent{
    height:80px;
    border-bottom:1px solid #868686;
    box-shadow:inset 0 -1px 3px rgba(#000,.3);
    .avatar{
      @include square(60px);
      border:1px solid darken(#fff,30%);
      border-radius:100%;
      float:left;
      margin:10px;
      box-sizing:border-box;
      overflow:hidden;
      position:relative;
      box-shadow:inset 0px 1px 20px,inset 0px -2px 12px rgba(#FFF,.4);
      background:rgba(#fff,.1);
      &:after{
        content:'\e810';
        font-family:'home';
        @include pos(top,50%,left,50%);
        font-size: 32px;
        margin-top: -16px;
        margin-left: -14px;
        color:darken(#fff,30%);
      }
    }
    .info>div{
      line-height:24px;
      color:#fff;
    }
    .name{
      padding-top:17px;
    }
  }
  li a{
    display:block;
    height:45px;
    line-height:45px;
    box-sizing:border-box;
    border-bottom:1px solid #868686;
    box-shadow:inset 0 -1px 0 #686868;
    &:before{
      margin:0 10px;
      color:#ddd;
      text-shadow:1px 0px 1px rgba(#000,.6);
    }
  }
}