/* CSS Document */
* 
{
	margin:0px; 
	padding:0px; 
}



body  
{
	background-color:#BFCCBF;
	margin:0px; 
	padding:0px; 
	font: 1.0em "Arial";
	font-size:100%;
 	height:100%; 	  
}


a 
{
	 
	border-style: none;
	color:#0033CC;
}

a:visited 
{
	color:#0033CC;
}

#wrapper 
{
	width:808px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	min-height:500px;
	background-image:url(../images/tile.gif);
	background-repeat:repeat-y;
	height:100%;
}


*html #wrapper 
{
	  height:100%;
}


#navBar 
{
	width:160px;
	float:left;
	/* background-color:Blue; */
	min-height:500px;
}

#content
{
	margin-top:75px;
	width:500px;
	float:right;
	xposition:relative;
	xleft:-10px;
	/* background-color:Yellow; */
	min-height:50px;	
	margin-right:63px;
	
}

#wrapperEditor
{
	
	width:100%;
	background-color:#FFFFFF;
	min-height:500px;
	background-image:url(../images/tile.gif);
	background-repeat:repeat-y;
	height:100%;
}


#contentEditor
{
	margin-top:5px;
	width:800px;
	margin-left:170px;	
	min-height:500px;	
}

#footer 
{
	padding-top:15px;
	xpadding-bottom:15px;
	font: 0.6em "Arial";
	font-weight:bold;
	color:#003366;
	clear:both;
	xmargin-left:260px;
	
}

.footerHolder
{
	clear:both;
	padding-bottom:15px;	
}

#searchbox 
{
	padding-left:14px;
	padding-top:10px;
	font: 0.7em "Arial";
	visibility:hidden;
}

#searchbox input 
{
	width:130px;
}

.navimg 
{
	float:left;
	padding-bottom:4px;
}


#subnav 
{
	padding-bottom:10px;
	width:160px;
}

#navCol  li 
{
	list-style-type:none;
	padding: 0px 0px 0px 14px;
	font: 0.7em arial, sans-serif;
	line-height:17px;
	font-weight:bold;
	color: #003366;
}


#navCol ul li ul li
{
	width:120px;
	font: 100% arial, sans-serif;
	padding:0px 0px 0px 8px;
	line-height:17px;
	color: #003366;
	font-weight:bold;
}

#navCol li a
{
	border-style: none;
	color: #003366;
	text-decoration: none;	
	font-weight:normal;
}

#navCol li a:hover 
{
	color: #003366;
	font-weight:bold;
}

#contCol 
{
	border-left:1px solid #003366;
	height:100%;
	padding-top:75px;
	padding-left:85px;
	float:left;
	width:481px;
}

#contCol h1 
{
	font: 0.8em "Arial";
	font-weight:bold;
	color:#003366;
	text-transform: uppercase;
	padding-bottom:15px;
}


#contCol p 
{
	font: 0.8em "Arial";
	color:#333333;
	padding-bottom:15px;
	line-height:17px;
}

#contCol ul 
{
	padding-left:15px;
	font: 0.8em "Arial";
	color:#333333;
	line-height:17px;
	list-style-position:outside;
	
	
}

#contCol ul li 
{
	padding-bottom:15px;
}

#teamCont img
{
	float:left;
	margin:4px 5px 0px 0;
}

#teamCont p
{
float:left;
width:400px;
margin:0;
}

#teamCont h2
{
	float:left;
	width:400px;
	margin:0;
	font: 0.7em "Arial";
	font-weight:bold;
	height:90px;
}

#caption 
{
	clear:both;
	font: 0.7em "Arial";
}

#clientboxwrapper {
	position:relative;
	float:left;
width:0px;
height:0px;
top:19px;
padding-right:3px;

}

.clientfulllist {
position:absolute;
left:-157px;
background:#BFCCBF;
z-index:25;
border:1px solid #003300;
float:left;
font: 0.8em "Arial";
padding-left:5px;
width:150px;
top:27px;
display:none;

}

