@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

body {
  background: url(/img/body-bg.jpg) top left repeat-x;
  /*text-align: center;*/
  font-size: 9pt;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
  color: #333333;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
body h1 {
  position: absolute;
  left: -9999px;
}
body h2 {
  color: #21344c;
}
body a {
  color: #333333;
  outline: 0;
}

div#messageBox {
  display: none;
  border: 1px solid red;
  background: #fcc;
  margin: 0 0 15px 0;
  padding: 10px;
  width: 585px;
}
div#messageBox p {
  font-weight: bold;
  margin: 0;
  padding: 2px 0 2px 0;
}

div#site-container {
  background: url(/img/site-container-bg.jpg) top left repeat-x;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 960px;
}
div#site-container div#inner-container {
  background: #fff;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 940px;
}
div#inner-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#inner-container div#header {
  background: url(/img/header-bg.jpg) top left no-repeat;
  margin: 0;
  padding: 0;
  width: 940px;
  height: 229px;
}
div#header div#logo {
  margin: 0 0 0 40px;
  padding: 19px 0 0 0;
  width: 154px;
  height: 96px;
}
div#header a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  text-shadow: #fff 0 0 0;
}
div#header div#global-menu {
  float: left;
  margin: 48px 0 0 0;
  _margin: 45px 0 0 0;
  padding: 0;
}
div#global-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#global-menu ul li {
  border-right: 1px dotted #fff;
  float: left;
  margin: 0;
  padding: 0;
}
div#global-menu ul li.last {
  border-right: none;
}
div#global-menu ul li a {
  display: block;
  line-height: 2.2em;
  margin: 0;
  padding: 0 10px 0 10px;
}
div#global-menu ul li a.selected {
  background: url(/img/global-menu-a-selected-bg.gif) bottom center no-repeat;
}
div#header div#services-menu {
  float: left;
  margin: 1px 0 0 0;
  padding: 0;
  width: 940px;
}
div#services-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#services-menu li {
  border-right: 1px dotted #fff;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  float: left;
  font-size: 1.2em;
  margin:  1px 0 0 0;
  padding: 0 0 0 0;
}
div#services-menu li.last {
  border-right: none;
}
div#services-menu li a {
  display: block;
  line-height: 1.0em;
  height:100%;
  margin: 0;
  padding: 3px 5px 7px 5px;
  font-weight:normal !important;
}
div#services-menu li a.selected {
  background: url(/img/service-category-selected-a-bg.gif) bottom center no-repeat;
}

div#sub-menu {
  background: #A7BCD4;
  margin: 1px 0 0 0;
  padding: 0;
  width: 940px;
  height: 28px;
}
div#sub-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#sub-menu ul li {
  border-right: 1px dotted #fff;
  float: left;
  margin: 0;
  padding: 0;
}
div#sub-menu ul li.last {
  border-right: none;
}
div#sub-menu ul li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.4em;
  margin: 0;
  padding: 0 10px 0 10px;
}
div#sub-menu ul li a.selected {
  background: url(/img/service-sub-selected-a-bg.gif) bottom center no-repeat;
}

/*
 * Page Content (contains left, centre and right columns)
 */

div#inner-container div#page-content {
  background: url(/img/page-content-bg.jpg) top left repeat-x;
  overflow: hidden;
  margin: 5px 0 30px 0;
  padding: 15px 0 0 0;
  width: 100%;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  background: #fff url(/img/left-column-bg.gif) top left no-repeat;
  float: left;
  margin: 0 20px 0 20px;
  _margin: 0 20px 0 10px;
  padding: 15px 35px 0 35px;
  width: 606px;
}
div#left-column h2 {
  border-bottom: 1px dotted #000;
  font-size: 2.0em;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
}


/*
 * Right Column
 */

div#page-content div#right-column {
  float: left;
  margin: 0;
  padding: 0;
  width: 210px;
}
div#right-column div#right-column-news {
  margin: 0;
  padding: 0;
}
div#right-column div#right-column-case {
  margin: 8px 0 0 0;
  padding: 0;
}
div#right-column-news div#news-title {
  background: url(/img/our-news-panel-bg.gif) top right no-repeat;
}
div#right-column-case div#case-title {
  background: url(/img/case-study-panel-bg.gif) top right no-repeat;
}
div#right-column-news div#news-title,
div#right-column-case div#case-title {
  margin: 0;
  padding: 6px 10px 0 12px;
  height: 24px;
}
div#news-title h2,
div#case-title h2 {
  color: #fff;
  float: left;
}
div#news-title a,
div#case-title a {
  float: right;
  color: #fff;
  text-decoration: none;
}
div#right-column-news div#news-content {
  background: #fff;
  border: 1px solid #a05b26;
  border-top: none;
  margin: 0;
  padding: 10px;
}
div#right-column-case div#case-content {
  background: #fff;
  border: 1px solid #253954;
  border-top: none;
  margin: 0;
  padding: 10px;
}
div#news-content h3 a,
div#case-content h3 a {
  text-decoration: none;
}


/*
 * Footer
 */

div#inner-container div#footer {
  background: url(/img/footer-bg.jpg) top left no-repeat;
  margin: 0 0 10px 0;
  padding: 14px 0 0 0;
  width: 940px;
  height: 32px;
}
div#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#footer ul li {
  float: left;
  margin: 0;
  padding: 0;
}
div#footer ul li a {
  border-right: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  margin: 0;
  padding: 0 9px 0 9px;
}
div#footer ul li a.last {
  border-right: none;
}

div#inner-container div#accreditation {
  text-align: center;
}
div#inner-container div#accreditation img {
  margin: 0;
  padding: 0 10px 0 10px;
}

/*
 * Tibus Strapline
 */

div#inner-container div#tibus-strapline {
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}