@charset "utf-8";
/* CSS Document */

html{
	/* FORCE VERTICAL SCROLLBAR */
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: scroll;
	background-color:#000000;
	background-image:url(../img/footer_bg.gif);
	background-repeat:repeat;
	background-position:top center;
}

html, *, p, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}
.clear{
	clear:both;
}
a, a:visited{
	text-decoration:none;
}
a:hover{
	color:#4D4D4D;
	text-decoration:underline;
}
p{
	padding:0;
	margin:8px 0;
	line-height:16px;
}
.inner{
	width:890px;
	margin:0 auto;
	position:relative;
}


/* PAGE BACKGROUNDS */
#home_pages_view{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-y;
	background-position:670px 0;
}
#people_index{
	background-image:url(../img/bg_dots_people.gif);
	background-repeat:repeat-y;
	background-position:153px 0;
}
#site_resources_index{
	background-image:url(../img/bg_dots_people.gif);
	background-repeat:repeat-y;
	background-position:153px 0;
}
#contents_view{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-y;
	background-position:670px 0;
}


#header .inner, #footer .inner{
	width:940px;
}
/* CONTAINER STYLES */
		#container{
			
		}

/* HEADER STYLES */
		#header{
			position:relative;
			background-color:#000000;
			padding:20px 0;
			height:89px;
		}
			#logo{
				padding:0 0 0 10px;
			}
			#main_nav{
				clear:both;
				padding:19px 0 0 0;
				margin:0;
			}
			#main_nav ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			#main_nav ul li{
				float:left;
				margin:0 10px 0 0;
				position: relative;
				display: inline;
				float: left;
				list-style:none;
			}
			#main_nav ul li a, #main_nav ul li a:visited{
				width:135px;
				padding:0 0 0 10px;
				float:left;
				display: block;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				color:#808080;
			}
			#main_nav ul li a:hover{
				cursor:hand;
			}
			#main_nav ul li a span, #main_nav ul li a:visited span{
				border-top:5px solid #808080;
				float:left;
				width:125px;
				padding:5px 10px 22px 0px;
			}
			#main_nav li ul {
				display: none;
				position: absolute;
				top: 40px;
				left: 0;
				width: 155px;
				padding: 0 0 5px 0;
				list-style:none;
			}
			#main_nav li:hover ul {
				display: block;
				width:155px;
				list-style:none;
			}
			#main_nav li ul li {
				float: none;
				list-style:none;
				display: block;
			}
			#main_nav li ul li a, #main_nav li ul li a:visited {
				padding: 0;
				display: inline-block;
				font-weight:normal;
				line-height:16px;
			}
			#main_nav li ul li a, #main_nav li ul li a:visited {
				display: inline-block;
				background-color: #000000;
				opacity:0.9;
				filter:alpha(opacity=90);
				padding:10px;
				border-top:1px solid #F2F2F2;
				color:#FFFFFF;
			}
			#main_nav li ul li a:hover {
				color:#000000;
				background-color: #F2F2F2;
			}
			
			
			/* Minor Nav Links (Contact, Login etc) */
			#mini_nav{
				position:absolute;
				top:0px;
				right:20px;
			}
			#mini_nav ul li{
				float:left;
				margin-left:10px;
			}
			#mini_nav ul li a, #mini_nav ul li a:visited{
				float:left;
				color:#FFFFFF;
				text-decoration:none;
			}
			#mini_nav ul li a:hover{
				text-decoration:underline;
			}
	
	
	
