* {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#home div#content {width: 750px; float: left; text-align: left;}
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; width: 505px; padding: 10px; margin: 10px; float: left;}
div.textareablue h1 {text-align: justify; font-size: 0.9em; margin-bottom: 5px;}
div.textareablue p {text-align: justify;}
div.textareawhite {padding: 10px; margin: 10px;}
div.textarea {padding: 10px; margin: 10px; background-color: #f4f4f4;}

div.newsflash {width: 165px; height: 145px; background-color: #e3fbff; border: 5px solid #ccc; margin: 10px 0 10px 0; padding: 10px; float: left; overflow: auto;}
div.newsflash ul, div.newsflash ul li {list-style: none; margin: 0; padding: 0; text-align: left; font-size: 0.83em;}
div.newsflash ul li {margin: 0 0 20px 0;}
div.newsflash h1 {text-align: left; font-size: 0.7em; margin-bottom: 5px; }

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;}

#home-slider{ 
	width:720px; 
	position:relative; 
	border:5px solid #ccc; 
	height:370px;
	background:#fff;
	margin-left: 10px;
}
#home-slider ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:540px; 
	list-style:none; 
	padding:0; margin:0; 
	width:180px; 
	height: 370px;
	overflow: auto;
}
#home-slider ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#home-slider ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#home-slider ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#home-slider li.ui-tabs-nav-item a{ 
	display:block; 
	height:70px; 
	color:#333;  background:#fff; 
	line-height:20px;
	text-decoration: none;
}
#home-slider li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#home-slider li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top left no-repeat;  
}
#home-slider ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#home-slider .ui-tabs-panel{ 
	width:530px; height:370px; 
	background:#999; position:relative;
}
#home-slider .ui-tabs-panel .info{ 
	text-align: center;
	position:absolute; 
	top:280px; left:0; 
	height:70px;
	width: 100%; 
	background: url('../images/transparent-bg.png'); 
}
#home-slider .info h2{ 
	font-size:18px;
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#home-slider .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#home-slider .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#home-slider .info a:hover{ 
	text-decoration:underline; 
}
#home-slider .ui-tabs-hide{ 
	display:none; 
}

.clear {clear: both;}