.clientfulllist p 

{

font-family: "Arial";

font-style: normal;

font-variant: normal;

font-weight: normal;

font-size: 0.8em;

font-size-adjust: none;

font-stretch: normal;

color: #333333;

padding-bottom: 15px;

line-height: 17px;

}


#clientbox {
width:155px;
border:1px black solid;
margin-left:0px;
z-index:2;
height:135px;
float:left;
margin-bottom:3px;
}

.clientbox_title {
font: 0.7em "Arial";
height:40px;
width:151px;
background-color:#244b30;
color:white;
display:block;
text-decoration:none;
padding-left:4px;
padding-top:6px;
}

.clientbox_title a 
{
font: 1em "Arial";
color:white;
text-decoration:none;
}

#clientbox p {
font: 0.7em "Arial";
color:#003366;
margin:0;
padding:0;
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
}

#testemonial 
{
font: 10pt "Arial";
color:#333333;
float:left;
width:220px;
margin-right:15px;
}

#row {
margin-bottom:50px;
}

#testemonial img{
padding-bottom:7px;
}


#testemonial h2 {
font: 10pt "Arial";
font-weight:bold;
padding-bottom:10px;
color:#003366;

}

#consImgs {
padding-bottom:22px;

}

#consultantCont img {
padding-right:6px;
}

#consultantCont h2 {
font: 0.8em "Arial";
color:#003366;
font-weight:bold;
}

#consultantCont h2 a 
{
border-style: none;
color:#0033CC;
}


.consultantprofile {
position:relative;
top:0px;
background:#BFCCBF;
z-index:25;
border:1px solid black;
width:350px;
padding:5px;
display:none;
}

.consultantprofile h3 {
font: 0.8em "Arial";
font-weight:bold;

}

#consultantwrapper {
float:left;
padding-bottom:15px;
}

#consultbox {
z-index:2;
height:150px;
}

#consultGraph {
float:left;
border-right:#003366 1px solid;
margin-right:25px;
height:340px;
width:370px;
text-align:center;
}


#keypic {
font: 0.7em "Arial";
}

#keypic img {
padding-bottom:15px;
}

#projCol1 {
float:left;
width:160px;
}

#projCol1 a 
{
border-style: none;
text-decoration:none;
color:#003300;
}

#projCol1 h1{
padding-bottom:25px;
}

#projCol2 {
float:left;
width:300px;
padding-left:20px;
}

#projCol2 strong {
color:#003366;
}

#projCol2 h3 {
font: 0.8em "Arial";
font-weight:bold;
color:#003366;
text-transform: uppercase;
padding-bottom:10px;
margin-bottom:5px;
border-bottom:1px #003366 solid;
padding-top:10px;
}

#projCol2 p {
padding-top:10px;
padding-bottom:15px;
margin-bottom:5px;
border-bottom:1px #003366 solid;
}



#footer a
{
border-style: none;
text-decoration:none;
color:#003366;
}

#footer a:hover
{
text-decoration:none;
color:#335C85;
}

.clearthefloats {clear:both;}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */







/*****************************************************************************************************/

.menuUL
{
	list-style-type: none;
	background-color: #FFFFFF;
}

.menuUL li
{
	xbackground-color: #003366;
	display: block;
	xborder-bottom: solid 4px #FFFFFF;
	padding-left:0px;
	line-height:15px;
}


.menuUL li a
{
	border-style: none;
	font-family : Trebuchet MS1, Helvetica, sans-serif;
	/*font-family : Tahoma, Geneva, sans-serif;*/
	font-size: 0.8em;
	font-weight : normal;
	color:#FFFFFF;	
	text-decoration:none;
	line-height:12px;
	xpadding: 2px;
	
	
}
.menuUL li a:visited 
{
	color:#FFFFFF;
}

/* level 2 */
.menuSubUL
{
	list-style-type: none;
	background-color: #FFFFFF;
}

.menuSubUL li
{
	background-color: #FFFFFF;
	display: block;	
	padding-left:10px;
	line-height:17px;
}