/* CONTENT AREA STYLES*/	
		#content_area{
			padding:20px 30px;
			background-image:url(../img/content_inner_shadow.gif);
			background-position:0 0;
			background-repeat:repeat-x;
			background-color:#FFFFFF;
		}
			#main_content{
				float:left;
				width:650px;
			}
			
				/* QUOTE AREA */
				#quote_area, #quote_area_sml{
					width:650px;
					height:200px;
					background-color:#FFFFFF;
					position:relative;
				}
				
				#quote_area img, #quote_area_sml img {
					position:absolute;
					top:0;
					left:0;
					z-index:8;
					display:none;
				}
				
				#quote_area img.active, #quote_area_sml img.active {
					z-index:10;
				}
				
				#quote_area img.last-active, #quote_area_sml img.last-active {
					z-index:9;
				}

				
				
				.home #quote_area{
					height:300px;
				}
				.home #quote_area_sml{
					height:160px;
				}
				.page_title{
					padding:10px 0 10px 0;
				}
				.page_title h1{
					font-size:16px;
					padding:10px 0 15px 0;
					background-image:url(../img/dot.gif);
					background-repeat:repeat-x;
					background-position:0 30px;
				}
				#main_content .intro_text{
					padding:0 0 0 15px;
				}
				#main_content .intro_text p{
					font-size:15px;
					line-height:18px;
				}
				#main_content .quarter_box{
					float:left;
					width:140px;
					padding:10px 30px 10px 0px;
				}
				#main_content .last_box{
					padding-right:0;
				}
				#main_content .quarter_box h2{
					font-size:12px;
					padding:10px 0 15px 0;
					background-image:url(../img/dot.gif);
					background-repeat:repeat-x;
					background-position:0 28px;
				}
				
				
				
/* PEOPLE CONTENT */
			#people_content{
				float:left;
				width:500px;
			}	
			#people_content .page_title{
				padding:10px 0 10px 15px;
			}
			#people_content .page_title h1{
				font-size:16px;
				padding:10px 0 12px 0;
				background-image:url(../img/dot.gif);
				background-repeat:repeat-x;
				background-position:0 30px;
			}
			#people_content .page_text{
				padding:10px 15px;
				clear:both;
			}
				
				a.item_summary, a.item_summary:visited{
					position:relative;
					display:block;
					height:75px;
					padding:10px 0;
				}
				a.item_summary:hover{
					text-decoration:none;
				}
				
				a .open_close, a:visited .open_close{
					position:absolute;
					top:20px;
					right:0;
					width:50px;
					height:25px;
					background-image:url('../img/resource_link_open.gif');
					background-repeat:no-repeat;
					background-position:right 8px;
				}
				a:hover .open_close{
					background-position:right -58px;
				}
				a.selected .open_close, a:visited.selected .open_close{
					background-image:url('../img/resource_link_close.gif');
				}
				
				.item_summary img{
					float:left;
				}
				.item_summary .text{
					float:right;
					width:375px;
				}
					.item_summary .text span{
						clear:both;
						display:block;
						font-weight:bold;
						line-height:20px;
					}
					.item_summary .text span.title, a.item_summary:hover .text span.title{
						padding:5px 0 0 0;
						font-size:14px;
						color:#000000;
						text-decoration:none;
					}
					.item_summary .text span.position, a.item_summary:hover .text span.position{
						font-size:12px;
						color:#000000;
						text-decoration:none;
					}
					.item_summary .text span.more_link{
						padding:10px 0 0 0;
						font-size:11px;
						font-weight:normal;
					}
					a.item_summary:hover .text span.more_link{
						text-decoration:underline;
					}
					a.selected .text span.more_link{
						display:none;
					}
				.item_detail{
					width:475px;
					background-image:url(../img/dot.gif);
					background-repeat:repeat-x;
					background-position:bottom left;
				}
			
			
