/*********************************************************
*
*   File: Integration Stylesheet
*   Author: Craig Nelson / Classic Labs
*
*/

  /* overrides */
  body { font-family: verdana, sans-serif !important; }
  /* --overrides */
  
  /* portfolio template */
  #pages-container {
    display: none;
    margin-bottom: 5px;
    overflow: hidden;
  }
    #pages-container h5 {
      float: left;
      margin: 0 5px 0 0;
      font-weight: normal;
    }
    #pages {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
      #pages li { display: inline; }
        #pages li a {
          display: block;
          float: left;
          margin: 0 5px 5px 0;
          padding: 1px 4px;
          color: #323232;
          font-size: 12px;
          line-height: normal;
          text-decoration: none;
          border: 1px solid #9F8D81;
        }
        #pages li a:hover,
        #pages li a.active {
          color: #fff;
          font-weight: normal;
          background: #5A4A3F;
          border: 1px solid #5A4A3F;
        }
    #projects-container { overflow: hidden; }
    ul.portfolio,
    ul.portfolio.services {
      margin: 0;
      padding: 0;
    	list-style: none;
    }
    ul.portfolio.social { display: none; }
      ul.portfolio li {
        padding: 15px;
        overflow: hidden;
      }
        ul.portfolio li div.mask {
          float: left;
          margin-right: 20px;
          width: 128px;
          height: 90px;
          overflow: hidden;
        }
          ul.portfolio li img {
            display: block;
            margin-top: -20px;
          }
          ul.portfolio li h3 {
            margin: 0 0 5px;
            padding: 0;
            color: #252525;
          	font-size: 16px;
          	font-weight: normal;
          	text-transform: none;
          }
          ul.portfolio li span,
          ul.portfolio li abbr {
            font-size: 12px;
            line-height: 12px;
          }
    ul.portfolio.services li.results { overflow: hidden; }
      ul.portfolio.services li img {
        float: right;
        margin: 0 0 5px 20px;
        width: 81px;
        height: 81px;
        background: #777;
      }
      ul.portfolio.services li.results h3 {
        margin: 0 0 10px;
        width: 390px;
        font-weight: normal;
        text-transform: none;
      }
      ul.portfolio.services li.results a.view {
        clear: right;
        float: right;
        margin: 0;
        padding: 2px 0 0;
        width: 81px;
        font-size: 12px;
        text-align: center;
      }
      ul.portfolio.services p.location {
        margin: 0;
        font-size: 12px;
      }
      ul.portfolio.services .companies {
        margin: 0;
        padding-left: 20px;
        width: 370px;
      }
        ul.portfolio.services .companies li { padding: 0; }
          ul.portfolio.services .companies h4 {
            margin: 10px 0;
            font-size: 14px;
            font-weight: normal;
          }
            ul.portfolio.services .companies h4 a {}
            ul.portfolio.services .companies h4 a:hover { text-decoration: underline; }
            ul.companies div.services {
              padding-left: 20px;
              font-size: 12px;
            }
          ul.companies div.services span { font-weight: bold; }
  /* --portfolio template */

  /* project template */
  span.subtitle {
    display: block;
    font-size: 16px;
  }
  #default-photo-container {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
  }
    #default-photo { display: block; }
    #gallery-thumbnails {
      margin: 10px 0 0;
    	padding: 0;
    	overflow: hidden;
    }
      #gallery-thumbnails li {
      	float: none;
      	display: inline;
      	margin: 0;
      	padding: 0;
      	height: auto;
      	width: auto;
        border: none;
      	background: none;
      }
        #gallery-thumbnails li img {
        	display: block;
          float: left;
          margin: 0 10px 10px 0;
          width: 40px;
        }
  /* photo masking
  *******************************************/
    #mask {
      position: absolute;
      display: block;
      top: 0; /* should set pixle value (ex: 2px) if we are using a div with padding to achieve a border around the image */
      left: 0; /* should set pixle value (ex: 2px) if we are using a div with padding to achieve a border around the image */
      width: 525px; /* for IE if we are using a div with padding to achieve a border around the image */
      height: 100%;
      border: none;
    }
  /* photo masking */
  dl.stats {
    margin: 0;
  	overflow: hidden;
  }
  .stats dt,
  .stats dd { margin-bottom: 5px; }
  .stats dt {
  	clear: left;
  	float: left;
  	margin-right: 10px;
  }
    .stats dd {
      float: left;
      margin: 0;
      width: 195px;
    }
      .stats dd .street-address { display: block; }
  #descriptions,
  #descriptions p,
  #descriptions span,
  #descriptions strong,
  #descriptions em,
  #descriptions b,
  #descriptions i {
    color: #323232 !important;
    font-family: arial, helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }
  #descriptions h4 { margin-bottom: -15px; }
  #descriptions p { margin: 20px 0 !important; }
  #descriptions ul { list-style-type: disc; }
  #companies {
    padding: 15px 15px 0;
    background: #D3C3A9;
  }
    #companies h4 {
      font-size: 14px;
      font-weight: normal;
      font-style: italic;
    }
    ul#collaborators {
      margin: 0;
      padding: 0;
    }
      ul#collaborators li {
        margin-bottom: 10px;
    		font-size: normal;
      }
      #collaborators .fn {
      	font-family: inherit;
      	font-size: 13px;
        font-weight: bold;
        background: none;
      }
      #collaborators .contribution {
        font-size: 12px;
        font-weight: normal;
      	font-style: italic;
      }
  /* --project template */
  
  /* marks.css overrides */
  .mark .fn {
		margin: 0 !important;
		color: #000 !important;
		font-weight: bold !important;
	}
	.mark .role {
	  font-size: 12px;
	  overflow: hidden;
	  background-color: #f7f7f7;
	}
  /* --marks.css overrides */

  #ascribe-logo-container,
  #social-networking { text-align: right; }

  /* social networking */
  /* --social networking */