.menuSubUL li a
{
	border-style: none;
	font-family : Trebuchet MS1, Helvetica, sans-serif;
	/*font-family : Tahoma, Geneva, sans-serif;*/
	font-size: 0.7em;
	font-weight : normal;
	color:#003366;	
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	background-color: #FFFFFF;
}
.menuSubUL li a:visited 
{
	color:#003366;
}

/* level 3 */

.menuSubUL li ul
{	
	padding-left:10px;
}


.menu_bottomSpacer
{
	height:10px;
}

/*****************************************************************************************************/

.menuULeditor
{
	list-style-type: none;
	background-color: #FFFFFF;
}

.menuULeditor li
{
	background-color: #003366;
	display: block;
	xborder-bottom: solid 4px #FFFFFF;
	line-height:17px;
}


.menuULeditor li a
{
	border-style: none;
	font-family : Trebuchet MS1, Helvetica, sans-serif;
	/*font-family : Tahoma, Geneva, sans-serif;*/
	font-size: 0.8em;
	font-weight : normal;
	color:#FFFFFF;	
	text-decoration:none;
	xpadding: 2px;
	xpadding-left:20px;
}
.menuULeditor li a:visited 
{
	color:#FFFFFF;
}

/* level 2 */
.menuSubULeditor
{
	list-style-type: none;
	background-color: #FFFFFF;
}

.menuSubULeditor li
{
	background-color: #FFFFFF;
	display: block;	
	line-height:17px;
}

.menuSubULeditor li a
{
	border-style: none;
	font-family : Trebuchet MS1, Helvetica, sans-serif;
	/*font-family : Tahoma, Geneva, sans-serif;*/
	font-size: 0.7em;
	font-weight : normal;
	color:#003366;	
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	
	padding-left:20px;
	background-color: #FFFFFF;
}
.menuSubULeditor li a:visited 
{
	color:#003366;
}

/* level 3 */
.menuSubULeditor li ul
{	
	padding-left:10px;
}





/**********************************************************************************************************/


.pageStart
{
	font: 0.8em "Arial";
	color:#333333;
	padding-bottom:15px;
}

.pageStart h1
{	
	font: 1em "Arial";
	font-weight:bold;
	color:#003366;
	text-transform: uppercase;
}

.profile
{
	clear:both;
	font: 0.8em "Arial";
	color:#003366;
	font-weight:bold;
}

.profile tr td
{
	vertical-align:top;
}

.profile h3
{
	font: 0.8em "Arial";
	color:black;
	font-weight:normal;
	
}

.profile_popup
{
	font: 1em "Arial";
	background:#BFCCBF;
	z-index:25;
	border:1px solid black;
	width:350px;
	padding:5px;
	display:none;
	cursor:pointer;
	position:absolute;
	
}

.profile_popup p
{
	margin-bottom:15px;
}

.profile_popup ul
{	
	padding-left:15px;
	font: 0.8em "Arial";
	color:#333333;
	
}



#contCol ul li 
{
	padding-bottom:15px;
	margin-bottom:20px;
}

/* ---------------------- Paragraph control -----------------------------------------*/
.paragraph
{
	font: 0.8em "Arial";
	color:#333333;
	padding-bottom:15px;
	line-height:17px;  
}

.paragraph h1
{
	font: 1em "Arial";
	font-weight:bold;
	color:#003366;
	padding-bottom:15px;
	
}

.para_image
{
    display:inline;
    margin-bottom:3px;
}


.image_float_right
{
    float:right;
    margin-left:3px;
}

.image_float_left
{
    float:left;
    margin-right:3px;
}
/* ------------------------ Image control -----------------------------------*/

.div_image
{
	clear:both;
	display:block;
}

.norm_image
{
	
	
}

.norm_image_title
{
	 font-size:0.9em;
	 font-weight:bold;
}
/* -------------------------------- Person Control -----------------------------------*/