/* RESOURCES */

			#main_resources_content{
				float:left;
				width:500px;
			}
				#resource_message{
					float:left;
					width:400px;
					padding:20px 0 0 20px;
				}
				#main_resources_content .page_title{
					padding:10px 0 10px 15px;
				}
				#main_resources_content .page_title h1{
					float:left;
					font-size:16px;
					width:411px;
					padding:10px 0 12px 0;
					background-image:url(../img/dot.gif);
					background-repeat:repeat-x;
					background-position:0 30px;
				}
				
				/* RESOURCE SMALL LINKS */
				
				#main_resources_content .resource_small_links{
					float:right;
					margin:0 0 0 15px;
					padding:0;
				}
				#main_resources_content .resource_small_links ul{
					float:left;
					margin:0;
					padding:0;
					list-style:none;
				}
				#main_resources_content .resource_small_links li{
					float:left;
					clear:both;
					color:#4D4D4D;
				}
				#main_resources_content .resource_small_links li a, #main_resources_content .resource_small_links li a:visited{
					float:left;
					color:#4D4D4D;
					font-size:11px;
					width:30px;
					margin:0;
					padding:0 20px 5px 0;
					text-decoration:none;
					text-align:right;
					background-repeat:no-repeat;
					background-position:top right;
				}
				#main_resources_content .resource_small_links li a:hover{
					color:#1B75BB;
					background-position:right -65px;
				}
				#main_resources_content .resource_small_links li a.video, #main_resources_content .resource_small_links li a:visited.video{
					background-image:url(../img/resource_filter_video.gif);
				}
				#main_resources_content .resource_small_links li a.article, #main_resources_content .resource_small_links li a:visited.article{
					background-image:url(../img/resource_filter_article.gif);
				}
				#main_resources_content .resource_small_links li a.url, #main_resources_content .resource_small_links li a:visited.url{
					background-image:url(../img/resource_filter_url.gif);
				}
				
				#main_resources_content .sub_title h2{
					float:left;
					clear:both;
					font-size:14px;
					padding:45px 0 0 15px;
					margin:0;
				}
				#main_resources_content .page_text{
					float:left;
					margin-top:25px;
				}
				#main_resources_content .resource_listing{
					float:left;
					width:480px;
					clear:both;
					margin:0 0 0 15px;
					padding:10px 0;
				}
				#main_resources_content .resource_listing a{
					clear:both;
				}
				
				.basic div{
					padding:0 50px 0 70px;
				}
				.basic .title {
					display:block;
					padding:5px;
					margin-top: 0;
					font-size:14px;					
					font-weight:normal;
					text-decoration:none;
					padding:10px 10px 10px 0;
					color:#1B75BB;
					background-image:url('../img/resource_link_open.gif');
					background-repeat:no-repeat;
					background-position:right 8px;
					border-top:1px dotted #666666;
				}
				.basic .title:hover{
					background-position:right -58px;
					cursor:hand;
					color:#4d4d4d;
					text-decoration:underline;
				}
				.basic .title span.icon_group{
					float:left;
					padding:0 15px 0 0;
				}
				.basic .title span.icon_group img{
					border:0;
					float:left;
				}
				.basic a.selected, .basic a:visited.selected{
					background-image:url('../img/resource_link_close.gif');
				}
				.basic p{
					margin-bottom : 10px;
					border: none;
					text-decoration: none;
					margin: 0px;
					padding:0 0 10px 0;
				}
				
				.basic p.article_full, .basic p.article_link, .basic p.article_video{
					padding:0 0 5px 0;
					margin:0;
				}
				.basic p.article_full a, .basic p.article_link a, .basic p.article_video a{
					padding:0 0 0 20px;
					background-position:0 0;
					background-repeat:no-repeat;
					color:#1B75BB;
				}
				
				.basic p.article_full a, .basic p.article_full a:visited{
					background-image:url(../img/resource_link_article.gif);
				}
				.basic p.article_link a, .basic p.article_link a:visited{
					background-image:url(../img/resource_link_url.gif);
				}
				.basic p.article_video a, .basic p.article_video a:visited{
					background-image:url(../img/resource_link_video.gif);
				}
				.basic p.article_full a:hover, .basic p.article_link a:hover, .basic p.article_video a:hover{
					color:#4d4d4d;
					background-position:0 -65px;
				}
				
			.side_box h3{
				line-height:20px;
				font-size:12px;
				border-bottom:3px solid #231F20;
				margin-bottom:10px;
			}
			.side_box p{
				text-align:justify;
			}
			#side_content_left{
				float:left;
				width:135px;
				padding:0 20px 0 0;
			}
			#side_content_left .side_box{
				float:left;
				width:135px;
				background-image:url(../img/dot.gif);
				background-repeat:repeat-x;
				background-position:0 0;
				padding:10px 0 5px 0;
			}
			#side_content_left .side_box h3{
				line-height:20px;
				font-size:12px;
			}
			.resource_list, .resource_list li{
				list-style:none;
				margin:0;
				padding:0;
			}
			.resource_list li ul{
				list-style:none;
				margin:0;
				padding:0 0 0 20px;
			}
			.resource_list li span{
				display:block;
			}
			#side_content_left .resource_list{
				width:135px;
				float:left;
				clear:both;
				/*border-top:5px solid #231F20;*/
				padding:5px 0 10px 0;
				text-decoration:none;
				color:#4D4D4D;
			}
			#side_content_left #side_form{
				float:left;
				margin:0;
				padding:10px 0 0 0;
				width:135px;
			}
			#side_content_left #side_form input{
				border:1px solid #9B9B9B;
				width:131px;
				margin-bottom:10px;
				padding:1px;
				background-color:#E6E6E6;
			}
			#side_content_left #side_form .button{
				border:0;
				background-color:#FFFFFF;
				float:right;
				width:53px;
			}
			#side_content_left .resource_list .terms_link{
				color:#1B75BB;
			}
			#side_content_left .resource_list .image{
				float:left;
				height:40px;
				width:40px;
				background-color:#4D4D4D;
			}
			#side_content_left .resource_list .text{
				float:left;
				padding:0 0 0 10px;
			}
			#side_content_right{
				float:right;
				width:200px;
				padding:0 0 0 20px;
			}
				#side_content_right .side_box{
					float:left;
					width:200px;
					background-image:url(../img/dot.gif);
					background-repeat:repeat-x;
					background-position:0 0;
					padding:10px 0 5px 0;
				}
				#side_content_right .side_box h3{
					line-height:20px;
					font-size:12px;
				}
				#side_content_right .side_box blockquote{
					background-image:url(../img/quote_small_open.gif);
					background-repeat:no-repeat;
					background-position:0 0;
					color:#4D4D4D;
				}
				#side_content_right .side_box blockquote span{
					padding:0 10px;
					font-size:16px;
					line-height:20px;
					font-weight:bold;
					color:#4D4D4D;
					background-image:url(../img/quote_small_close.gif);
					background-repeat:no-repeat;
					background-position:bottom right;
				}
				#side_content_right .resource_list, #side_content_right .resource_list li{
					list-style:none;
				}
				#side_content_right .resource_list a, #side_content_right .resource_list a:visited{
					width:200px;
					float:left;
					clear:both;
					/*border-top:5px solid #231F20;*/
					padding:5px 0 10px 0;
					text-decoration:none;
					color:#4D4D4D;
				}
				#side_content_right .resource_list a:hover{
					cursor:hand;
				}
				#side_content_right .category_list, #side_content_right .recent_list{
					/*border-top:5px solid #231F20;*/
					float:left;
					margin-bottom:10px;
				}
				#side_content_right .category_list a, #side_content_right .category_list a:visited,
				#side_content_right .recent_list a, #side_content_right .recent_list a:visited{
					border:1px solid #00FF00;
					width:200px;
					float:left;
					clear:both;
					border:0;
					padding-bottom:1px;
					text-decoration:none;
					color:#1B75BB;
					font-size:11px;
				}
				#side_content_right .category_list a:hover, #side_content_right .recent_list a:hover{
					font-weight:bold;
				}
				#side_content_right #search_form{
					float:left;
					width:200px;
				}
				#side_content_right #search_form input{
					border:1px solid #9B9B9B;
					width:196px;
					margin-bottom:10px;
					padding:1px;
					background-color:#E6E6E6;
				}
				#side_content_right #search_form select{
					border:1px solid #9B9B9B;
					float:left;
					width:200px;
					margin-bottom:10px;
					padding:1px;
					backgorund-color:#E6E6E6;
				}
				#side_content_right #search_form .button{
					border:0;
					background-color:#FFFFFF;
					float:left;
					width:65px;
				}
				#side_content_right .resource_list .image{
					float:left;
					height:40px;
					width:40px;
					background-color:#4D4D4D;
				}
				#side_content_right .resource_list .text{
					float:left;
					padding:0 0 0 10px;
				}

