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

  /* general */
  body {
    margin: 0;
    color: #000000;
    font: 14px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  }
  a:link,
  a:visited,
  a:active {
    color: #2297D6;
    text-decoration: none;
  }
  a:hover { text-decoration: underline; }
  img { border: none; }
  ul { list-style: none; }
  h1, h2 { line-height: 28px; }
  h1, h2, h3, h4, h5, p, ul, ol, dl, div.separator { margin: 25px 0; }
  h2,
  h3,
  #project .subtitle,
  ul.portfolio li h4.subtitle {
    color: #555;
    font-weight: normal;
  }
  h2 { font-size: 22px; }
  h3 {
    font-size: 17px;
    font-style: italic;
  }
  ul.nav,
  ul.portfolio {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* --general */
  
  /* panes */
  /* --panes */
  
  /* layout */
  #container {}
    #marketing-header .inner,
    #header .fn.org,
    #nav-main,
    #content,
    #footer {
      margin: 0 auto;
      width: 962px;
    }
    #header {
      height: 86px;
      border-top: 2px solid #07f;
      border-bottom: 2px solid #07f;
      background: url(http://assets.ascribehq.com/integrations/templates/default/company/images/header-background.png) repeat-x 0 0;
      background-color: #07f;
    }
      #header .fn.org,
      #header .fn.org a { color: #fff; }
      #header .fn.org {
        margin-top: 28px;
        font-size: 32px;
      }
    #nav-container { background: #f0f0f0 url(http://assets.ascribehq.com/integrations/templates/default/company/images/nav-fade.png) repeat-x 0 0; }
      #nav-main {
        padding: 8px 0 5px;
        height: 25px;
        overflow: hidden;
      }
        #nav-main li {
          float: left;
          margin-right: 40px;
        }
        #nav-main li.contact-nav {
          float: right;
          margin: 0;
        }
          #nav-main li.contact-nav a { color: #07f; }
          #nav-main li a {
            color: #000;
            font-size: 17px;
          }
          #nav-main li a:hover,
          #nav-main li a.active { text-decoration: underline; }
    #content {
      position: static;
      padding: 0;
    }
      #content-left {
        float: left;
        width: 750px;
      }
      #content-right {
        float: right;
        margin: 30px 0;
        width: 160px;
      }
    #footer-container {
      clear: both;
      padding: 20px 0;
      background: #eee;
    }
      #footer {
        margin: 0 auto;
        text-align: center;
      }
  /* --layout */
  
  /* home template */
  img.logo {
    display: block;
    margin-top: 30px;
  }
  /* --home template */
  
  /* portfolio template */
  #pages-container {
    display: none;
    margin-bottom: 30px;
    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: #000;
          font-size: 12px;
          line-height: normal;
          text-decoration: none;
          border: 1px solid #bbb;
        }
        #pages li a:hover,
        #pages li a.active {
          color: #fff;
          background: #07f;
        }
    #projects-container { overflow: hidden; }
    ul.portfolio.hide { display: none; }
      ul.portfolio li {
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
        width: 345px;
        overflow: hidden;
      }
        ul.portfolio li img.photo {
          float: left;
          margin-right: 20px;
        }
        ul.portfolio li h4 {
          margin: 0;
          color: #07f;
          font-size: 16px;
          font-weight: bold;
        }
        ul.portfolio li h4.subtitle { font-size: 12px; }
        ul.portfolio li p.adr {
          margin: 5px 20px 0 0;
          font-size: 12px;
          line-height: normal;
        }
          ul.portfolio li p.adr .street-address { display: block; }
  /* --portfolio template */

  /* project template */
  #project h2 { font-size: 24px; }
  #project .subtitle { margin-top: -20px; }
  #map-display {
    clear: both; 
    margin: 25px 0 0; 
    padding: 0; 
    height: 300px;
  }
  #project-left {
    float: left;
    width: 350px;
  }
    #gallery { padding: 0; }
      #gallery li.photo {
        position: relative;
        margin-bottom: 10px;
      }
        /* photo masking
        *******************************************/
          img.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 */
            border: none;
          }
        /* photo masking */
  #project-right {
    float: right;
    width: 350px;
  }
    #project .stats {
      display: block;
      margin-bottom: 7px;
    }
    #description {
      margin-top: 30px;
      text-align: justify;
    }
      #description p { margin-top: 0; }
    /*
    #description,
    #description p,
    #description span,
    #description strong,
    #description em,
    #description b,
    #description i {
      color: #333333 !important;
      font-family: arial, helvetica, sans-serif !important;
      font-size: 13px !important;
      line-height: 18px !important;
    }
    #description h4 { margin-bottom: -15px; }
    #description p { margin: 20px 0 !important; }
    #description ul { list-style-type: disc; }
    */
    #companies { padding: 0; }
      #companies h3 { text-align: right; }
      ul#collaborators {
        margin: 0;
        padding: 0;
      }
        ul#collaborators li {
          float: right;
          margin-bottom: 10px;
        }
        #collaborators .mark-toggle { text-align: right; }
          #collaborators span.fn { font-size: 12px; }
          #collaborators .contribution {
            color: #666666;
          	font-style: italic;
          }
  /* --project template */
  
  /* marks.css overrides */
  .mark .fn {
		margin: 0 !important;
		color: #000 !important;
	}
	.mark .adr span { line-height: 12px; }
	.mark .role {
	  overflow: hidden;
	  line-height: 15px;
	  background-color: #f7f7f7;
	}
  /* --marks.css overrides */

  /* social networking */
  /* --social networking */
  
  /* ads */
  .ad { text-align: center; }
  .ad.horz.top {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
  .ad.horz.bottom {
    clear: both;
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #ccc;
  }
  /* --ads */