.person
{
	font: 0.8em "Arial";
	color:#333333;
	padding-bottom:0px;
	line-height:17px;
	margin-right:45px;
	
}

.person td img
{
	width:65px;
	height:76px;
	margin-right:4px;
	margin-bottom:4px;
}

.person td
{
	vertical-align:top;
}

.person h3
{
	font: 1em "Arial";
	color:black;
	
}

.person div
{
	
}

/* -------------------------------- Bullet List -----------------------------------*/

.bullet_list
{
	font: 0.8em "Arial";
	color:#333333;
}

.bullet_list li
{
	margin-bottom:20px;
}

.bullet_list b
{
	
	color:#000000;
}

/* --------------------------------- Image Flipper --------------------------------------- */

.flipper
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.7em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

.flipper img
{
	border:none;
}


.flipper_main
{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
	margin-right: 25px;
	height: 340px;
	width: 370px;
	text-align: center;
}



.flipper_thumb
{
	border:none;
	padding-bottom:30px;
}

/* -------------------------- Press Item ------------------------------------ */

.pressItem
{
	font-family: "Arial";
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 0.8em;
font-size-adjust: none;
font-stretch: normal;
color: #333333;
padding-bottom: 15px;
line-height: 17px;
}


.pressItem_title
{
	color: #003366;
	font-size: 1.1em;
}

.pressItem_subtitle
{
	
}


/* -------------------------- Projects List ------------------------------------ */

#projectList
{
	float: right;
	width: 320px;
	padding-left: 10px;	
}

#projectExamplesH
{
	float: right;
	width: 320px;
	padding-left: 10px;	
}

#projectExamplesH h1
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-size: 0.8em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-weight: bold;
	color: #003366;
	text-transform: uppercase;
	padding-bottom: 15px;
		
}


#projectListLabel_div
{
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-top: 10px;
	margin-bottom:10px;
	width: 320px;
}

#projectListLabel
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-size: 0.8em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-weight: bold;
	color: #003366;
	text-transform: uppercase;
	
}

#projects_Groups
{
	float:left;
	width: 170px;
}

#projectList p
{
	
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.8em;
	font-size-adjust: none;
	font-stretch: normal;
	color: #333333;
	padding-bottom: 15px;
	line-height: 17px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}

#projectList strong
{
	color: #003366;
}

#projectList h3
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-size: 0.8em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-weight: bold;
	color: #003366;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-top: 10px;
}
/*----------*/

#projects_byType
{
	
	
}

#projects_byType h1
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-size: 0.8em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-weight: bold;
	color: #003366;
	text-transform: uppercase;
	padding-bottom: 25px;
}

#projects_byType p
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.8em;
	font-size-adjust: none;
	font-stretch: normal;
	color: #333333;
	padding-bottom: 15px;
	line-height: 17px;
}

#projects_byType a
{
	text-decoration: none;
	color: black;
}

#projects_byType a:visited
{
	color: black;
}
/*----------*/

#projects_bySector
{
	
	
}

#projects_bySector h1
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-size: 0.8em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-weight: bold;
	color: #003366;
	text-transform: uppercase;
	padding-bottom: 25px;
}

#projects_bySector p
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.8em;
	font-size-adjust: none;
	font-stretch: normal;
	color: #333333;
	padding-bottom: 15px;
	line-height: 17px;
}

#projects_bySector a
{
	text-decoration: none;
	color: black;
}

#projects_bySector a:visited
{
	color: black;
}




/* --------------------------------------------------------------------------------------- */

.pageName
{
	text-transform:uppercase;
	font-weight: bold;
	color: #003366;
	font-size:0.8em;
	margin-bottom:20px;
}


.menu_image
{
	border-style: none;
	xposition:relative;
		
	xtop:0px;
	xleft:-2px;
}

.title
{
	font-family: "Arial";
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-weight: bold;
	color: #003366;
}

.searchHyperLink
{
	text-decoration: none;
	color: #0033cc;
	 _color: #003366; 
}

.searchHyperLink:hover
{
	text-decoration: none;
	color: #335c85;
}