/* FOOTER STYLES */		
		#footer{
			height:35px;
		}
		#footer #footnote{
			padding:0 0 0 10px;
		}
		#footer p{
			color:#FFFFFF;
			line-height:35px;
			padding:0;
		}
		#footer p a, #footer p a:visited{
			text-decoration:none;
			color:#FFFFFF;
		}
		#footer p a:hover{
			text-decoration:underline;
		}
		
		
		
/* SECTION COLOURS */

		#main_nav ul li.group a:hover span,
		#main_nav ul li.group a.selected span,
		#main_nav ul li.group.open a span,
		#side_content_right .resource_list li.group a:hover{
			border-color:#F7AC06;
			color:#F7AC06;
		}
		body.group a, a:visited{
			color:#F6921E;
		}
		
		#main_nav ul li.consultancy a:hover span,
		#main_nav ul li.consultancy a.selected span,
		#main_nav ul li.consultancy.open a span,
		#side_content_right .resource_list li.consultancy a:hover{
			border-color:#F6921E;
			color:#F6921E;
		}
		body.consultancy a, a:visited{
			color:#F6921E;
		}
		
		#main_nav ul li.outsourcing a:hover span,
		#main_nav ul li.outsourcing a.selected span,
		#main_nav ul li.outsourcing.open a span,
		#side_content_right .resource_list li.outsourcing a:hover{
			border-color:#F05A28;
			color:#F05A28;
		}
		body.outsourcing a, a:visited{
			color:#F05A28;
		}
		
		#main_nav ul li.business a:hover span,
		#main_nav ul li.business a.selected span,
		#main_nav ul li.business.open a span,
		#side_content_right .resource_list li.business a:hover{
			border-color:#EE4036;
			color:#EE4036;
		}
		body.business a, a:visited{
			color:#business;
		}
		
		#main_nav ul li.resources a:hover span,
		#main_nav ul li.resources a.selected span,
		#main_nav ul li.resources.open a span,
		#side_content_right .resource_list li.resources a:hover{
			border-color:#1B75BB;
			color:#1B75BB;
		}
		body.resources a, a:visited{
			color:#1B75BB;
		}



