/************** peak.css *******************************/
BODY
{
	font-family: /*Verdana,*/ Trebuchet, Arial, sans-serif;
	color: #000;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

H1
{
	font-size: 150%;
	color: #ED8E00;
	margin: 0 0 10px 0;
	padding: 0;
}

H2
{
	font-size: 110%;
	color: #ED8E00;
	margin: 15px 0 0 0;
	padding: 0;
}

a:link, a:active, a:visited {
	color: #1C5391;
	text-decoration: none;
}

a:hover {
color: red;
text-decoration: underline;
}


/************* #banner styles *********************************************************************************
/*Not named header because the original header html and style were deleted after launch*/
#banner
{
	width: 100%;
	background: url(../images/bannerBG2.jpg) repeat-x;
	float: left;
}

#banner UL
{
	position: relative;
	margin: 0 auto;
	list-style: none;
	width: 980px;
	height: 107px;
	padding: 0;
}

#banner LI.img
{
	border: none;
}

#banner LI
{
	float: left;
	padding: 0;
}

#banner LI.rockDude
{
	width: 162px;
	height: 107px;
	overflow: hidden;
}

#banner LI.logo
{
	width: 33%;
	margin-bottom: -5px;
}

#banner LI.slogan
{
	width: 35%;
	margin-left: 30px;
	height: 107px;
}

#banner LI.bannerp
{
	width: 11%;
	margin-top: 3em;
	float: right;
}
#banner LI.bannerp P
{
	text-align: right;
	font-size: 90%;
	line-height: 1.3;
	font-weight: 700;
	color: #FFF;
	padding: 0;
	margin: 0;
}

/************* #nav styles *************************************************************************************/
#nav
{
	background-color: #ED8E00;
	height: 2.78em;
	font-size: 80%;
	clear: both;
	margin-top: -2px;
	width: 100%;
}
#nav UL
{
	position: relative;
	margin: 0 auto;
	list-style: none;
	width: 980px;
	padding: 0;
}
#nav LI
{
	float: left;
	width: 12.48%;
}
#nav A:link, #nav A:visited, #nav A:active
{
	color: #FFF;
	display: block;
	font-size: 100%;
	font-weight: 700;
	padding: 0.8em;
	text-decoration: none;
	text-align: center;
	background-color: #ED8E00;
}
/*Colours flip for hover, visted and tabOn*/
#nav A:hover, #nav A:link.tabOn, #nav A:visited.tabOn, #nav A:active.tabOn
{
	color: #ED8E00;
	background-color: #FFF;
}

/************* #homePage styles ******************************************************************************/
#container
{
	position: relative;
	margin: 0 auto;
	width: 980px;
	padding: 0;
}

		#homePageLeft h2, #homePageRight h2 {
			margin: 20px 0 0 15px;		}

	#homePageLeft
	{
		float: left;
		width: 780px;
		font-size: 72%;
	}

		.more
		{
			text-align: right;
			padding-right: 10px;
			text-decoration: underline;
		}

		#homePageLeft UL
		{
			list-style-type: disc;
			list-style-image: url(../images/arrow.png);
			list-style-position: inside;
			padding: 0;
			line-height: 1.5;
			margin: 0 0 15px 30px;
			text-indent: -20px;
		}

		#homePageLeft UL a /*For IE - puts space between arrow bullet and link*/
		{
			margin-left: 5px;
		}

		#homePageLeft h2 
		{
			margin: 15px 0 0 8px;
		}

		#whatWeDo
		{
			float: left;
			margin: 10px 0 20px 0;
		}

				#whatWeDo P
				{
					margin: 10px 0 10px 0;
				}

				#analysis, #design, #evaluate, #training
				{
					float: left;
					width: 165px;
					background: url(../images/bg.jpg) no-repeat;
					border: 2px solid #C7C7C7;
				}

				#design, #evaluate, #training {
					margin-left: 25px;
				}

				#evaluate IMG,  #training IMG
				{
					margin: 10px 0 10px 47.5px;
					border: 0;
				}

				#design IMG, #analysis IMG
				{
					margin: 10px 0 10px 35px;
					border: 0;
				}

		#whoAreWe
		{
			float: left;
			width: 150px;
			padding-right: 15px;
		}
		
		#homePageQuote {
			float: right;
			width: 170px;
			font-size: 130%;
			margin-right: 27px;
			color: #737272;
		}

			#homePageQuote h1 {
			font-size: 110%;
			}
				#homePageQuote p{
					/*color: #ED8E00;*/
					margin: 0;
					padding: 0;
					clear: both;
					font-weight: 700;
				}

				#homePageQuote p.source{
					float: right;
					margin: 15px 0 15px 0;	
					font-size: 90%;
					font-weight: 700;
				}

				#homePageQuote p.moreTestimonials 
				{
					text-align: right;
					text-decoration: underline;
					font-size: 85%;
					color: #1C5391;
					font-weight: 100;
				}	

		#homePageLogos {
			float: left;
			margin-left: 30px;
			_margin-left: 55px;
			width: 358px;
		}

				#homePageLogos img {
					margin: 30px 0 0 0;
					border: 1px solid #C7C7C7;
					padding: 15px;
				}

				#homePageLogos img.middle {
					margin: 0 8px;
				}

	#homePageRight
	{
		float: left;
		width: 190px;
			font-size: 72%;
	}

		#newsletter
		{
			margin-top: 20px;
			border: 1px solid #C7C7C7;
			padding: 10px;
		}

		#clients
		{
			margin: 20px 0 0 0;
			border: 1px solid #C7C7C7;
			padding: 10px;
			height: 340px;

		}

		#clients img {
			border: 0;
			float: left;
			margin: 5px 10px 0 10px;
		}

		#clients img.wide {
			margin:  0 10px -10px 30px;
		}

		#clients img.bottom {
			margin-bottom: 0px;
		}
