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

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

body#home { background: url(../_images/bg_home.jpg) no-repeat center top;}
	body.our_services { background: url(../_images/create_our_services.jpg) no-repeat center -68px; }
	body.our_work { background: url(../_images/create_our_work.jpg) no-repeat center -68px; }
	body.our_clients { background: url(../_images/create_our_clients.jpg) no-repeat center -68px; }
	body.testimonials { background: url(../_images/create_testimonials.jpg) no-repeat center -68px; }
	body.news_and_media { background: url(../_images/create_news_and_media.jpg) no-repeat center -68px; }
	body.news_and_media_update { background: url(../_images/create_news_and_media2.jpg) no-repeat center -68px; }
	body.contact { background: url(../_images/create_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">*/#b2d234/*</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">*/#b2d234/*</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">*/#b2d234/*</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">*/#b2d234/*</edit>*/; }
		
		#main_menu { position: absolute; top: 109px; left: -1px; width: 952px; height: 23px; background: /*<edit title="brand colour">*/#b2d234/*</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">*/#b2d234/*</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">*/#b2d234/*</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; }
		.left_column { width: 173px; float: left; margin: 10px 0 0; }
		.right_column { width: 173px; float: left; margin: 10px 0 0; }
		
		#content .wide_image { clear: both; }
			#content .wide_image img { width: 100%; }
	
		#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.218em; }
		
		.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">*/#b2d234/*</edit>*/; }
							.submenu li.selected a { list-style: none; color: /*<edit title="brand colour">*/#b2d234/*</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">*/#b2d234/*</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">*/#b2d234/*</edit>*/; }
	.level_1 #footer { position: absolute; top: 595px; }
	
	
	/******edit- mark*****/
	#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">*/#b2d234/*</edit>*/; }
	 #footer_extended { float:left; }
	/****epandable footer*****/
	
		#footer p { font-size:.9em; }
		#site_links { float: left; width: 420px; font-size: 10px; text-transform: uppercase; }
			#site_links strong { font-weight: 400; color: /*<edit title="brand colour">*/#b2d234/*</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">*/#b2d234/*</edit>*/; padding: 0 0.3em; }
				
		#awards { float: left; width: 173px; margin-top: -1em; }
		
		#group_logos { float: none; 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 .content h1 { color: /*<edit title="emphasis colour">*/#231F20/*</edit>*/; }
	body#profile .content h2 { color: /*<edit title="brand colour">*/#b2d234/*</edit>*/; }
	
	body#profile .contact_details { margin-top: 2em; border-bottom: 1px dotted /*<edit title="weakest text">*/#ccc/*</edit>*/; width: 66.6%; font-size: 0.857em; }
		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#contact {}
	body#contact .main_column { width: 450px; }
	body#contact .right_column { width: 450px; }
	
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; }

body#our_clients {}
	body#our_clients .main_column { width: 910px; }

body#portfolio {}
	body#portfolio #portfolio_flash { height: 440px; }
	body#portfolio .left_column { width: 220px; margin-left: 20px; }
		body#portfolio .left_column .content { font-size: 1.2em; }
			body#portfolio .left_column .content h2 { font-size: 2em; color: /*<edit title="brand colour">*/#b2d234/*</edit>*/; margin-bottom:.3em; }
				body#portfolio .left_column .content h2 a { padding:0 10px 0 0; }
			body#portfolio .left_column .content strong { color: /*<edit title="brand colour">*/#b2d234/*</edit>*/; }
	body#portfolio .main_column { width: 668px; margin-bottom: 25px; }
		body#portfolio .cs_menu ul { margin:0 0 3em 0; }
			body#portfolio .cs_menu li { list-style:none; font-size: 1em; color: /*<edit title="brand colour">*/#b2d234/*</edit>*/; margin:0; font-weight: bold; display: block; }
		
	.float_list ul { width:210px; float:left; font-weight:bold; list-style: none; display: block; margin: 0 1.5em 1.5em 0; }
		.float_list ul a { color:#666;}
			.float_list ul a:hover { color:#b2d234; }
			
.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; }
	.twitter li:hover { background:#f5f5f5; }
		.twitter li span a { color: /*<edit title="brand colour">*/#b2d234/*</edit>*/; display:inline; }
		.twitter li a { color:/*<edit title="weakest colour">*/#999/*</edit>*/; display:block; }
				
.image_left {}
	.image_left .client_logo { float: left; width: 100px; height: 83px; position: relative; background: url(../_images/image_left_bg.png) no-repeat center top; margin: 2px 0 0 0; text-align: center; }
		.image_left .client_logo img { padding:11px; }
	
	.client_text { width:100px; clear: both; text-align: center; font-size: 1em; font-weight: bold; color: #B9B9B9; height: 1.6em; }
		.client_text p { line-height:1.1em; font-size: .9em; }
		
	.client_logo_float { float:left; margin:0 18px 0 0; }
	
	.image_left .award_logo { float: left; width: 220px; 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; }
	
	body#our_clients .client_logos_container { width:950px; padding-bottom: 30px; margin-top: 0px; }

#_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">*/#b2d234/*</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; }

.our_work_list .content a { color:#E3D7CC; font-size:1.8em; line-height: 1em; }
.our_work_list .content a:hover { color:/*<edit title="brand colour">*/#b2d234/*</edit>*/; }