@import url(../_css/reset.css);

body { font-family: Arial, sans-serif; background: /*<edit title="body background">*/#fff/*</edit>*/; color: /*<edit title="body text">*/#231F20/*</edit>*/; }

body#home { background: url(../_images/bg_home.png) no-repeat center top;}
body.our_vision { background: url(../_images/group_our_vision.jpg) no-repeat center -68px; }
body.the_team { background: url(../_images/group_the_team.jpg) no-repeat center -68px; }
body.group_companies { background: url(../_images/group_group_companies.jpg) no-repeat center -68px; }
body.news_and_media { background: url(../_images/group_news_and_media.jpg) no-repeat center -68px; }
body.news_and_media_update { background: url(../_images/group_news_and_media2.jpg) no-repeat center -68px; }
body.careers { background: url(../_images/group_careers.jpg) no-repeat center -68px; }
/*body.contact { background: url(../_images/group_contact.jpg) no-repeat center -68px; }*/

.content {}
	.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight:bold; margin-bottom:.75em; color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
		.content h1 strong { color:/*<edit title="brand colour">*/#6ecff6/*</edit>*/; margin-left:-5px; display:inline-block; }
	.content h1 { font-size:1.6em; }
	.content h2 { font-size:1.2em; }
	.content h3 { font-size:1.1em; }
	.content h4 { font-size:1em; }
	.content h5 { font-size:1em; }
	
	.content a { color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; text-decoration: none; }
	.content a:hover { color:/*<edit title="hover colour">*/#231F20/*</edit>*/; text-decoration: none; }
	
	.content p { font-size:0.9em; color:#666666; line-height: 1.5em; margin-bottom:1em; }
	.content li, .content ol { font-size:.95em; color:#666; line-height: 1.5em; margin-bottom:1em; }
		.content p strong { color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
			.content p a strong { color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
				.content p a:hover strong { color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
				
				.content li ul { padding:10px; }
				.content li li { font-size:1.2em; color:#666; line-height: 1.5em; margin-bottom:.2em; }
	
	#wrapper { width: 950px; margin: 0 auto; position: relative; }
	#header { height: 109px; position: relative; }
		#logo { position: absolute; left: 0; top: 32px; width: 277px; height: 45px; }
		#strapline { position: absolute; right: 22px; top: 32px; width: 66%; font: 21px/45px 'Arial Black', Arial; text-align: right; vertical-align: middle; color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
			#strapline strong { color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
		
		#main_menu { position: absolute; top: 109px; left: -1px; width: 952px; height: 23px; background: /*<edit title="brand colour">*/#6ecff6/*</edit>*/ url(../_images/menu_bg.png) 0 0 repeat-x; }
			#main_menu ul { text-align: center; font-weight: 700; }
				#main_menu ul li { border: 1px solid /*<edit title="body background">*/#fff/*</edit>*/; border-width: 0 1px; float: left; width: 134px; }
					#main_menu ul li a { display: block; height: 23px; line-height: 23px; vertical-align: middle; font-size: 1.2em; color: /*<edit title="body background">*/#fff/*</edit>*/; text-decoration: none; }
					#main_menu ul li a:hover { background: /*<edit title="brand colour">*/#6ecff6/*</edit>*/ url(../_images/menu_bg-hover.png) 0 100% repeat-x; color:/*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
						#main_menu ul li.selected a { background: /*<edit title="brand colour">*/#6ecff6/*</edit>*/ url(../_images/menu_bg-hover.png) 0 100% repeat-x; color:/*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
						#main_menu ul li ul { display:none; }
						
	#content { margin-top: 32px; }
	#home #content { height:320px; }
		.main_column { width: 564px; float: left; margin: 10px 20px 0; }
		.flash_column { width: 650px; float: left; margin: 10px 20px 0; }
		.left_column { width: 173px; float: left; margin: 10px 0 0; }
		.right_column { width: 173px; float: left; margin: 10px 0 0; }
		
		body#contact {}
			body#contact .main_column {width:100%;}
			body#contact .right_column { width: 450px; }
	
		/*#content .wide_image { clear: both; }
			#content .wide_image img { width: 100%; }*/
		.wide_image { padding-bottom:10px; }
		
		
		#breadcrumb { float: right; clear: both; width: 100%; color: /*<edit title="weaker text">*/#999/*</edit>*/; font-size: 1.1em; text-align: right; margin-right: 10px; }
			#breadcrumb p, #breadcrumb ul, #breadcrumb li { display: inline; margin: 0; padding: 0; list-style: none; padding-left: 0.618em; }
			#breadcrumb ul { padding-left: 0; }
			
		.highlight_box { background: url(../_images/highlight_box-middle.jpg) 0 0 repeat-y; width: 173px; }
			.highlight_box .top { background: url(../_images/highlight_box-top.jpg) 0 0 no-repeat; }
			.highlight_box .bottom { background: url(../_images/highlight_box-bottom.jpg) 0 100% no-repeat; padding: 20px 20px 10px 20px; min-height: 100px; }
			.highlight_box p { color:/*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
			.highlight_box .content { font-size: 1.4em; }
				.highlight_box .content h3 { font-size: 1.1em; }
					.highlight_box .content h3 strong { margin-left:-5px; }
					.highlight_box .image { padding:0 0 5px 0; }
					
				.submenu ul { list-style: none; margin: 0 0 0 20px; }
					.submenu .content li { margin:0 0 0 -20px; list-style: none; font-weight:bold; font-size:0.95em; line-height: 1.2em; margin-bottom: .5em; }
						.submenu li a { list-style: none; color: /*<edit title="body text">*/#231F20/*</edit>*/; }
							.submenu li a:hover { list-style: none; color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
							.submenu li.selected a { list-style: none; color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
						
		.main_column .highlight_box { float: left; margin: 0 22px 10px -4px; }
	
	#vuture_group { padding-top: 1.618em; }
		#vuture_group .group_information { float: left; width: 384px; }
			#vuture_group .group_information .group {}
			#vuture_group .group_information .logo { float: left; width: 177px; margin-right: 10px; }
			#vuture_group .group_information .text { float: left; width: 177px; margin-right: 20px; font-size: 1.2em; color: /*<edit title="weaker text">*/#999/*</edit>*/; margin-top: 5px; }
				#vuture_group .group_information .text a { color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; font-weight: 700; }
				#vuture_group .group_information .text p { margin-bottom:0; font-size: 0.95em; }
				
				#vuture_group .vuture_group .text a strong { color: #83d0f0; }
				#vuture_group .vuture_create .text a strong { color: #9dbd0c; }
				#vuture_group .vuture_vx .text a strong { color: #f69f00; }
		
		#vuture_group .group_clients { float: right; width: 500px; }
			#vuture_group .group_clients .text { margin-left: 5px; }
			#vuture_group .group_clients .client_logo { float: left; width: 100px; height: 100px; position: relative; background: /*<edit title="brand colour">*/#6ecff6/*</edit>*/ url(../_images/client_logo_bg-glow.png); cursor: pointer; }
				#vuture_group .group_clients .client_logo .fade { position: absolute; width: 100px; height: 100px; top: 0; left: 0; background: url(../_images/client_logo_bg.gif); z-index: 3; }
				#vuture_group .group_clients .client_logo:hover .fade { display: none; }
				#vuture_group .group_clients .client_logo .logo { width: 60px; height: 60px; position: relative; top: 20px; left: 20px; z-index: 5; }
	
	#footer { clear: both; padding-top: 1.618em; color: /*<edit title="weaker text">*/#999/*</edit>*/; padding-top: 1.618em; color: /*<edit title="weaker text">*/#999/*</edit>*/; }
	#home #footer, .level_2 #footer { clear: both; border-top: 2px solid /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
	.level_1 #footer { position: absolute; top: 595px; }
	
	/***Mark - edited footer***/
	#footer_extended { clear: both; padding-top: 1.618em; color: /*<edit title="weaker text">*/#999/*</edit>*/; padding-top: 1.618em; color: /*<edit title="weaker text">*/#999/*</edit>*/; }
	#footer_extended { clear: both; border-top: 0px solid /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
	#footer_extended { float:left;}
	/***end***/
	
	
	
	
	
	#footer p { font-size:.9em; }
		#site_links { float: left; width: 520px; font-size: 10px; text-transform: uppercase; }
			#site_links strong { font-weight: 400; color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; padding: 0 0.3em; }
			#site_links a { color: /*<edit title="weaker text">*/#999/*</edit>*/; padding: 0 0.3em; }
				#site_links a:hover { color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; padding: 0 0.3em; }
				
		#awards { float: left; width: 173px; margin-top: -1em; }
		
		#group_logos { float: left; clear:both; width: 350px; text-align: right; }
			#group_logos .logo { width: 105px; float: left; margin-right: 10px; }

body#profile {}
	body#profile .main_column { width: 573px; }
	body#profile .right_column { width: 337px; }
	body#profile .right_flash_column { width: 250px; margin-top:80px; float:left; }
	
	body#profile .content h1 { color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
	body#profile .content h2 { color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; }
	
	body#profile .contact_details { margin-top: 2em; font-size: 0.857em; } /* border-bottom: 1px dotted /*<edit title="weakest text">*/#ccc/*</edit>*/; */
		body#profile .contact_details ul { color: /*<edit title="weakest text">*/#ccc/*</edit>*/; font-weight: 700; }
	
	body#profile .portrait { margin-bottom: 0; }
		body#profile .portrait img { display: block; }
	
body#inside.wide {}
	body#inside.wide .main_column { width: 573px; }
	body#inside.wide .right_column { width: 337px; }

body#wide {}
	body#wide .main_column { width: 737px; }
	
.twitter ul { border-bottom:dashed 1px #ccc; margin:0 0 0em 0; }
	.twitter li { border-top:dashed 1px #ccc; padding:1.5em 10px; list-style:none; font-size:.9em; margin-bottom:0; }
	.twitter li:hover { background:#f5f5f5; }
		.twitter li span a { color: /*<edit title="brand colour">*/#6ecff6/*</edit>*/; display:inline; }
		.twitter li a { color:/*<edit title="body text">*/#666/*</edit>*/; display:block; }
				
.image_left {}
	.image_left .client_logo { float: left; width: 100px; height: 90px; position: relative; background: url(../_images/image_left_bg.png) no-repeat; cursor: pointer; margin: 2px 0 0 0; }
	.image_left .client_logo img { padding:11px; }

	.image_left .award_logo { float: left; width: 190px; height: 138px; position: relative; background: url(../_images/image_left_bg_big.png) no-repeat; margin: 2px 0 0 0; }
		.image_left .award_logo img { padding:11px; position:relative; z-index:10; }
		
#_blocks .highlight_box { background: url(../_images/highlight_box-middle.jpg) 10px 0px repeat-y; width: 173px; }

form.content p { margin:0 0 1em; color:/*<edit title="emphasis colour">*/#231F20/*</edit>*/}
label { font-weight:bold; display:block; float: left; width: 60px; }
input[type=text], textarea  { border:solid 1px /*<edit title="brand colour">*/#6ecff6/*</edit>*/; font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; padding:.35em; background:#f5f5f5; }
input:focus, textarea:focus { background:#fff; }
input[type=text] { width:200px; }
textarea { width:200px; }
.submit { margin-left:213px; }

#contact_form2 form.content p { margin:0 0 1em; color:/*<edit title="emphasis colour">*/#231F20/*</edit>*/}
#contact_form2 label { font-weight:bold; display:block; float: left; width: 100px; font-size:0.7em; }
#contact_form2 input[type=text], #contact_form2 textarea  { border:solid 1px /*<edit title="brand colour">*/#6ecff6/*</edit>*/; font-family:Arial, Helvetica, sans-serif; font-size: 0.7em; padding:3px; background:#f5f5f5; }
#contact_form2 input:focus, #contact_form2 textarea:focus { background:#fff; }
#contact_form2 input[type=text] { width:200px; }
#contact_form2 textarea { width:200px; }
#contact_form2 input.submit {margin:0 0 30px 254px; padding:0 0 30px 0; foat:left; clear:both;}
#contact_form2 .section_break { font-size:0.8em; }
#contact_form2 .single_line_text {  line-height:1em; }


#team_members { margin:1em 0}