/***************************************************************************************
*
*   showcasebuildings.com style sheet
*   author: Craig Nelson/Classic Labs
*
*   Notes: 
*
*/

  /* temp
  ****************************************/
  #impersonate-bar { display: none; }
  /* --temp */
  
  /* misc
  *******************************************/
  .circle-arrow { vertical-align: middle; }
  /* misc */
  
  /* home template
  *******************************************/
  #home-group-nav {
    margin-bottom: 25px;
    height: 22px;
    border: 1px solid #ddd;
    background: transparent url(http://assets.ascribehq.com/integrations/clients/showcase_buildings/images/home_group_menu_background.jpg) repeat-x 0 0;
  }
    #home-group-nav li { display: inline; }
      #home-group-nav li a {
        display: block;
        float: left;
        padding: 5px 15px 0;
        height: 17px;
        color: #555;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        border-right: 1px solid #c5c5c5;
      }
      #home-group-nav li a:hover { color: #cc0000; }
      #home-group-nav li a.home-group-nav-first { padding: 5px 17px 0 17px; }
      #home-group-nav li a.home-group-nav-last {
        padding: 5px 0 0 18px;
        border-right: none;
      }
  #home-intro-content {
    float: left;
    width: 450px;
  }
  .portfolio-home {
    float: right;
    width: 450px !important;
  }
    .portfolio-home #projects {
      height: 375px;
      overflow: hidden;
    }
      .projects-list-home {
        margin-top: 17px !important;
        padding-bottom: 17px !important;
      }
        .project-photo-home {
          margin-right: 10px !important;
          width: 50px !important;
        }
        .project-title-home {
          float: left !important;
          margin-top: 20px !important;
          font-size: 14px !important;
        }
        .date-added-home {
          width: 160px !important;
          font-size: 12px !important;
        }
  #marketing-banners {
    margin-bottom: 25px;
    text-align: center;
  }
    #marketing-banners img { margin: 0 42px; }
  /* --home template */
  
  /*  group-nav
  ******************************************/
  #group-nav {
    position: static;
    float: left;
    margin-bottom: 20px;
    padding-right: 15px;
    width: 240px;
    border-right: 1px solid #ddd;
  }
    #group-nav h2 {
      margin-bottom: 10px;
      color: #555;
      font-size: 14px;
      text-transform: uppercase;
    }
    #group-nav ul { margin-bottom: 10px; }
      #group-nav li { margin: 0 15px 0 20px; }
        #group-nav li a { color: #777; }
        #group-nav li a:hover,
        #group-nav li a.active {
          color: #c00;
          font-style: italic;
        }
  /* --group nav */
  
  /*  portfolio template
  ******************************************/
  #portfolio-container {
    float: right;
    width: 650px;
  }
    #group-title {
      float: left;
      margin-bottom: 20px;
      width: 290px;
      font-size: 17px;
      text-transform: uppercase;
    }
    #companies-container {
      clear: both;
      margin: 15px 0;
      padding: 15px;
      overflow: hidden;
      border: 1px solid #ccc;
    }
      #companies-container h4 {
        float: right;
        margin: 0 0 5px;
        font-size: 14px;
      }
      #companies-container #company-logo { float: left; }
      #companies-container .adr {
        clear: right;
        float: right;
        margin: 0 0 5px;
        width: 50%;
        text-align: right;
      }
        #companies-container #company-street { display: block; }
        #companies-container #company-phone {
          display: block;
          margin: 5px 0;
        }
      #companies-container p {
        clear: left;
        float: left;
        margin: 15px 0;
        width: 50%;
      }
      #companies-container #company-links {
        clear: left;
        float: left;
        margin: 0;
        padding: 0;
        width: 300px;
      }
      #companies-search-results { margin: 15px 0; }
    #search {
      border: none;
      text-align: right;
    }
    #search div { text-align: right; }
      #search span {
        color: #777;
        font-size: 12px;
      }
      #search span.instructions {
        display: block;
        margin: 0 0 5px;
      }
    #counter {
      margin: 20px 0 25px 0;
      font-size: 14px;
      font-weight: bold;
    }
    #pages-container { clear: both; }
      #pages-container h5 {
        margin: 3px 0 7px;
        color: #555;
        font-size: 12px;
        font-weight: bold;
      }
      #pages,
      #pages li { display: inline; }
        #pages li a {
          float: left;
          margin: 0 4px 5px 0;
          padding: 2px 4px;
          cursor: pointer;
          border: 1px solid #ccc;
          background: transparent url(http://assets.ascribehq.com/integrations/clients/showcase_buildings/images/home_group_menu_background.jpg) repeat-x scroll 0 0;
        }
        #pages li a.active { color: #c00; }
    #projects-container { clear: both; }
      .portfolio li {
        clear: both;
        float: left;
        margin-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        border-bottom: 1px solid #ddd;
      }
      .last-project { margin-bottom: 20px; }
        .project-title {
          margin-bottom: 10px;
          font-size: 15px;
        }
        .project-photo {
          display: block;
          float: left;
          margin-right: 20px;
          padding: 2px;
          font-size: 0;
          border: 1px solid #ccc;
        }
        .project-stats {
          float: left;
          margin-top: 12px;
          width: 300px;
        }
          .project-stats dt { margin-bottom: 4px; }
        .view-project { float: right; }
        .date-added {
          clear: right;
          float: right;
          margin-top: 10px;
          width: 180px;
          text-align: right;
        }
  /* --portfolio template */
  
  /*  project template
  ******************************************/
  #project {
    float: right;
    margin-right: 30px;
    width: 620px;
  }
    #project-title {
      margin-bottom: 10px;
      padding-bottom: 25px;
      color: #555;
      font-size: 17px;
      border-bottom: 1px solid #ccc;
    }
    #project h3 {
      margin: 20px 0;
      padding: 0;
      color: #555;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
    }
    span.subtitle {
      display: block;
      margin-top: 5px;
      font-size: 12px;
    }
    #project-photos-heading {
      clear: both;
      padding: 25px 0 0 0 !important;
      border-top: 1px solid #ccc;
    }
    #project-gallery-thumbnails {
      margin-bottom: 5px;
      overflow: hidden;
    }
      #project-gallery-thumbnails li { display: inline; }
        #project-gallery-thumbnails li a {
          display: block;
          float: left;
          margin: 0 4px 4px 0;
          padding: 2px;
          font-size: 0;
          border: 1px solid #ccc;
        }
          #project-gallery-thumbnails li img { width: 30px; }
      #default-photo-container {
        margin: 0 0 25px 0;
        padding: 2px;
        width: 600px; /* for opera and IE7 because they don't handle padding on floated elements as expected */
        border: 1px solid #ccc;
      }
      
      /* photo masking
      *******************************************/
      #default-photo-container {
        overflow: hidden;
      }
      /* photo masking */
      
        #default-photo { width: 600px; }
      #loading {
        vertical-align: bottom;
        visibility: hidden;
      }

  	/* project.css overrides for stats */
    dl.stats {
    	padding-bottom: 0;
    	overflow: visible;
    }
      .stats dt {
      	position: static;
      	margin: 0 0 2px 0;
      	padding-right: 0;
      	font-weight: normal;
      	float: none;
      	clear: none;
      }
        dt.adr .street-address { display: block; }
    /* --project.css overrides for stats */

    #stats {
      float: left;
      width: 200px;
    }
      .stats {
        margin: 0;
        font-size: 14px;
      }
    #location {
      clear: left;
      float: left;
      margin-bottom: 25px;
      width: 200px;
    }
      #project #project_gallery .adr {
        margin: 0 0 10px 0;
        font-size: 12px;
      }
      .map {
        color: #D80312;
      	font-size: 12px;
      	font-weight: bold;
      	text-decoration: none;
      }
    .back { margin-left: 20px; }
  /* --project template */

  /* marks/project css */
  #companies {
    float: right;
  	margin: 0;
  	padding: 0;
  	width: 380px;
  	border: none;
  	background: none;
  }
    #companies ul {
    	margin: 0;
    	padding: 0;
    }
    	#companies li {
    		position: relative;
    		float: left;
    		margin-bottom: 7px;
    		width: 190px;
    		background: none;
    	}
  /* --marks/project css */

  /* marks overrides */
  .mark-toggle { text-decoration: none; }
    #collaborators .fn {
    	display: block;
    	padding: 0 !important;
    	color: #cc0000;
    	font-size: 13px;
    	font-weight: bold;
    }
    #collaborators .contribution {
    	color: #777 !important;
      font-size: 12px;
    }
    	.mark .fn {
    	  float: right;
    		margin: 0;
    		padding: 0 0 2px 0;
    		width: 190px;
    		color: #555 !important;
    		font-size: 11px !important;
    		font-weight: bold !important;
    		text-align: right;
    	}
    	.mark .adr { margin: 0 !important; }
    	.mark .role {
        margin: 12px 0 0 0 !important;
        line-height: 16px;
        overflow: hidden;
        background-color: #f7f7f7;
      }
      .mark .actions a { color: #1F5BFF; }
  /* --marks overrides */
  /* -- project template */