.nav {
  display: inline-block;
  vertical-align: top;
  margin-left: 90px;
  margin-top: 58px;
  font-family: MyriadPro-Regular, sans-serif;
  /* Circle Avatar Styles */ }
  .nav .item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #848484;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 27px; }
    .nav .item:not(.no-underline):hover:after {
      content: "";
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 100%;
      border-bottom: 3px solid #95D704; }
    .nav .item.active {
      color: #01ADEF; }
  .nav.user {
    position: absolute;
    top: -50px;
    right: 15px; }
    .nav.user .item {
      font-size: 0.875em;
      margin: 0 12px; }
  .nav.footer {
    margin-left: 75px;
    margin-top: 0;
    padding-top: 8px; }
    .nav.footer .item {
      color: #B9B9B9;
      font-size: 0.875em;
      margin: 0 38px; }
  .nav .circle {
    display: inline-block;
    /* circle wraps image */
    margin: 5px;
    vertical-align: middle;
    text-indent: 5px;
    line-height: 32px;
    text-decoration: none;
    color: #01ADEF; }
  .nav .circle img {
    border-radius: 50%;
    /* relative value for
				   adjustable image size */
    width: 30px;
    height: 30px;
    border: 1px solid #c3c3c3; }
  .nav .circle:hover {
    text-decoration: underline; }
  .nav a.circle {
    height: 32px;
    vertical-align: middle; }