body {
  margin: 0;
  padding: 0;
  font-family: Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
  font-size: small;
  background: #f3f3f3;
  color: black;
}

h1 {
  text-align: center;
}

p {
  line-height: 1.8em;
  margin-top: 0;
}
dt {
  line-height: 1.8em;
  margin-top: 0;
}
dd {
  line-height: 1.8em;
  margin-top: 0;
}

a:link {
  color: #6c6964;
}
a:visited {
  color: #6c6964;
}
a:hover {
  color: white;
  background: #7f7b75;
}
a:active {
  color: white;
  background: #7f7b75;
}

#header {
  background: #273754 url(/images/header-gradient.png) bottom left repeat-x;
  height: 135px;
  padding-top: 30px;
}

.wrapper {
  width: 722px;
  margin: 0 auto;
}

#header .wrapper {
  height: 135px;
  position: relative;
}

#logo {
  float: left;
}

.address {
  float: right;
  text-align: right;
  font-size: 85%;
  line-height: 1.2em;
  color: white;
}
.address div.company {
  font-weight: bold;
}
.address a {
  color: white;
}

ul {
  list-style: none;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0.2em 0;
}
ul li a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}
ol {
  margin: 0;
  padding: 0;
}
ol li {
  margin: 0;
  padding: 0.2em 0;
}
ol li a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}

#navigation {
  float: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
#navigation ul li {
  float: left;
  margin-left: 0.5em;
  padding: 0;
  color: #c9e4ff;
  background: #486592;
}
#navigation ul li a {
  color: #c9e4ff;
  background: #486592;
}
#navigation ul li.selected {
  color: #504e49;
  background: #e5dfd3;
}
#navigation ul li.selected a {
  color: #504e49;
  background: #e5dfd3;
}
#navigation div.submenu {
  position: absolute;
  z-index: 1;
  background: #d3cec2;
  padding: 0.5em 0;
  border-right: 1px solid #c5bfb5;
  border-bottom: 1px solid #c5bfb5;
}
#navigation div.submenu a:link {
  color: #7f7b75;
  background: #d3cec2;
}
#navigation div.submenu a:visited {
  color: #7f7b75;
  background: #d3cec2;
}
#navigation div.submenu a:hover {
  color: #7f7b75;
  background: #d3cec2;
}
#navigation div.submenu a:active {
  color: #7f7b75;
  background: #d3cec2;
}

#main {
  clear: both;
  background: url(/images/background-gradient.png) top left repeat-x;
}

#banner {
  padding: 3em 0;
  height: 5em;
}
#banner h1#home {
  text-indent: -3000em;
  background: url(/images/banner.png) center 15% no-repeat;
  height: 5em;
}
#banner h1 {
  margin-top: 0;
}
#banner h2 {
  margin-top: 0;
}
#banner div.left {
  text-align: left;
  float: left;
}
#banner div.left h1 {
  text-align: left;
  font-size: 220%;
  margin-bottom: 0.2em;
}
#banner div.left h2 {
  font-size: 130%;
}
#banner div.right {
  float: right;
  text-align: justify;
  width: 400px;
}
#banner p {
  font-size: 85%;
  margin: 0 0 1em 0;
  color: #64615c;
}
#banner blockquote {
  font-size: 85%;
  margin: 0 0 1em 0;
  color: #64615c;
}
#banner cite {
  font-size: 85%;
  margin: 0 0 1em 0;
  color: #64615c;
}

#subnav {
  background: #f3f3f3 url(/images/subnav-background.png) top center no-repeat;
  border-bottom: 1px solid #c5bfb5;
  float: left;
  width: 100%;
}
#subnav ul {
  float: left;
}
#subnav ul li {
  margin-right: 0.5em;
  padding: 0;
  float: left;
  color: #7f7b75;
  font-size: 120%;
}
#subnav ul li a {
  color: #7f7b75;
  background: none;
}
#subnav ul li.selected {
  font-weight: bold;
  color: #6c6964;
}
#subnav ul li.selected a {
  color: #6c6964;
}

#content {
  background: url(/images/main-content-background-square-corners.png) top center no-repeat;
  padding: 1.5em;
  clear: left;
  min-height: 479px; /* height of background gradient image */
  /* We want to centre all images. */
}
#content ul {
  padding-left: 1.5em;
}
#content ol {
  padding-left: 1.5em;
}
#content ul li {
  list-style: disc;
}
#content ul.clients li {
  list-style: none;
}
#content ul.clients li img {
  border: none;
  /* Don't centre these images. */
  left: 0;
  margin: 0;
}
#content li {
  padding-left: 0.5em;
}
#content img {
  margin: 1em 0;
  position: relative;
  left: 50%;
}
#content img#sat {
  width: 335px;
  margin-left: -167px;
}
#content img#crisis-management {
  width: 440px;
  margin-left: -220px;
}
#content div.overview-images {
  float: left;
  width: 200px;
}
#content div.overview-images img {
  left: 0;
  margin: 0 30px 20px 0;
  width: 170px;
  border: 1px solid #d3cec2;
}

abbr {
  text-decoration: none;
  border-bottom: 1px dotted black;
  cursor: help;
}

.case-study h2 {
  margin-top: 0;
  margin-bottom: 0.1em;
  font-size: 200%;
}
.case-study h2 + p {
  color: #64615c;
  font-weight: bold;
  border-bottom: 1px solid #c5bfb5;
  padding-bottom: 0.2em;
}

dl {
  margin: 3em 0;
}
dt {
  margin-bottom: 1em;
}
dd {
  margin-bottom: 1em;
}
dt {
  font-weight: bold;
  float: left;
}
dd {
  margin-left: 10em;
}