/* CSS Document */
	
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:url(images/bg.gif) top left repeat-x;
}
div.home #nav a.home {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.kwatch #nav a.kwatch {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.services #nav a.services {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.profile #nav a.profile {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.clients #nav a.clients {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.glossary #nav a.glossary {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.contact #nav a.contact {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.search #nav a.search {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.login #nav a.login {background: url(images/nav-bg-d.gif) top left repeat-x;}
div.case_studies #nav a.case_studies {background: url(images/nav-bg-d.gif) top left repeat-x;}

p {margin:5px 0px 10px 0px; padding:0px}
a {color: #013e5b;}
a:hover {color: #3580a4; text-decoration: none;}
table {font-size: 1em;}	
h1 {font-size: 18px;color:#ff8820;font-weight: normal; margin:0px; padding:10px 0px 10px 0px;}		
h5 {font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#006495; padding:3px 5px; font:arial;
	background-image:url(images/h5-bg.gif); background-position:top right; background-repeat:no-repeat; margin:20px 0px 5px 0px;}
.r {font-size: 12px; /*position: relative;*/ top: -10px;}
a img {border:none;}

#wrapper {
	width: 946px; 
	margin: 0px auto; 
	text-align: left;
	position: relative;
}

#foot {position:absolute; left: 0px; bottom: 10px; color:#999999; text-align:left; width:946px; font-size:10px;}
#foot a {text-decoration:none; color:#999999;}

#header {border-bottom: 1px solid white;}
#header img {}
#contentarea {margin: 0px 200px 0px 240px;}
#contentarea h2 {color:#006495; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 5px 0px; padding:0px;font-weight:bold;}
#contentarea h3 {color:#006495; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:5px 0px; padding:0px;	font-weight:normal;}
#contentarea a h3 {color:#006495; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:5px 0px; padding:0px;	font-weight:normal; text-decoration:underline;}
#contentarea h4 {color:#006495; font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; 
text-transform:uppercase; margin: 0px; padding: 0px 0px 0px 15px;}
#content p {margin:10px 0px; padding:0px;}
#contentarea img {float: right; border: 3px double #a9a9a9; margin: 3px;}
#contentarea .noborder img {border: none; margin: 0px;}

#contentarea div.center img {float:none}
div.center {text-align:center}
.readmore {float:right;}
.trail {color:#01405f; text-transform:uppercase; font-size:10px; padding-top:5px;}
.trail a {color:#3680a5; text-decoration:none;}
.trail a:hover {color:#3680a5; text-decoration:underline;}

#negtour div#contentarea img {float:none; border: none; margin-top: 0px;}

#main {}
#right {float: right; width:188px; background: url(images/left-bg.gif) top right no-repeat #006495; color: white;}
#right table {margin:6px 0px 0px 6px; font-size:8px;}
#right h2 {
	font-size: 17px;
	color: white;
	font-weight: bold; 
	text-transform: uppercase;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 3px 20px;
	border-top: 2px solid #adc4d6;
}
#right h3 {font-size:9px; text-transform:uppercase; margin:0px 10px; padding:0px;}
#right p {margin: 0px 10px 10px 10px; font-size:9px;}
#right ul {list-style-type: none; padding: 0px; margin: 23px 0px 60px 11px; font-size: 10px;}
#right li {background: url(images/arrow.gif) left 2px no-repeat; padding: 0px 32px 14px 32px;}
#right a {font-weight: bold; color:#fdaa2c; font-size: 11px; text-decoration: none;}
#right a:hover {text-decoration: underline;}

#adkwatch a.adkwatch {font-weight:bold;}
#adneg a.adneg {font-weight:bold;}
#adman a.adman {font-weight:bold;}
#adexp a.adexp {font-weight:bold;}
#adind a.adind {font-weight:bold;}

#account a.account {font-weight:bold;}
#efficiency a.efficiency {font-weight:bold;}
#contract a.contract {font-weight:bold;}
#consulting a.consulting {font-weight:bold;}
#project a.project {font-weight:bold;}
#pool a.pool {font-weight:bold;}

#left {float: left; width:223px; background: url(images/right-bg.jpg) top right no-repeat #006495; color: white;}
#left h2 {
	font-size: 17px;
	color: white;
	font-weight: bold; 
	text-transform: uppercase;
	background: url(images/h2-arrow.gif) left 50% no-repeat;
	margin: 32px 0px 20px 8px;
	padding: 3px 0px 3px 35px;
}
#left p {margin: 0px 11px;}
#left ul {list-style-type: none; padding: 0px; margin: 23px 0px 60px 11px; font-size: 10px;}
#left li {background: url(images/arrow.gif) left 2px no-repeat; padding: 0px 32px 14px 18px;}
#left a {color:#fdaa2c; font-size: 11px; text-decoration: none;}
#left a:hover {text-decoration: underline;}

#negTourNav {margin: 10px 0px;}
#negTourNav td {
	padding: 2px; 
	border-right: 2px solid white; 
	background: #3580a4; 
	color: white; 
	text-align: center;
	font-family: sans-serif,arial, helvetica;
	font-size: 12px;
}

#footer {clear:both; background:#fdaa2c;}
#underfooter {padding:2px 0px 4px 10px}
#underfooter a {font-weight: bold; color: black; text-decoration: none;}

			
/*************** tab drop down navigation styles ***************/

#container {text-align: left;position:absolute; top:117px; left:0px;z-index:10;}
#nav {}

#nav ul {
	/*text-align: baseline; */ 
	list-style: none;
	display: block;
	line-height: 1;
	background: url(images/nav-bg.gif) top left repeat-x;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width: 949px;
	height:26px;
	border: solid white;
	border-width: 0 0 0px 0;
}
#nav a {
	display: block;
	font-family: sans-serif,arial, helvetica;
	font-size: 12px;
	width: auto;
	color: white;
	text-decoration: none;
	padding: 6px 16px 8px 17px;
	text-transform: uppercase;
	background: url(images/nav-bg.gif) top left repeat-x;
	letter-spacing: 1px;
}
#nav li {float: left;padding:0;width: auto;border: solid white; border-width: 0 1px 0 0;}
#nav li ul {
	position: absolute;
	z-index:10;
	left: -999em;
	height: auto;
	width: 175px;
	font-weight: normal;
	margin: 0;
	border: solid white;
	border-width: 0px 0px 1px 0;
}

/*  width of subnav   */
#nav li li {width: 175px;margin: 0px;padding:0px;}
#nav li ul a {background:#3580a4;font-weight: normal;letter-spacing: 0;text-transform: capitalize; font-size: 11px; line-height: 13px;}
#nav a:hover {background: url(images/nav-bg-d.gif) top left repeat-x;}
#nav li:hover ul ul,  #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;color: #fff;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, 
#nav li li.sfhover ul, #nav li li li.sfhover ul {width: 135px;left: auto;color: #fff;}
/* hover colours of top level only in nav  */
#nav li:hover, #nav li.sfhover {background: #BCD92B;color: #653694;}
/* hover colours of subnav */
#nav li ul a:hover {background: #faa829;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
/*	position: relative;*/
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}