/****************************************************** Left NAV styles **************************************************************************/
#leftNav {	width: 160px; font-size: 80%; margin: 1em 0 0 0; float: left; text-align: center; clear: both; }
#leftNav dl { margin: 0;	text-align: left; }

#leftNav dt { background-color: #ed8e00; }
#leftNav dt.tabOn { background-color: #ed8e00; color: #FFF; font-weight: 700;	font-size: 100%; padding: 0.7em 0 0.7em 0.7em; }

#leftNav dt a:link, #leftNav dt a:visited, #leftNav dt a:active {
	color: #FFF; font-weight: 700;	font-size: 100%; 
	background: none;
	padding: 0.7em 0 0.7em 0.7em;
}

#leftNav dt a:hover {
	color: #ed8e00;
	background-color: #FFF;
	padding: 0.7em 0 0.7em 0.7em;
}

#leftNav dd {	 margin: 0; font-size: 100%; border: 1px solid #fee0bf; }
#leftNav dd.tabOn {
	padding: 0.5em 0 0.5em 1.5em;
	background: #fff url(../images/arrow_nav_down.jpg) no-repeat 0.6em 0.8em;
}

#leftNav a:link, #leftNav a:visited,  #leftNav a:active {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 0.5em 0 0.5em 1.5em;
	background: #ffebd3 url(../images/arrow_leftNav2.png) no-repeat 0.6em 0.8em;
}

#leftNav a.linkHeading {
	/*For the three new headings in the Services menu: Research, Design and Test*/
	background-color: #fdddb6;
}

/*2nd Level navigation links for the new Services menu*/
#leftNav dd.sub { padding-left: 2.5em; }

#leftNav a.sub:link, #leftNav a.sub:visited, #leftNav a.sub:active {
	padding-left: 2.5em;
	background-position: 1.6em 0.8em;
	background: #ffebd3 url(../images/arrow_leftNav.jpg) no-repeat 1.6em 0.8em;
}

#leftNav a:hover, #leftNav a.sub:hover { /*Colour flips for hover*/ background-color: #FFF; }

/*tabOn styles - for current page display*/
#leftNav a.tabOn {	background: #fff url(../images/arrow_nav_down.png) no-repeat 0.6em 0.8em;}
#leftNav a.sub.tabOn { background: #fff url(../images/arrow_nav_down.jpg) no-repeat 1.6em 0.8em; }

#leftNav a.img:link, #leftNav a.img:visited, #leftNav a.img:active, #leftNav a.img:hover{
	background: #fff; border: 0; margin: 15px 15px 15px -10px; }
#leftNav img { border: 0; }

/******************************************** CONTENT styles **************************************************************************/
#content{
	float: left;
	width: 600px;
	margin: 1em 1em 40px 1em;
	display: inline; /*BE NICE TO IE6! */
	background-color: #FFF;
	font-size: 80%;
}

#content h1 {
	font-size: 130%;
}

