* {margin: 0; padding: 0;}
body {font-family: tahoma, sans-serif; text-align: center; background: url("../images/bg-gradient.jpg") repeat-x #b8bec2;}
div#web {width: 750px; margin: 0 auto; background-color: #ffffff; }
div#site {width: 750px; text-align: left; background: url("../images/nav-bg.gif") repeat-y left;}

a img {border: 0;}
p {padding: 5px; font-size: 0.85em; line-height: 1.5em;}
ul {padding: 5px 5px 5px 20px; font-size: 0.85em; line-height: 1.2em;}
li {padding: 0 0 0 20px;}
img.floatright {float: right;}
img { border: none; }
img.lockimg {padding: 0 0 0 360px;}

.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: px; /*for IE*/
}

div#header {height: 140px; border-bottom: 1px solid #000000;}
div#header img.banner {height: 139px; width: 748px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
div#contactbutt {position: relative;
	float: right;
	display: inline;
	margin-top: -28px; padding: 0 2px 0 0;}

a.navsingle {height: 33px; display: block; vertical-align: middle; line-height: 2em; border-bottom: 1px solid #ffffff;}
a.navsingle:hover {color: #ffffff; height: 33px; display: block; vertical-align: middle; line-height: 2em; border-bottom: 1px solid #ffffff; background-color: #000000; }

a.navsingle_on {color: #ffffff; height: 33px; display: block; vertical-align: middle; line-height: 2em; border-bottom: 1px solid #ffffff; background-color: #000000;}

a.navdouble {height: 33px; display: block; vertical-align: bottom; line-height: 1em; border-bottom: 1px solid #ffffff; }
a.navdouble:hover {color: #ffffff; height: 33px; display: block; vertical-align: bottom; line-height: 1em; border-bottom: 1px solid #ffffff; background-color: #000000; }

a.navdouble_on {color: #ffffff; height: 33px; display: block; vertical-align: bottom; line-height: 1em; border-bottom: 1px solid #ffffff;  background-color: #000000; }

div#nav img.arrow {float: left;}

div#nav {width: 136px; float: left; background: url("../images/nav-bg.jpg") repeat-x #ecedf1; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
div#nav a {color: #ffffff; text-decoration: none; font-size: 0.8em; vertical-align: middle;}
div#nav a:hover {text-decoration: none;}

div#nav a.single {padding: 10px 0 0 0; margin: 10px 0 0 0;}

div#accredit {width: 136px; text-align: center;  padding: 20px 0 20px 0;}
div#accredit img {display: block; margin: 0 auto; padding: 5px 0 5px 0;}

div#content {width: 610px; float: left;}
div#indexlinks {background-color: #eaecf5; padding: 10px 0 10px 10px;}
div#indexlinks img {padding: 1px 0 1px 1px;}

div.textareablue {background-color: #e3fbff; padding: 10px; margin: 10px;}
div.textareablue h1 {text-align: justify; font-size: 1em;}
div.textareablue p {text-align: justify;}
div.textareawhite {padding: 10px; margin: 10px;}
div.textarea {padding: 10px; margin: 10px; background-color: #f4f4f4;}

div.textareablueA {background-color: #e3fbff; padding: 10px; margin: 10px;}
div.textareablueA a {text-decoration: none; color: #000000;}
div.textareawhiteA {padding: 10px 10px 0 10px; margin: 10px;}


div#footer {clear: both; background-color: #e3fbff; font-size: 0.9em; text-align: center; border-top: 1px solid #000000;}
div#footer p {padding: 10px 0 20px 0;}
div#footer a {color: #16329a; text-decoration: none;}
div#footer span a {color: #000000;}


/* Flexiscroll */

div#scnarrtextarea {padding: 10px; margin: 10px 5px 10px 5px; background-color: #f4f4f4; width: 395px; height: 450px; float: left;}
div#narrtextarea {padding: 10px; margin: 10px 5px 10px 5px; background-color: #f4f4f4; width: 395px; float: left;}
div#casestudy {background-color: #dcf4f8; border: 1px solid #b6b8b9; padding: 5px;}


/* request brochure tab on contact page */
div#requestbrochure {background-color: #77afd4; padding: 5px; float: right; width: 200px;}

div#formbrochure {font-size: 0.9em;}
div#formbrochure div.checkboxbro {float: left; padding: 0 0 0 10px;}
div#formbrochure div.checkboxbro label {font-size: 0.8em; padding: 0 10px 0 3px;}
div.brochure {clear: both;}
div.submitbrochure {clear: both; padding: 10px 0 0 0;}
div.element {clear: both; padding: 10px;}
div.leftformcol {float: left; width: 100px;}
div.rightformcol {float: left;}


/* RIGHT HAND COL BLUE ELEMENT */
div#rightminicol {float: right; width: 172px; margin: 10px 5px 0 0; color: #ffffff;}
div#rightminicol a {color: #ffffff; text-decoration: none;}
div#rightminicol div.blueright {float: right; background-color: #77afd4; font-size: 0.8em; width: 172px; margin-bottom: 10px;}
div#rightminicol div.blueright p {margin: 0 0 10px 0; font-size: 1em;}
div#rightminicol div.blueright img {margin: 5px 0 5px 5px;}


div#rightminicol div.blueright img.arrow {float: left; margin: 0; padding: 0 0 0 10px;}

a.bluebg {height: 33px; display: block; vertical-align: middle; line-height: 2em;}
a.bluebg:hover {height: 33px; display: block; vertical-align: middle; line-height: 2em; background-color: #385aa9;}

a.bluebgB {height: 33px; display: block; vertical-align: middle; line-height: 1em;}
a.bluebgB:hover {height: 33px; display: block; vertical-align: middle; line-height: 1em; background-color: #385aa9;}

a.bluebgON {height: 33px; display: block; vertical-align: middle; line-height: 2em; background-color: #385aa9;}