/* Popup window styling */
		
		#coverup{
			background-color:#000000;
			display:none;
			height:100%;
			left:0;
			opacity:0.75;
			position:fixed;
			top:0;
			width:100%;
			z-index:30;
		}
		#window{
			display:none;
			z-index:501;
			position: absolute;
			top: 20%;
			left: 28%;
			margin: 0 auto;
			padding:10px;
			background-color:#000000;
			border:3px solid #FFF;
			color:#FFFFFF;
		}
		#window .pop_inner{
			margin:0 auto;
		}
		#popup_content{
			position:relative;
			top:0;
			left:0;
			z-index: 180;
		}
		#popup_content h4{
			margin:0;
			padding:0 20px;
			line-height:30px;
		}
		#popup_close_button {
			position:absolute;
			top:-15px;
			right:-15px;
			height: 30px;
			width: 30px;
			background: url('/img/fancybox/fancy_closebox.png') top left repeat-x;
			cursor: pointer;
			z-index: 999;
		}
		

/* SIMPLE FORM ELEMENTS FOR CLIENT LOGIN PAGE */

		.form{
			position:relative;
		}
		
		div.form, div.view, div.index, div.paging{
			width:920px;
			margin:0 auto;
			padding:0;
			overflow:auto;
		}
		div.thin{
			width:650px;
		}
		div.actions{
			clear:both;
			border-top:1px solid #afae9e;
			padding:0;
			margin:10px auto 0 auto;
			width:900px;
		}
		
		div.form div.input{
			clear:both;
			position:relative;
			top:0;
			left:0;
			padding:5px 0 0 120px;
		}
		div.form div.input label{
			position:absolute;
			top:8px;
			left:0;
		}
		div.form div.input label.error{
			top:8px;
			left:365px;
			color:#F00;
			font-weight:bold;
		}
		div.form div.input input, div.form div.input select, div.form div.input textarea{
			width:250px;
		}

#enc{
	float:left;
	padding-right:3px;
}

#flash_message{
	padding:10px 0;
	font-weight:bold;
	color:#F00;
}

.error{
	color:#ff0000;
	font-weight:bold;
}		