#content a:link, #content a:visited, #content a:active {
	text-decoration: underline;
}

#breadCrumb{ font-size: 90%; 	margin-bottom: 10px; } 

#content.error404 { width: 80%; }

#content p, #content table, #content ul {
	line-height: 1.2;	
}

#content li {
	margin-bottom: 10px;
}

/*Additional padding for Services/Resources index nav tables*/
#content .info{ margin: 0; padding: 1em; }
#info p { margin: 0; padding: 1em; }

#content p.alt, #content .alt{ background: url(../images/altBG.jpg) repeat;/*background-color: /*#E5E7E9; /*light grey*/ /*#ecf6ff #e3f1fe;*/}

#content h2.serviceHeading {
	padding-left: 1em;
}

#content h2.serviceHeadingAlt {
	background-color: #E5E7E9; /*light grey*/
	padding-top: 1em;
	padding-left: 1em;
}

#content p.sub{ padding: 0 0 0 2em; }

#content .new {font-size: 70%; color: red; vertical-align: super; }

/*Testing faciliies has a note under "Field Testing" that needed differentiation*/
#content p.note{ font-size: 70%; }

/*START Sitemap DL stylings*/
#content.sitemap dl{
	float: left;
	margin: 1.5em 2em 0 0;
	padding: 0;
}

#content.sitemap dd{
	margin: 0.5em 0 0 1em;
	padding: 0;
}
/*END Sitemap DL stylings*/

#content a.img:link, #content a.img:visited, #content a.img:active, #content a.img:hover {
	float: left;
	background: #fff;
	border: 0;
	margin: 1em 1em 1em 3em;
}

#content img { border: 0; }

#content IMG.icon 
{
	float: left;
	margin: 15px 15px 15px 0;
}

#testRoom {
	float: left;
	margin-bottom: 20px;
}

#testRoom img {
	float: left;
	margin-right: 15px;
}

#testRoom h2 {
	margin-top: 0;
}

#content .team{ float: left; /*Wraps the team bios around the staff images*/ }

#content img.team{ float: left; margin: 1em 1em 1em 0; }


/*START General utility classes*/
#content .left{ float: left; }

#content .right{ float: left;	margin-left: 30px; }

#content p.clear{	clear: both; }
/*END General Utility classes*/

#content p.caption{
	font-size: 90%;
	color: #666666;
	margin-right: 0;
	padding-right: 0;
}

#content table { margin-bottom: 0; }

#content th, #content .orange {
	background-color: #ed8e00;
	padding: 0.5em;
	color: #fff;
}

#content td { padding: 0.75em; }

#content .subList{ font-size: 100%; }

#content .error404{ /*Subtle*/ font-size: 150%; }

#content img.error404{ float: left; margin: 0 1em 0 0; }

 #content img.services {
	float: right;	margin: 0 10px 10px 10px; 
}

#alt { margin: 0; padding: 10px; background-color: /*#E5E7E9; }*/#d9eeff }
#module { margin: 0; padding: 10px; }



/************** #quotes *****************************/
blockquote {
	float: left;
	background: url(../images/quote_left.jpg) no-repeat 0 0;
	padding: 5px 0 0 26px;
	margin: 1em 0 0 0;
	_width: 90%;
}

blockquote.margin {
	margin-top: 0;
}

blockquote.homePage{
	width: 65%;
	margin: 1em 0 0 5em;
	_margin: 1em 0 0 2.5em; /*For IE6 - Be nice to it*/
}

blockquote p{
	clear: both;
	color: #CC6600;
	margin: 0;
	padding: 0;
}

blockquote p.source{
	float: right;
	color: #737272;
	margin: 1em 0 0.5em 0;	
}

blockquote .quote {
	background: url(../images/quote_right.jpg) no-repeat 0.5em 0.5em;
	padding-right: 3em;
	padding-bottom: 3em;
}

/****************************************** RIGHT**********************************************/
	#right
	{
		font-size: 80%;
		float: left;
		width: 190px;
		margin: 0;
	}

	#right h1 {
		font-size: 130%;
	}

	/************** #whereToNow styles *****************/
#relatedLinks {
	border: 1px solid #C7C7C7;
	padding: 10px 10px 0 10px;
	margin: 20px 0 20px 0;
	clear: left;
}

#relatedLinks ul {
	list-style-image: url(../images/arrow.png);
	margin-top: 0;
	line-height: 1.5;
}

