/***********/
/* General */
/***********/
body {
 background-image: url(images/background.jpg);
 background-repeat: repeat-x;
 background-position: top left;
 background-color: #3e8cb9;
 margin: 0;
 text-align: center;
 font-family: sans-serif;
 font-size: 90%;
 position: relative;
 padding-bottom: 3.5em;
}

div.clear {
 clear: both;
 height: 0px;
 line-height: 0px; /* Workaround required to make IE5.5 close the gap properly */
 overflow: hidden; /* Workaround required to make IE close the gap properly */
}

.nowrap {
 white-space: nowrap;
}

/*******/
/* SEO */
/*******/
div#seo {
 position: absolute;
 bottom: 0;
 left: 5px;
 text-align: left;
}

div#seo h1, div#seo p {
 color: #cccccc;
 font-size: 0.8em;
 margin: 0;
 padding: 0;
 font-weight: normal;
}

div#seo p strong {
 font-weight: normal;
}

/*************/
/* Container */
/*************/
div#container {
 width: 980px;
 margin: 0 auto;
 text-align: left;
 background-color: #ffffff;
 border: 1px solid #000000;
 border-top: 0;
}

/**********/
/* Header */
/**********/
div#header {
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #256489;
 position: relative;
 height: 82px;
}

div#header h2 {
 width: 730px;
 height: 32px;
 position: absolute;
 top: 25px;
 left: 40px;
 border: 0;
 background-image: url(images/logo.png);
 background-repeat: no-repeat;
 background-position: top right;
 text-indent: -9999px;
 margin: 0;
 padding: 0;
}

* html div#header h2 { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop');
}

/**************/
/* Navigation */
/**************/
div#nav {
 background-color: #9aceeb;
 border-top: 1px solid #9aceeb;
 border-bottom: 7px solid #e59727;
 padding: 10px 0;
}

div#nav ul {
 margin: 0;
 margin-left: 30px;
 padding: 0;
 list-style: none;
}

div#nav ul li {
 float: left;
 display: inline;
 margin: 0;
 margin-left: 8px;
 padding: 0;
 padding-left: 8px;
 border-left: 1px solid #2b7098;
}

div#nav ul li.first {
 border-left: 0;
}

div#nav ul li a {
 color: #2b7098;
 font-size: 0.75em;
 text-decoration: none;
 font-weight: bold;
}

div#nav ul li a:hover {
 color: #d3881b;
 text-decoration: underline;
}

/***********/
/* Content */
/***********/
div#content {
 background-color: #ffffff;
 color: #535352;
 font-size: 0.9em;
 padding: 15px 0 0;
}

div#content a {
 color: #256489;
 font-weight: bold;
 text-decoration: none;
}

div#content a:hover {
 color: #256489;
 text-decoration: underline;
}

div#content div.contentcontainer {
 padding: 0 25px 10px 45px;
}

div#content div.separator {
 border-top: 3px solid #f8e3c5;
}

div#content div.contentcontainer h2 {
 color: #256489;
 font-family: Verdana, sans-serif;
 font-size: 1.6em;
 letter-spacing: -0.055em;
}

div#content div.contentcontainer h3 {
 color: #256489;
 font-family: Verdana, sans-serif;
 font-size: 1.3em;
 letter-spacing: -0.055em;
}

div#content div.contentcontainer h4 {
 color: #256489;
 font-family: Verdana, sans-serif;
 font-size: 1.2em;
 letter-spacing: -0.055em;
 margin-bottom: 1em;
}

div#content div.contentcontainer h5 {
 color: #256489;
 font-family: Verdana, sans-serif;
 font-size: 1.1em;
 letter-spacing: -0.055em;
 margin-bottom: 0.75em;
}

div#content div.contentcontainer h6 {
 color: #256489;
 font-family: Verdana, sans-serif;
 font-size: 1em;
 letter-spacing: -0.055em;
 margin-bottom: 0.5em;
}

div#content div.contentcontainer p.footnote {
 font-size: 0.8em;
 text-style: italic;
}

div#content div.contentcontainer ul {
 list-style-image: url(images/bullet.gif);
}

div#content div.contentcontainer ul ul {
 margin-top: 10px;
}

div#content div.contentcontainer ul.spacey li {
 margin-bottom: 8px;
}

div#content div.contentcontainer div.colourbox {
 margin: 0 20px;
 padding: 10px 20px;
 border: 1px solid #e59727;
 border-bottom: 8px solid #e59727;
 background-color: #9aceeb;
}

div#content div.contentcontainer p.indent {
 margin-left: 20px;
 margin-right: 20px;
}

div#content div.contentcontainer address {
 font-style: normal;
}

div#content li {
	margin-top: 7px;
	margin-bottom: 7px;
}

/*******************/
/* Content Columns */
/*******************/
div#content div.contentcontainer div.twothirdscol {
 width: 580px;
}

div#content div.contentcontainer div.onethirdcol {
 width: 275px;
}

div#content div.contentcontainer div.left {
 float: left;
 margin-right: 20px;
}

div#content div.contentcontainer div.right {
 float: right;
 margin-left: 20px;
}

