.clear {
  display: block;
  clear: both; }

body {
  background: url(../assets/pattern.png);
  padding: 0 !important; }

.container {
  width: 870px;
  background: white;
  margin: 10px auto 0 auto;
  padding: 40px 60px; }

#logo {
  width: 257px;
  height: 60px;
  background: url(../assets/logo.png);
  text-indent: -9999px;
  float: left; }

#main-header {
  padding-bottom: 50px; }

#main-nav {
  font-family: "museo-sans",sans-serif;
  float: right; }
  #main-nav ul li {
    display: inline-block;
    margin: 0 20px 0 10px; }
    #main-nav ul li a {
      text-decoration: none;
      color: #90acb1; }
      #main-nav ul li a.active {
        color: #ee6050; }
        #main-nav ul li a.active:hover {
          text-decoration: none; }
      #main-nav ul li a:hover {
        text-decoration: underline; }

#title {
  height: 100px;
  background-color: #242932;
  margin-bottom: -10px;
  color: white;
  font-family: "museo", serif;
  font-weight: 200; }
  #title .container {
    background-color: #2f3540;
    padding: 0 60px;
    margin: auto;
    height: 100px;
    line-height: 100px; }
  #title h1 {
    margin: 0; }

#index #mission {
  padding: 30px 0 0 0;
  clear: both; }
  #index #mission img {
    float: left; }
  #index #mission div {
    font-family: "museo",serif;
    margin-left: 200px; }
    #index #mission div h2 {
      font-weight: 300;
      color: #2f3540;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 18px; }
    #index #mission div p {
      font-size: 22px;
      color: #797f89;
      font-weight: 500; }
#index #services {
  margin-top: 0;
  border-top: 1px solid #d8d9d9;
  background: #f0f1f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f1f2 0%, white 10%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f1f2), color-stop(10%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f1f2 0%, white 10%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f1f2 0%, white 10%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f1f2 0%, white 10%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f1f2 0%, white 10%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f1f2', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  padding-top: 10px; }
  #index #services h1 {
    color: #2f3540;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "museo",serif;
    font-size: 18px; }
  #index #services .service {
    border: 1px solid #65797d;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 40px; }
    #index #services .service:hover {
      border-color: #90acb1;
      box-shadow: 0px 0px 8px -6px black; }
    #index #services .service div {
      width: 660px;
      float: left;
      margin-left: 20px; }
    #index #services .service img {
      float: left;
      margin-top: 30px; }
    #index #services .service h2 {
      font-family: "museo",serif;
      font-weight: 500;
      color: #2f3540; }
    #index #services .service p {
      font-family: "museo-sans",sans-serif;
      color: #797f89; }

#faq #accordion {
  font-family: "museo", serif;
  /* h4 {
  	color: #2f3540;
  	font-size: 24px;
  	line-height: 26px;
  	padding: 5px 0px;
  	margin: 0;
  } */ }
  #faq #accordion div, #faq #accordion h3, #faq #accordion p {
    outline: none;
    padding: 0;
    margin: 0; }
  #faq #accordion h3 {
    color: #2f3540;
    font-size: 24px;
    border-top: 1px solid #cfd6d8;
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    cursor: pointer;
    background-color: #dde3e5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dde3e5), to(#cdd6d8));
    /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #dde3e5, #cdd6d8);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image: -moz-linear-gradient(top, #dde3e5, #cdd6d8);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, #dde3e5, #cdd6d8);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #dde3e5, #cdd6d8);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ }
    #faq #accordion h3.ui-accordion-header-active {
      background: none; }
  #faq #accordion div {
    padding: 20px 20px 50px 20px; }
  #faq #accordion p {
    font-family: "museo-sans",sans-serif; }

#contact .left {
  font-family: "museo", serif;
  width: 300px;
  float: left; }
  #contact .left ul {
    padding: 0; }
    #contact .left ul li {
      list-style: none; }
    #contact .left ul.directions li {
      height: 30px;
      line-height: 30px; }
      #contact .left ul.directions li img {
        position: relative;
        top: 3px; }
      #contact .left ul.directions li span {
        padding-left: 10px; }
  #contact .left address {
    font-style: normal; }
#contact .right {
  float: right; }
#contact .seperator {
  clear: both;
  height: 1px;
  border-bottom: 1px solid #cfd6d8;
  padding-top: 30px;
  margin-bottom: 40px; }

#staff .seperator {
  clear: both;
  height: 1px;
  border-bottom: 1px solid #cfd6d8;
  padding-top: 30px;
  margin-bottom: 40px; }
#staff #mission {
  padding: 30px 0 0 0;
  clear: both; }
  #staff #mission img {
    float: left; }
  #staff #mission div {
    font-family: "museo",serif; }
    #staff #mission div h2 {
      font-weight: 300;
      color: #2f3540;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 18px; }
    #staff #mission div p {
      font-size: 16px;
      color: #797f89;
      font-weight: 500; }