#relatedLinks li {
	margin-left: -20px;
}

		/************** rightQuotes *************************/
		#rightQuotes {
			margin-top: 30px;
		}

		#rightQuotes dl {
			margin: 1% 0.5% 0 0;
			float: left;
			background: url(../images/greyHighlight.jpg) no-repeat;
			padding: 0.5em 0 0 0.5em;
		}

		#rightQuotes dd {
			background: url(../images/arrow.jpg) no-repeat 0.2em 0.7em;
			padding-left: 1em;
			margin-left: 1em;
			line-height: 1.8em;
		}

		#rightQuotes blockquote {
			width: 160px;
						font-size: 90%;
		}
	
.heavy {
	font-weight: 700;
}

/************* #footer styles ***************/
#footer
{
	clear: both;
	font-size: 60%;
	color: #737272;
	padding: 0.5em;
	text-align: center;
	border-top: 1px solid #ED8E00;
	width: 35%;
	margin: 0 auto;
	position: relative;
}




















/************** #featureBox styles *****************/
#featureBox {
	float: left;
	padding: 0.5em;
	margin: 1% 0.5% 1% 0;
	border-left: 7px solid #ed8e00;
	background: url(../images/featureBoxRight.jpg) repeat-y right;
	width: 20%; 
}

#featureBox.homePage { width: 250px; margin: -30px 0 0 30px; }

#featureBox ul {
	margin: 0 0 0 10%;
	padding: 0;
	font-size: 70%;
}

#featureBox p { font-size: 70%; }

#featureBox h3{ color: #737272; /*Grey*/}

#newsability h1 {
	font-size: 160%;
	margin-bottom: 5px;
	margin-top: 10px;
}

#newsability h2 {
	font-size: 130%;
	margin-bottom: 5px;
}

#newsability p{
	line-height: 1.5;
}

#highLightBox {
	background: #f1f1f1;
}

#tip {
	border-bottom: 1px solid #ed8e00;
	border-right: 1px solid #ed8e00;
	margin: 30px 30px 30px 30px;
	padding-left: 80px;
	padding-right: 20px;
	background: url(../images/tip.jpg) no-repeat 0 0;
	min-height: 75px;
	height: auto !important;
	height: 75px;
}

#tip p {
	margin-bottom: 20px;
}

.tip {
	float: left;
	margin: 10px;
}

#trap {
	margin: 30px 0 0 0;
	padding-left: 60px;
	padding-right: 20px;
	background: url(../images/trap.jpg) no-repeat 0 0;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	font-weight: 700;
}

#printPage {
	margin-top: 20px;
	padding: 10px 0 10px 20px;
	float: left;
	width: 170px;;
	background: #f1f1f1;
}

#sendToFriend {
	margin: 20px 0 20px 0;
	padding: 10px 0 10px 10px;
	float: left;
	width: 180px;
	background: #f1f1f1;
}

#printPage img, #sendToFriend img {
	border: 0;
	float: left;
	margin-right: 10px;
}

#printPage p  {
	margin-left: 10px;
	font-size: 120%;
	font-weight: 700;
	margin-top: 25px;
}

#sendToFriend p {
	margin: 0;
	font-size: 120%;
	font-weight: 700;
	padding-top: 10px;
}

#servicesContainer {
	float: left;
	width: 590px;
	_width: 99%;
	padding-left: 10px;
}

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

#servicesContainer img.trainingImgMargin 
{
	margin-left: 20px;
	margin-right: 30px;
}

#servicesContainer img.evaluateImgMargin 
{
	margin-left: 15px;
	margin-right: 20px;
}

.ourClients img {
	margin: 10px;
}

.ourClients li {
	float: left;
	width: 225px;
	margin: 0 0 0 50px;
}

.ourClients ul {
	margin: 0 0 30px 0;
	padding: 0;
}

.ourClients h2 {
	clear: left;
}

.ourClients p {
	clear: left;
	text-align: center;
}

#clientTestimonials {
	width: 300px;
}

img.twitter {
	margin: 20px 0 0 5px;
	border: none;
}

#clicktale {
	width: 336px;
	border: 2px solid #C7C7C7;
	float: left;
	margin-left: 30px;
	padding: 11px;
}

#clicktale img {
border: none;
float: left;
margin-right: 20px;
}

img.heatMap {
float: right;
margin-left: 20px;
}

small {
float: right;
width: 250px;
clear: right;
}