@font-face {
  font-family: "ABaskerville";
  src: url("/stylesheets/Baskerville.eot");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "AGeorgia";
  src: url("/stylesheets/Georgia.eot");
  font-style: normal;
  font-weight: normal; }

html {
  height: 100%; }
  html body {
    position: relative;
    background-color: white;
    font: 0.75em/115% "Arial", verdana, helvetica, sans-serif;
    color: black;
    height: 100%; }
    html body #layout {
      position: relative;
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -59px; }
      html body #layout #header {
        position: relative;
        width: 100%;
        background: url("/images/header-background.jpg") repeat-x left top; }
        html body #layout #header #header-content {
          position: relative;
          width: 1000px;
          margin: auto;
          padding-top: 82px; }
          html body #layout #header #header-content h1 {
            width: 206px;
            height: 88px;
            margin: auto;
            background: url("/images/agreestudio-logo.jpg") no-repeat center center;
            text-indent: -1000em; }
            html body #layout #header #header-content h1 a {
              display: block;
              width: 100%;
              height: 100%; }
          html body #layout #header #header-content #main-menu {
            height: 80px; }
            html body #layout #header #header-content #main-menu ul {
              position: absolute;
              left: 270px;
              top: 185px;
              display: block; }
              html body #layout #header #header-content #main-menu ul li {
                display: block;
                float: left; }
                html body #layout #header #header-content #main-menu ul li a {
                  font-family: "ABaskerville";
                  font-size: 15px;
                  color: #6f6e72;
                  position: relative;
                  float: left;
                  text-transform: uppercase;
                  margin: 10px;
                  text-decoration: none;
                  height: 27px; }
                  html body #layout #header #header-content #main-menu ul li a:hover {
                    background: url("/images/rollover-menu-background.jpg") no-repeat center bottom; }
                  html body #layout #header #header-content #main-menu ul li a:active, html body #layout #header #header-content #main-menu ul li a.active {
                    background: url("/images/rollover-menu-background.jpg") no-repeat center bottom; }
      html body #layout #main {
        position: relative;
        width: 1000px;
        margin: auto;
        top: 0px; }
        html body #layout #main #content {
          position: relative; }
          html body #layout #main #content.index {
            height: 820px; }
            html body #layout #main #content.index div.slot {
              position: absolute; }
              html body #layout #main #content.index div.slot.one {
                left: 0px;
                top: 0px; }
              html body #layout #main #content.index div.slot.two {
                left: 0px;
                top: 273px; }
              html body #layout #main #content.index div.slot.three {
                right: 0px;
                top: 273px;
                width: 313px;
                height: 208px; }
              html body #layout #main #content.index div.slot.four {
                top: 552px;
                left: 0px;
                width: 356px;
                height: 184px; }
              html body #layout #main #content.index div.slot.five {
                top: 552px;
                left: 406px;
                width: 356px;
                height: 184px; }
              html body #layout #main #content.index div.slot.six {
                top: 552px;
                right: 0px;
                width: 198px;
                height: 156px; }
              html body #layout #main #content.index div.slot.text {
                color: #4c4847; }
                html body #layout #main #content.index div.slot.text.inverted {
                  padding: 24px 34px;
                  color: white;
                  background-color: #9d9490; }
                html body #layout #main #content.index div.slot.text h2 {
                  font-family: "AGeorgia";
                  font-size: 27px;
                  text-transform: uppercase;
                  line-height: 105%; }
                  html body #layout #main #content.index div.slot.text h2 sup {
                    font-size: 0.35em;
                    line-height: 0.4em;
                    position: relative;
                    top: -14px;
                    left: -5px; }
                html body #layout #main #content.index div.slot.text p {
                  font-size: 12px;
                  text-align: justify;
                  margin-top: 14px; }
          html body #layout #main #content.team {
            height: 600px; }
            html body #layout #main #content.team div.container {
              background: url("/images/team-background.jpg") repeat-y center top;
              height: 520px; }
              html body #layout #main #content.team div.container div.team {
                position: absolute;
                width: 265px; }
                html body #layout #main #content.team div.container div.team.slot_1 {
                  left: 0px;
                  top: 0px; }
                html body #layout #main #content.team div.container div.team.slot_2 {
                  left: 370px;
                  top: 0px; }
                html body #layout #main #content.team div.container div.team.slot_3 {
                  right: 0px;
                  top: 0px; }
                html body #layout #main #content.team div.container div.team p {
                  margin-top: 34px;
                  font-size: 12px;
                  color: #9d9490;
                  text-align: justify; }
                html body #layout #main #content.team div.container div.team h2 {
                  margin-top: 17px; }
          html body #layout #main #content.book ul.filters {
            list-style: none;
            margin: -20px 0px 20px 0px;
            text-align: center; }
            html body #layout #main #content.book ul.filters li {
              display: inline;
              color: #9d9490;
              text-align: center; }
              html body #layout #main #content.book ul.filters li a {
                margin: 0px 0.5em 0px 0.5em;
                display: inline-block;
                padding: 0.5em 0;
                text-align: center;
                font-size: 12px;
                color: #9d9490;
                text-decoration: none; }
                html body #layout #main #content.book ul.filters li a:hover, html body #layout #main #content.book ul.filters li a:active, html body #layout #main #content.book ul.filters li a.active {
                  color: #4c4847; }
          html body #layout #main #content.book .categories {
            margin-bottom: 36px;
            overflow: auto;
            width: 100%; }
            html body #layout #main #content.book .categories .category {
              float: left;
              width: 225px;
              margin-left: 12px;
              margin-right: 12px;
              margin-top: 36px; }
              html body #layout #main #content.book .categories .category .title {
                margin-top: 15px;
                height: 51px;
                border-bottom: 1px solid #b0acad;
                border-top: 1px solid #b0acad; }
                html body #layout #main #content.book .categories .category .title h2 {
                  font-size: 15px;
                  border: none;
                  color: #4c4847;
                  margin-bottom: 3px; }
                html body #layout #main #content.book .categories .category .title a {
                  text-decoration: none;
                  color: #9d9490; }
                  html body #layout #main #content.book .categories .category .title a:hover {
                    color: #4c4847; }
          html body #layout #main #content.book div.entry {
            clear: both; }
            html body #layout #main #content.book div.entry div.spacer {
              height: 50px; }
            html body #layout #main #content.book div.entry:last-child div.spacer {
              height: 1px; }
            html body #layout #main #content.book div.entry div.description {
              float: left;
              width: 196px; }
              html body #layout #main #content.book div.entry div.description p {
                margin-top: 13px;
                font-size: 13px;
                color: #4c4847;
                text-align: left;
                padding-bottom: 12px; }
              html body #layout #main #content.book div.entry div.description a {
                display: block;
                text-decoration: none;
                padding-top: 13px;
                font-size: 13px;
                color: #4c4847; }
                html body #layout #main #content.book div.entry div.description a span {
                  color: #9f9795; }
              html body #layout #main #content.book div.entry div.description .icon {
                border-bottom: 1px solid #b0acad;
                border-top: 1px solid #b0acad; }
            html body #layout #main #content.book div.entry div.illustrations {
              margin-left: 253px;
              width: 747px; }
              html body #layout #main #content.book div.entry div.illustrations div.item {
                float: left; }
                html body #layout #main #content.book div.entry div.illustrations div.item.double_image {
                  width: 747px; }
                html body #layout #main #content.book div.entry div.illustrations div.item img {
                  margin-bottom: 12px; }
                  html body #layout #main #content.book div.entry div.illustrations div.item img.left {
                    float: left;
                    clear: left; }
                  html body #layout #main #content.book div.entry div.illustrations div.item img.right {
                    float: right;
                    clear: right; }
                html body #layout #main #content.book div.entry div.illustrations div.item div.video {
                  margin-bottom: 12px; }
          html body #layout #main #content.bulletins #main {
            top: 0px; }
          html body #layout #main #content.bulletins div.entry {
            clear: both; }
            html body #layout #main #content.bulletins div.entry div.spacer {
              height: 50px; }
            html body #layout #main #content.bulletins div.entry:last-child div.spacer {
              height: 1px; }
            html body #layout #main #content.bulletins div.entry div.description {
              position: relative;
              float: left;
              width: 470px; }
              html body #layout #main #content.bulletins div.entry div.description div.author {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 38px;
                height: 32px;
                border-bottom: 1px solid #b0acad;
                border-top: 1px solid #b0acad;
                border-left: 1px solid #b0acad; }
                html body #layout #main #content.bulletins div.entry div.description div.author.jonathan {
                  background: url("/images/small-face-jonathan.jpg") no-repeat center center; }
                html body #layout #main #content.bulletins div.entry div.description div.author.nicolas {
                  background: url("/images/small-face-nicolas.jpg") no-repeat center center; }
                html body #layout #main #content.bulletins div.entry div.description div.author.anthony {
                  background: url("/images/small-face-anthony.jpg") no-repeat center center; }
              html body #layout #main #content.bulletins div.entry div.description div.date {
                font-size: 13px;
                color: #9f9795;
                font-family: "AGeorgia";
                text-transform: uppercase;
                border-bottom: 1px solid #b0acad;
                border-top: 1px solid #b0acad;
                display: block;
                height: 22px;
                padding-top: 10px; }
              html body #layout #main #content.bulletins div.entry div.description h2 {
                font-size: 25px;
                color: #4c4847;
                font-family: "AGeorgia";
                display: block;
                padding: 16px 0px 16px 0px;
                font-style: italic;
                line-height: 100%; }
              html body #layout #main #content.bulletins div.entry div.description p {
                font-size: 12px;
                color: #9d9490;
                text-align: justify;
                line-height: 135%; }
                html body #layout #main #content.bulletins div.entry div.description p strong, html body #layout #main #content.bulletins div.entry div.description p a {
                  font-weight: bold;
                  text-decoration: none; }
                html body #layout #main #content.bulletins div.entry div.description p a {
                  color: #9d9490;
                  border-bottom: 1px dotted #9d9490; }
              html body #layout #main #content.bulletins div.entry div.description .rich_text {
                padding: 32px 0px 32px 0px;
                border-bottom: 1px solid #b0acad;
                border-top: 1px solid #b0acad; }
            html body #layout #main #content.bulletins div.entry div.illustrations {
              margin-left: 492px;
              width: 509px; }
              html body #layout #main #content.bulletins div.entry div.illustrations div.item {
                margin-bottom: 12px; }
          html body #layout #main #content.contacts, html body #layout #main #content.temp {
            text-align: center; }
            html body #layout #main #content.contacts div.team div.contact, html body #layout #main #content.temp div.team div.contact {
              float: right;
              text-align: left;
              width: 208px;
              height: 58px;
              margin-top: 44px;
              border-left: 1px solid #d9d7d6;
              padding: 70px 0px 0px 32px; }
              html body #layout #main #content.contacts div.team div.contact.slot_1, html body #layout #main #content.temp div.team div.contact.slot_1 {
                background: url("/images/nicolas.jpg") no-repeat 28px 10px; }
              html body #layout #main #content.contacts div.team div.contact.slot_2, html body #layout #main #content.temp div.team div.contact.slot_2 {
                background: url("/images/jonathan.jpg") no-repeat 28px 10px; }
              html body #layout #main #content.contacts div.team div.contact.slot_3, html body #layout #main #content.temp div.team div.contact.slot_3 {
                border: none;
                background: url("/images/anthony.jpg") no-repeat 28px 10px; }
              html body #layout #main #content.contacts div.team div.contact p, html body #layout #main #content.temp div.team div.contact p {
                font-size: 12px;
                color: #4c4847; }
                html body #layout #main #content.contacts div.team div.contact p em, html body #layout #main #content.temp div.team div.contact p em {
                  color: #9d9490; }
              html body #layout #main #content.contacts div.team div.contact img, html body #layout #main #content.temp div.team div.contact img {
                text-align: center; }
              html body #layout #main #content.contacts div.team div.contact a, html body #layout #main #content.temp div.team div.contact a {
                color: #4c4847;
                text-decoration: none;
                border-bottom: 1px dotted #4c4847; }
            html body #layout #main #content.contacts div.address, html body #layout #main #content.temp div.address {
              border-bottom: 1px solid #d9d7d6;
              border-top: 1px solid #d9d7d6;
              float: right;
              width: 686px;
              margin-top: 62px;
              font-size: 22px;
              font-family: "ABaskerville";
              text-transform: uppercase;
              padding: 10px 0px 10px 0px;
              text-align: center;
              color: #4c4847; }
              html body #layout #main #content.contacts div.address em, html body #layout #main #content.temp div.address em {
                font-style: italic; }
            html body #layout #main #content.contacts div.form, html body #layout #main #content.temp div.form {
              text-align: left;
              position: relative;
              margin-top: 33px;
              margin-bottom: 58px;
              font-size: 12px;
              width: 274px; }
              html body #layout #main #content.contacts div.form #f, html body #layout #main #content.temp div.form #f {
                position: relative;
                background-color: #9d9490;
                width: 228px;
                height: 217px;
                padding: 6px 23px 16px 23px; }
                html body #layout #main #content.contacts div.form #f label, html body #layout #main #content.temp div.form #f label {
                  color: white;
                  margin-top: 10px;
                  display: block; }
                html body #layout #main #content.contacts div.form #f input, html body #layout #main #content.temp div.form #f input {
                  width: 229px;
                  height: 23px;
                  border: none;
                  margin-top: 2px; }
                  html body #layout #main #content.contacts div.form #f input[type="submit"], html body #layout #main #content.temp div.form #f input[type="submit"] {
                    width: 23px;
                    height: 38px;
                    position: absolute;
                    right: 23px;
                    bottom: 16px;
                    text-indent: -1000em;
                    background: url("/images/ok-button.jpg") no-repeat left top;
                    cursor: pointer; }
                html body #layout #main #content.contacts div.form #f textarea, html body #layout #main #content.temp div.form #f textarea {
                  width: 196px;
                  height: 90px;
                  border: none;
                  margin-top: 2px; }
              html body #layout #main #content.contacts div.form #notice, html body #layout #main #content.temp div.form #notice {
                position: absolute;
                top: 239px;
                margin-top: 10px;
                color: red; }
                html body #layout #main #content.contacts div.form #notice ul li, html body #layout #main #content.temp div.form #notice ul li {
                  margin-left: 5px; }
                html body #layout #main #content.contacts div.form #notice span.ok, html body #layout #main #content.temp div.form #notice span.ok {
                  color: #4c4847; }
          html body #layout #main #content div.spacer {
            clear: both; }
          html body #layout #main #content.team h1 {
            text-align: center;
            font-family: "AGeorgia";
            font-size: 13px;
            text-transform: uppercase;
            color: #4c4847;
            padding-top: 12px; }
          html body #layout #main #content.team h2, html body #layout #main #content.book h2 {
            font-family: "AGeorgia";
            font-size: 13px;
            text-transform: uppercase;
            color: #4c4847;
            border-top: 1px solid #b0acad;
            padding-top: 12px; }
            html body #layout #main #content.team h2 span, html body #layout #main #content.book h2 span {
              color: #9f9795; }
          html body #layout #main #content.temp {
            top: 30px; }
            html body #layout #main #content.temp div.address {
              float: none;
              margin: auto; }
            html body #layout #main #content.temp div.text {
              margin-top: 40px;
              color: #4c4847;
              font-size: 14px;
              line-height: 1.5em; }
              html body #layout #main #content.temp div.text em {
                font-style: italic; }
              html body #layout #main #content.temp div.text strong {
                font-weight: bold; }
              html body #layout #main #content.temp div.text a {
                color: #4c4847;
                text-decoration: none;
                border-bottom: 1px dotted #4c4847; }
            html body #layout #main #content.temp div.team {
              position: relative;
              margin: 150px auto 0px auto;
              width: 630px; }
              html body #layout #main #content.temp div.team div.contact {
                float: right;
                text-align: center;
                width: 208px;
                height: 58px;
                margin-top: 44px;
                border-left: 1px solid #d9d7d6;
                padding: 70px 0px 0px 0px; }
                html body #layout #main #content.temp div.team div.contact.nicolas {
                  border: none;
                  background: url("/images/nicolas.jpg") no-repeat center 10px; }
                html body #layout #main #content.temp div.team div.contact.jonathan {
                  background: url("/images/jonathan.jpg") no-repeat center 10px; }
                html body #layout #main #content.temp div.team div.contact.anthony {
                  background: url("/images/anthony.jpg") no-repeat center 10px; }

#spacer {
  clear: both;
  height: 79px; }

#footer {
  position: absolute;
  width: 100%;
  height: 27px -1px;
  clear: both;
  border-top: 1px solid #bdb9ba;
  border-bottom: 1px solid #bdb9ba;
  padding: 16px 0px 16px 0px;
  margin-bottom: 1px; }
  #footer #footer-content {
    text-align: center;
    width: 1000px;
    margin: auto;
    font-size: 12px;
    color: #bdb9ba; }
    #footer #footer-content img {
      margin-right: 8px;
      vertical-align: middle; }
    #footer #footer-content a {
      color: #686465;
      border-bottom: 1px dotted #686465;
      text-decoration: none; }