div#content div.contentcontainer div.imagecontainer {
 margin: 0 auto;
 width: 204px;
}

* html div#content div.contentcontainer div.imagecontainer {
 width: auto; /* for IE5.x/win */
 w\idth: 204px; /* for other IE versions and other browsers */
 text-align: center;
 t\ext-align: left;
}

div#content div.contentcontainer div.onethirdcol img {
 border: 1px solid #e59727;
 border-bottom: 8px solid #e59727;
 margin: 0 auto 20px;
 width: 204px;
}

/**********/
/* Errors */
/**********/
div#content div.errors {
 border: 2px solid #e59727;
 padding: 5px 10px;
 color: #ff0000;
}

div#content p.error {
 color: #ff0000;
 font-weight: bold;
}

/****************/
/* Case Studies */
/****************/
div#content div.contentcontainer div.casestudy h3 {
 margin: 0;
}

div#content div.contentcontainer div.casestudy p {
 margin: 3px 0;
}

/****************/
/* Testimonials */
/****************/
div#content div#testimonials h3 {
 color: #535352;
 font-size: 1.4em;
 font-style: italic;
 font-family: serif;
 letter-spacing: normal;
 font-weight: normal;
}

div#content div.contentcontainer div#testimonials img.testimonialleft, div#content div.contentcontainer div#testimonials img.testimonialright {
 width: auto;
 border: 0;
 margin: 0;
}

div#content div.contentcontainer div#testimonials img.testimonialleft {
 margin-right: 5px;
 float: left;
}

div#content div.contentcontainer div#testimonials img.testimonialright {
 margin-left: 5px;
 margin-top: -30px;
 float: right;
}

div#content div.contentcontainer div#testimonials h3 {
 margin: 10px 0;
}

div#content div.contentcontainer div#testimonials p.testimonee {
 font-weight: bold;
 font-size: 110%;
 margin: 0;
 margin-bottom: 10px;
}

/*********/
/* Forms */
/*********/
div#content div.contentcontainer form {
 margin: 0;
}

div#content div.contentcontainer fieldset {
 border: 1px solid #e59727;
 padding-bottom: 5px;
 margin-bottom: 10px;
}

div#content div.contentcontainer fieldset legend {
 color: #256489;
 font-weight: bold;
}

div#content div.contentcontainer fieldset div.field {
 clear: left;
 width: 100%;
 float: left;
 margin-bottom: 2px;
}

div#content div.contentcontainer fieldset div.field label {
 float: left;
 width: 100px;
 text-align: right;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

div#content div.contentcontainer fieldset div.field input.field, div#content div.contentcontainer fieldset div.field textarea.field {
 float: left;
 width: 320px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 1px;
}

div#content div.contentcontainer fieldset div.field textarea.field {
 font-family: sans-serif;
 font-size: 1em;
 height: 70px;
}

div#content div.contentcontainer fieldset div.required label {
 font-weight: bold;
}

/**********/
/* Errors */
/**********/
div#content div.contentcontainer fieldset div.error {
 border: 1px solid #000000;
 background-color: #ff0000;
 padding: 1px;
 padding-right: 5px;
}

div#content div.contentcontainer fieldset div.error label {
 color: #ffffff;
}

/*****************/
/* Accessibility */
/*****************/
div#content table#accesskeystable {
 border: 1px solid #000000;
 border-collapse: collapse;
 width: 300px;
}

div#content table#accesskeystable, div#content table#accesskeystable caption {
 margin-left: auto;
 margin-right: auto;
}

div#content table#accesskeystable th {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
 color: #ffffff;
 background-color: #3e8cb9;
}

div#content table#accesskeystable td {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #9aceeb;
}

div#content table#accesskeystable em {
 font-weight: bold;
 text-decoration: underline;
 font-style: normal;
}

/**********/
/* Footer */
/**********/
div#footer {
 clear: both;
 background-color: #e59727;
 padding: 15px 0;
 color: #ffffff;
 font-size: 0.8em;
 b0rder-top: 1px solid #e59727;
}

div#footer address, div#footer p {
 margin: 0;
 font-style: normal;
}

div#footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

div#footer div#footerleft {
 clear: left;
 text-align: left;
 margin-left: 15px;
 width: 490px;
}

div#footer div#footerright {
 float: right;
 clear: right;
 text-align: right;
 margin-right: 15px;
 width: 450px;
 display: inline;
}

div#footer ul li {
 margin: 0;
 padding: 0;
 display: inline;
}

div#footer div#footerleft ul li {
 float: left;
 margin-right: 5px;
 padding-left: 5px;
 border-left: 1px solid #ffffff;
}

div#footer div#footerright ul li {
 float: right;
 margin-left: 5px;
 padding-right: 5px;
 border-right: 1px solid #ffffff;
}

div#footer div#footerleft ul li.first {
 border-left: 0;
 padding-left: 0;
}

div#footer div#footerright ul li.first {
 border-right: 0;
 padding-right: 0;
}

div#footer a {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

div#footer a:hover {
 color: #ffffff;
 text-decoration: underline;
}