/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Colours/Image Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html, body {
	background:#edf1b8;
	color: #000000;
	}
	
#outerwrap, #innerwrap{
	background:url(../images/bg_page.gif) top left repeat-y #edf1b8;
	}
	
a {
	color: #67645a;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#right_col {
	background:#fff;
	}
	
	#header {
		border-bottom: 1px solid #406618;
		}
		
#left_col {
	background: url(../images/bg_left.gif) top left no-repeat #fff;
	width: 192px;
	height: 697px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {
	/* This should be the main title of the content (SEO)*/
	color: #000000;
}	
	
h2, h2 a, h3, h4 a{
	color: #000000;
	text-decoration: none;
	}
	
.case_study_control h3 {
	color: #27c1dc;
	}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
legend {
	color: #000;
	font-weight:bold;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.highlight {
	color: #27c1dc;
	}	
	
	#office_location a {
		color: #27c1dc;
		}
		
	.small_link{	
		background: url(../images/bullet_point.gif) top right no-repeat;
		}
		
		.small_link_down{
			background: url(../images/bullet_point_down.gif) top right no-repeat;
			}
			
			.small_link_back{
				background: url(../images/bullet_point_left.gif) top left no-repeat;
				}
				
				.small_link_location{
					background: url(../images/bullet_point.gif) top right no-repeat;
					width:75px;
					height:16px;
					display:block;
					margin:5px 0 0 0;
					}
		
.news_date {
	color: #f15623;
	border-top: 1px solid #f15623;
	padding: 5px 0 0 0;
	}
	
	.case_study_control {
		border-top: 2px solid #64402d;
		}
	
	.case_study {
		border-top: 1px solid #64402d;
		}
		
		.case_study p {
			color: #4a3c0c;
			}
			
#map {
	border: 3px solid #000;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
	
/* NAV STYLES  */
#top_nav li a, #top_nav li span {
	color: #bdce6b;
	border-right: 2px solid #406618;
	}
	
	#top_nav li span.end {
		border: none;
		}
	
	#top_nav li a#active, #top_nav li span#active {
		color: #406618;
		}	
		
	#top_nav li a.end {
		border: none;
		}
		
	.drop_menu {
		background: url(../images/bg_menu.png) top left repeat;
		}
		
		.drop_menu li, #top_nav .drop_menu li a {
			color: #fff;
			}
		
		.drop_menu li {
			border-bottom: 1px solid #fff;
			}
			
			#top_nav .drop_menu li a:hover{
				color:#e2e2b3;
				}
				
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */ 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#date p{
	color:#000000;
	}

#marquee{
	color:#000000;
	}
		
	.marquee_text{
		color:#828279;
		}
		
#vacancy_search{
	color:#406618;
	background:#edf1b8;
	}
	
	#vacancy_search h2{
		color:#406618;
		}
		
		#vacancy_search p{
			color:#406618;
			}
			
			#vacancy_search select{
				color:#000000;
				}
				
				#vacancy_search input, #vacancy_search select{
					border:#fff 1px solid;
					}

#vacancy p.reference{
	color:#67645a;
	}
	
	#vacancy p.location{
		color:#67645a;
		}
		
		#vacancy span.title{
			color:#67645a;
			}
			
#alternative_results p.title{
	color:#3d2c04;
	}
	
/*	MULTISELECT	*/

.multiSelect{
	color:#000000;
	}
	
	.multiSelectContent label{
		color:#000000;
		}			
		
		.multiSelectContent {
			background:#edf1b8;
			}
			
			.multiSelectContent li:hover {
				xbackground:#dedede;
				}
				
				.multiSelectContent span a{
					background:url(../images/button_close.gif) top left no-repeat;
					}
					
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	color: #a6ce39;
	border-top: 1px solid #897331;
	}
		
	#footer a {		
		border-right: 1px solid #406618;
		color: #406618;
	}
		
	#footer a.end {
		border: none;
	}
		
#footer_stripe {
	background: url(../images/bg_footer.gif) top left repeat-x;
}