body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  line-height: 1.5em;
  background: #EFEDED url(/assets/img/bg.png) repeat-x;
  padding: 30px;
  margin: 0;
}

a {
  text-decoration: none;
  color: #7E2929;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3 {
  color: #CE2D2D;
  text-shadow: 2px 2px 2px #EFEDED;
  margin-top: 0;
  margin-bottom: 0.8em;
  text-transform: lowercase;
}

h1 {
  font-size: 1.4em;
  clear: left;
  letter-spacing: 0.05em;
}

h2 {
  font-size: 1.2em;
}

h3 {
  color: #000;
  font-size: 1em;
  margin-bottom: 0;
}

p {
  margin-top: 0.6em;
  margin-bottom: 1.4em;
}

span.italic {
  font-style: italic;
}

#contents #rhs ul {
  list-style-type: square;
  color: #CE2D2D;
}

span.black-text {
  color: #000;
}

hr {
  background-color: #C9C1BA;
  color: #C9C1BA;
  height: 1px;
  border: none;
}

/* LAYOUT */

#page {
  background: #ffffff;
  width: 750px;
  border: 1px solid #C9C1BA;
  float: left;
}

#page img.logo {
  margin: 40px 0;
}

#contents {
  margin-bottom: 20px;
  min-height: 600px;
}

#contents, #contents #rhs, #contents #lhs {
  float: left;
  display: inline;
}

#contents #lhs {
  margin: 0 0 0 50px;
  width: 150px;
  position: relative;
}

#contents #rhs {
  width: 480px;
}

div.quote {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  background: #F1EBEB;
  border: 1px solid #C9C1BA;
  width: 140px;
  padding: 15px;
  position: relative;
}

div.quote span.text {
  z-index: 2;
  float: left;
  top: 0;
  left: 0;
  position: relative;
}

div.quote span.top, div.quote span.bottom {
  z-index: 1;
  width: 70px;
  height: 60px; 
  position: absolute;
}

div.quote span.top {
  top: 0;
  left: 0;
  background: url(/assets/img/top_quote.png) no-repeat;
}

div.quote span.bottom {
  bottom: 0;
  right: 0;
  background: url(/assets/img/bottom_quote.png) no-repeat;
}

div.grad {
  background: url(/assets/img/grad_bg.png) repeat-x;
  border-top: 1px solid #C9C1BA;
  padding: 1.2em;
}

#footer {
  margin-top: 30px;
  border-top: 1px solid #C9C1BA;
  color: #999;
}

#footer a {
  color: #777;
}

table {
  border-collapse: collapse;
  margin: 0.6em;
}

table th, table td {
  padding: 0.2em 0.4em;
  border-bottom: 1px solid #DFD1D1;
  text-align: left;
}

table th {
  padding: 0.4em;
  background: #DFD1D1;
}

table tr.even td {
  background: #F1EBEB;
}

/* TOP PIC */

.small-picture, .large-picture {
  border-color: #413D2E;
  border-style: solid;
  margin-bottom: 20px;
}

.large-picture {
  border-width: 6px;
  width: 470px;
  height: 200px;
}

body.home img.large-picture { background: url(/assets/img/leaves_sky.jpg);  }
body.what-we-do img.large-picture { background: url(/assets/img/thorn.jpg);  }
body.building-resilience img.large-picture { background: url(/assets/img/fern.jpg);  }
body.how-to-use img.large-picture { background: url(/assets/img/buds.jpg);  }
body.get-in-touch img.large-picture { background: url(/assets/img/tree_snow.jpg);  }

/* SMALL */

.small-picture {
  border-width: 3px;
  float: left;
  width: 130px;
  height: 130px;
}

.small-picture.right, .small-picture.middle {
  margin-left: 15px;
}

body.are-we-right img.small-picture { background: url(/assets/img/maple_left.jpg); }
body.are-we-right img.small-picture.right { background: url(/assets/img/maple_right.jpg); }

body.case-studies img.small-picture { background: url(/assets/img/autumn_left.jpg); }
body.case-studies img.small-picture.right { background: url(/assets/img/autumn_right.jpg); }

body.the-team img.small-picture { background: url(/assets/img/redleaf_left.jpg); }
body.the-team img.small-picture.middle { background: url(/assets/img/redleaf_middle.jpg); }
body.the-team img.small-picture.right { background: url(/assets/img/redleaf_right.jpg); }

/* LHS PIC */

#lhs img.long {
  z-index: 1;
  position: absolute;
  top: 212px;
}

body.home #lhs img.long { background: url(/assets/img/leaves_sky_lhs.jpg); }
body.what-we-do #lhs img.long { background: url(/assets/img/thorn_lhs.jpg); }
body.building-resilience #lhs img.long { background: url(/assets/img/fern_lhs.jpg); }
body.are-we-right #lhs img.long { background: url(/assets/img/maple_lhs.jpg); }
body.case-studies #lhs img.long { background: url(/assets/img/autumn_lhs.jpg); }
body.how-to-use #lhs img.long { background: url(/assets/img/buds_lhs.jpg); }
body.the-team #lhs img.long { background: url(/assets/img/redleaf_lhs.jpg); }
body.get-in-touch #lhs img.long { background: url(/assets/img/tree_snow_lhs.jpg); }

/* MENU */

ul.main-menu,
ul.main-menu ul {
  position: relative;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.main-menu a {
  color: #000;
}

ul.main-menu ul a {
  color: #888;
}

ul.main-menu li {
  padding-left: 0.6em;
  border-left: 2px solid #fff;
  margin-bottom: 0.2em;
}

body.home li.home,
body.what-we-do li.what-we-do,
body.our-approach li.our-approach,
body.are-we-right li.are-we-right,
body.building-resilience li.building-resilience,
body.case-studies li.case-studies,
body.how-to-use li.how-to-use,
body.testimonials li.testimonials,
body.the-team li.the-team,
body.consulting-support li.consulting-support,
body.public-sector li.public-sector,
body.our-clients li.our-clients,
body.get-in-touch li.get-in-touch {
  border-left: 2px solid #CE2D2D;
}

body.home li.home a,
body.what-we-do li.what-we-do a,
body.our-approach li.our-approach a,
body.are-we-right li.are-we-right a,
body.building-resilience li.building-resilience a,
body.case-studies li.case-studies a,
body.how-to-use li.how-to-use a,
body.testimonials li.testimonials a,
body.the-team li.the-team a,
body.consulting-support li.consulting-support a,
body.public-sector li.public-sector a,
body.our-clients li.our-clients a,
body.get-in-touch li.get-in-touch {
  font-weight: bold;
  color: #CE2D2D;
}