body {
  margin : 0;
  padding : 0 0 0px 0;
  font-family : Garamond, "Times New Roman", serif;
  background : #3F3F3F;
  line-height : 1.5;
}

#header {
  background : white;
  padding : 0 0 0 0;
}

#header div {
  width : 835px;
  margin : 0 auto;
  background-image : url(/images/ampersand.png);
  background-repeat : no-repeat;
  background-position : 637px 0;
  height : 156px;
}

#main-menu {
  height : 38px;
  background-image : url(/images/main-menu-background.png);
  border-top : 1px solid #E6D9A0;
}
  #main-menu ul {
    margin : 0 auto;
    padding : 0;
    width : 765px;
  }
  #main-menu ul li a {
    display : block;
    text-indent : -9999px;
    width : 190px;
    height : 38px;
    background-position : 0 0;
  }
  #main-menu li#menu-home a {
    background-image : url(/images/menu-home.jpg);
  }
  #main-menu li#menu-team a {
    background-image : url(/images/menu-team.jpg);
  }
  #main-menu li#menu-publications a {
    background-image : url(/images/menu-publications.jpg);
  }
  #main-menu li#menu-contact a {
    background-image : url(/images/menu-contact.jpg);
  }
  #main-menu li a:hover {
    background-position : 0px -38px;
    border : 0;
  }

  #b-home li#menu-home a, #b-team li#menu-team a, #b-publications li#menu-publications a, #b-contact li#menu-contact a {
    background-position : 0px 38px;    
  }

#main-menu ul li {
  padding : 0;
  width : 190px;
  float : left;
  display : block;
  border-left : 1px solid #E6D9A0;
}

#menu-contact {
  border-right : 1px solid #E6D9A0;
}

/*set up self-clearing elements */

#main-menu ul:after,.post:after, .main-text-block:after, #client-list:after, .commentlist li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
  
#subheading {
  height : 221px;
  background-image : url(/images/subheading-background.jpg);
  border-bottom : 13px solid #2c2c2c;
}

#subheading div {
  width : 765px;
  margin : 0 auto;
}

#main {
  background-image : url(/images/background.jpg);
  margin : 0 0 -100px 0;
}

#main-inner {
  width : 777px;
  margin : 0 auto 0 auto;
  position : relative;
  top : -70px;
  z-index : 100;
}

#main-inner-inner {
  background : url(/images/main-inner-background.png);
  padding : 60px 60px 60px 60px;  
}

#footer {
  position : relative;
  top : 0px;
  padding : 0 0 0 0;
  z-index : 99;
  background : #3F3F3F;
}

#footer div {
  margin : 0 auto;
  width : 765px;
  padding : 35px 0 45px 0;
  color : #ccc;
  text-align : center;
  font-size : 14px;
}

#footer div a {
  color : #ccc;
}

#footer div a:hover {
  padding-bottom : 2px !important;
  border-bottom : 1px solid #888 !important;
}

#footer div a#subscribe {
  background : url(/images/rss.png);
  background-repeat : no-repeat;
  background-position : 0px 2px;
  padding : 0 0 0 17px;
}

img {
  border : 0;
}

#subheading-shadow {
  height : 27px;
  background : url(/images/subheading-shadow.png);
  background-repeat : repeat-x;
}

#main-inner-shadow-top {
  background : url(/images/drop-shadow-top-long.png);
  background-repeat : repeat-x;
  height : 6px;
}

#main-inner-shadow-bottom {
  background : url(/images/drop-shadow-bottom-long.png);
  background-repeat : repeat-x;
  height : 6px;
}

a#logo {
  padding : 28px 0 0 10px;
  display : block;
  width : 301px;
}

a#logo:hover {
  border :0;
}

#si-labs {
  position : absolute;
  top : 0;
  right : 0;
}

#si-labs a {
  display : block;  
}

#si-labs a:hover {
  cursor : pointer;
  border : 0;
}

#subheading p {
  text-indent : -9999px;
  padding : 0;
  margin : 25px 22px 0 0;
  float : left;
  width : 506px;
  height : 125px;
  background-repeat : no-repeat;  
}

#b-home #subheading p {
  background-image : url(/images/quote-home.png);
}

#b-team #subheading p {
  background-image : url(/images/quote-team.png);
}

#b-publications #subheading p {
  background-image : url(/images/quote-publications.png);
}

#b-contact #subheading p {
  background-image : url(/images/quote-contact.png);
}

#b-labs #subheading p {
  background-image : url(/images/quote-labs.png);
}

#b-home #subheading span {
  background-image : url(/images/home-photo.png);
}

#b-team #subheading span {
  background-image : url(/images/team-photo.png);
}

#b-publications #subheading span {
  background-image : url(/images/pubs-photo.png);
}

#b-contact #subheading span {
  background-image : url(/images/contact-photo.png);
}

#b-labs #subheading span {
  background-image : url(/images/labs-photo.png);
}

#subheading span {
  margin : 0 0 0 -29px;
  height : 180px;
  width : 253px;
  float : left;
  display : block;
}

h2 {
  color : #4baf15;
  font-family : "Helvetica Neue Light",Helvetica, Arial, sans-serif;
  border-bottom : 1px solid #d7d7d7;
  padding : 0 0 .5em 0;
  font-size : 24px;
  font-weight : normal;
  letter-spacing : -0.01em;
}

h3 {
  border-bottom : 1px solid #d7d7d7;
  color : #4baf15;
  font-family : "Helvetica Neue Light",Helvetica, Arial, sans-serif;
  padding : 0 0 .5em 0;
  font-size : 18px;
  font-weight : normal;
  letter-spacing : -0.01em;
}

h3 a {
  color : #4baf15;
  text-decoration : none;
}

.main-image {
  background-color : #eee;
  padding : 8px 8px 0 8px;
  float : right;
  margin : 0 8px 1em 1em;
}

.main-image img {
  display : block;
}

.main-image p {
  font-style : italic;
  font-size : 14px;
  text-align : center;
  padding : 1em 0 0 0;
}

#main-inner-inner p {
  margin : 0 0 1em 8px;
}

.post-inner {
  float : right;
  width : 580px;
  margin-top : -90px;
}

.post-inner p {
  margin : 0 60px 0 0 !important;
}

.post-inner h3 {
  margin : 2em 60px .5em 0;
}

.date-box,.date-box-inline {
  background : url(/images/date-background.jpg);
  width : 38px;
  height : 46px;
  color : white;
  font-family : Helvetica, Arial, sans-serif;
  padding : 5px 8px 5px 8px;
  margin-top : 90px;
}
.date-box-inline {
  margin: 0 1em 1em 0;
  float : left;
}

  .date-month {
    font-size : 14px;
    line-height : 1;
  }
  .date-day {
    font-size : 30px;
    text-align : center;
  }
  .date-year {
    font-size : 14px;
    text-align : right;
    display : none;
  }
  
.commentlist .date-month {
  font-size : 11px;  
}

.commentlist .date-day {
  font-size : 24px;
}

.commentlist .date-box-inline {
  width : 28px;
  height : 36px;  
}
  
a {
  color : #7a750c;
  text-decoration : none;
}

.role {
  color : #333;
  float : right;
  padding : 0 200px 0 0;
  font-style : italic;
  font-family : Garamond, "Times New Roman", serif;
  font-size : 14px;
  line-height : 45px;
  display : block;
  width : 200px;
}

#b-team #main-inner-inner img, #b-publications #main-inner-inner img {
  background-color : #eee;
  padding : 8px 8px 8px 8px;
  margin : 0 8px 1em 1em;  
}

#b-labs #main-inner-inner img {
  background-color : #eee;
  /*border : 1px solid #efefef;*/
  padding : 8px 8px 8px 8px;
  margin : 0 8px 1em 1em;  
  float : right;
}

.team-member-info {
  float : right;
  width : 400px;
}

.plazes-map {
  float : right;
  margin : 0 0 0 0;
  background : #eee;
  padding : 8px 8px 8px 8px;
}

.plazes-map object {
  background : white;
  margin : 0;
  padding : 0;
}


textarea#comment {
  width : 500px;
  border : 2px solid #eee;
  padding : 5px;
  font-family : Helvetica, Arial, sans-serif;
  color : #333;
  background : white;
  font-size : 14px;
}

input {
  border : 2px solid #eee;
  padding : 5px 5px 3px 5px;
  font-family : Helvetica, Arial, sans-serif;
  background : white;
  color : #333;
  font-size : 14px;
}

input#submit {
  cursor : pointer;
}

input#submit:hover {
  background : #eee;
}

a:hover {
  border-bottom : 1px solid #C6B83C;
  ;
}

#b-publications .main-text-block img {
  margin-left : 0;
}

#b-publications .main-text-block .team-member-info {
  width : 350px;
}

/* to remove outline in ff */
#main-menu li a:focus {
  outline : 0;
}

.pub-col-1 {
  width : 250px;
  float : left;
  margin :0;
  padding :0;
}

.pub-col-1 img {
  width : 150px;
  margin : 0 !important;
}

#b-team .pub-col-1 .info {
  width : 200px;
}

.pub-col-2 {
  width : 400px;
  float : left;
  margin :0;
  padding :0 0 0 0px;
}

.main-text-block .info {
  background : #eee;
  padding : 5px 8px 5px 8px;
  margin : 30px 0 0 0 !important;
  width : 150px;
  font-family : Helvetica, Arial, sans-serif;
  font-size : 12px;
}

#b-contact .main-text-block .info {
  width : 200px;
}

#client-list {
  padding : 0 0 0 0;
  margin : 0 0 0 8px;  
}

#client-list img {
  border : 5px #eee solid;
}

#client-list li {
  list-style-type : none;
  float : left;
  margin : 0 16px 0 0;
  padding : 0;
}

#contact-email-box {
  display : block;
  margin : 0 0 1em 0;
}

.commentlist li {
  list-style-type : none;
}

.commentlist li p {
  padding-right : 60px;
}

.commentlist li h3 {
  margin-right : 60px;
}

#b-contact .main-text-block img {
  float : right;
  padding : 8px 8px 8px 8px;
  background : #eee;
}

h2 a {
  color : #4baf15;
}