/* --------------------------------------------------
March Group Ltd Layout Styles
Author:  Giles Marsh
Created:  01/06/08
Modified: 21/08/08
-------------------------------------------------- */


/* Header Images
----------------------------------------------------------------------------------------- */

div#headerWrapper {
	width: 100%;
	height: 251px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-position: center 34px;
	}
	body#aboutPage div#headerWrapper			{ background-image:url(../images/header_1.jpg); }
	body#servicesPage div#headerWrapper 		{ background-image:url(../images/header_2.jpg); }
	body#differentiatorsPage div#headerWrapper	{ background-image:url(../images/header_12.jpg); }
	body#globalFootprintPage div#headerWrapper	{ background-image:url(../images/header_9.jpg); }
	body#caseStudiesPage div#headerWrapper		{ background-image:url(../images/header_4.jpg); }
	body#testimonialsPage div#headerWrapper		{ background-image:url(../images/header_5.jpg); }
	body#teamPage div#headerWrapper				{ background-image:url(../images/header_13.jpg); }
	body#eventsPage div#headerWrapper			{ background-image:url(../images/header_14.jpg); }
	body#contactPage div#headerWrapper			{ background-image:url(../images/header_8.jpg); }
	
	div#header {
		width: 850px;
/*		height: 205px;*/
		margin: 0 auto;
		position: relative;
		}
		div#header span.logo,
		div#header span.logoWhite {
			width: 316px;
			height: 65px;
			background: url(../images/logo.png) no-repeat top left;
			text-indent: -7777px;
			position: absolute;
			top: 28px;
			left: 0;
			}
		div#header span.logoWhite {
			background: url(../images/logo_white.png) no-repeat top left;
			}	
		div#header h2 {
			width: 340px;
			height: 80px;
			position: absolute;
			top: 40px;
			left: 510px;
			background: no-repeat top left;
			text-indent: -7777px;
			}
			div#header h2.about			{ background-image: url(../images/header_intro_about.png); width:365px; }
			div#header h2.services		{ background-image: url(../images/header_intro_services.png); }
			div#header h2.diff			{ background-image: url(../images/header_intro_diff.png); }
			div#header h2.casestudies	{ background-image: url(../images/header_intro_case.png); }
			div#header h2.testimonials	{ background-image: url(../images/header_intro_test.png); }
			div#header h2.team			{ background-image: url(../images/header_intro_team.png); }
			div#header h2.events		{ background-image: url(../images/header_intro_events.png); }
			div#header h2.contact		{ background-image: url(../images/header_intro_contact.png); }
			


/* Main Layout
----------------------------------------------------------------------------------------- */
		
div#wrapper {
	background: #fff url(../images/bg.jpg) repeat-x;
	background-position: bottom;
	padding-bottom: 45px;
	}
	
body#aboutPage div#wrapper { padding-bottom:0; }
	
div#content {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	display: block;
	}
	div#content:after { 
		content: ".";
		display: block;
		clear: both;
		overflow: hidden;
		visibility: hidden;
		height: 0;
		line-height: 0;
		}
/*	div#content h2 { position:absolute; left:-7777px; }*/
	div#content ol { font-size:1.2em; list-style:decimal inside; }
	div#content img.intro { margin-bottom: 20px; }

	div#title {
		width: 100%;
		height: 70px;
		margin-bottom: 20px;
		background: url(../images/title_bg.png) no-repeat bottom left;
		position: relative;
		}
		div#title:after { 
			content: ".";
			display: block;
			clear: both;
			overflow: hidden;
			visibility: hidden;
			height: 0;
			line-height: 0;
			}
		div#title h1 {
			display: block;
			width: 450px;
			height: 21px;
			position: absolute;
			top: 38px;
			left: 0;
			background-image: url(../images/titles.gif);
			background-repeat: no-repeat;
			text-indent: -7777px;
			}
			div#title h1#about_title			{ background-position: left top; }
			div#title h1#services_title			{ background-position: left -21px; }
			div#title h1#diff_title				{ background-position: left -42px; }
			div#title h1#casestudies_title		{ background-position: left -63px; }
			div#title h1#testimonials_title		{ background-position: left -84px; }
			div#title h1#team_title				{ background-position: left -105px; }
			div#title h1#events_title			{ background-position: left -126px; }
			div#title h1#contact_title			{ background-position: left -147px; }
			div#title h1#globalfootprint_title	{ background-position: left -168px; }
			
div#colHalfLeft { 
	width: 415px;
	margin-right: 20px;
	float: left;
	display: inline;
	}
	
div#colHalfRight { 
	width: 415px;
	float: left;
	display: inline;
	}
	
div#colOne,
div#colTwo,
div#colThree { width:270px; margin-right:20px; float:left; display:inline; }
div#colThree { margin-right:0; }

div#colTwoThree { width:560px; float:left; display:inline; }

div#colOneTwoThree { width:100%; float:left; display:inline; }

div#colLeftGlobal { width:145px; float:left; display:inline; }
	div#colLeftGlobal h2 { font-size:1.1em; line-height:140%; border-bottom:1px dotted; }
	div#colLeftGlobal p { font-size:0.9em; line-height:1.2; padding-bottom:10px; }
		div#colLeftGlobal h2.europe,
		div#colLeftGlobal p.europe 		{ color:#009f28; }
		div#colLeftGlobal h2.africa,
		div#colLeftGlobal p.africa 		{ color:#d41c2d; }
		div#colLeftGlobal h2.asia,
		div#colLeftGlobal p.asia 		{ color:#000000; }
		div#colLeftGlobal h2.usa,
		div#colLeftGlobal p.usa 		{ color:#e33290; }
		div#colLeftGlobal h2.samerica,
		div#colLeftGlobal p.samerica 	{ color:#1c2063; }
		div#colLeftGlobal h2.oceania,
		div#colLeftGlobal p.oceania 	{ color:#de7728; }
		 

/*
div.caseStudiesStory {
	width: 280px; 
	height: 485px; 
	padding: 95px 65px 0 55px;
	background: url(../images/newspaper_bg.png) no-repeat top left;
	}
	div.caseStudiesStory h1 { font-family:georgia, serif; color:#000; font-size:2.8em; font-weight:normal; text-transform:none; margin-bottom:10px; }
	div.caseStudiesStory p { color:#000; text-align:justify; }
*/

div#content h2.newsletter { 
	display: block;
	width: 383px;
	height: 66px;
	padding: 25px 5px 5px 25px;
	margin: 10px 0 30px 0;
	font-size: 1.5em;
	background: url(../images/newsletter_button.jpg) 5px 5px no-repeat;
	border: 1px solid #ccc;
	}
	div#content h2.newsletter a { 
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		border-bottom: 1px dotted #fff;
		}
		div#content h2.newsletter a:hover { 
			color: #ccc;
			border-bottom: 1px solid #ccc;
			}

div.caseStudiesStory {
	width: 400px;
	height: 580px;
	}
	div.caseStudiesStory h1 { position:absolute; left:-7777px; }
	div.caseStudiesStory p { position:absolute; left:-7777px; }


ol#coreFocus {
	list-style-type: decimal;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	ol#coreFocus li { 
		list-style-type: decimal;
		}
	
		
body#aboutPage img#groupPhoto,
body#differentiatorsPage img#groupPhoto,
body#testimonialsPage img#groupPhoto { 
	padding: 5px;
	margin-bottom: 30px;
	border: 1px solid #cccccc;
	}
	body#testimonialsPage img#groupPhoto {
		margin-top: 20px;
		}
		
blockquote { font-size:1.3em; margin-bottom:15px; }

blockquote span.quoteMark { color:#034981; font-weight:bold; font-size:140%; position:relative; top:5px; left:-3px; }


ul#servicesItems {
	width: 850px;
	height: 790px;
	margin-top: 20px;
	float: left;
	position: relative;
	font-size: 1.1em;
	line-height: 1.3;
	}
	ul#servicesItems li {
		width: 262px; /*270px */
		padding-right: 8px;
		position: absolute;
		}
		ul#servicesItems li#financial	{ top:0; left:0; }
		ul#servicesItems li#oil			{ top:0; left:289px; }
		ul#servicesItems li#public		{ top:0; left:578px; }
		ul#servicesItems li#aerospace	{ top:415px; left:0; }
		ul#servicesItems li#engineering	{ top:415px; left:289px; } 
		ul#servicesItems li#media 		{ top:415px; left:578px; }
		ul#servicesItems li p { padding-bottom:8px; }
		
		ul#servicesItems li span.subtitle {
			width: 100%;
			height: 25px;
			display: block;
			font-size: 1.3em;
			font-weight: bold;
			color: #034981;
			}
		ul#servicesItems li p { font-size:1em; line-height:1.3; }
		ul#servicesItems img {
			padding: 3px;
			margin-bottom: 12px;
			border: 1px solid #cdcdcd;
			}


ul#teamBios {
	width: 850px;
	}
	ul#teamBios li {
		width: 415px;
		padding-top: 30px;
		padding-bottom: 20px;
		margin: 0 0 20px 0;
		float: left;
		border-top: 1px dotted #cccccc;
		}	
		ul#teamBios li:after { 
			content: ".";
			display: block;
			clear: both;
			overflow: hidden;
			visibility: hidden;
			height: 0;
			line-height: 0;
			}
		ul#teamBios li.right { margin-right:0; }
		ul#teamBios li.heading { width:850px; margin-right:0; }
		ul#teamBios li p { padding-bottom:10px; padding-right:20px; }
		ul#teamBios li img.teamPic {
			float: left;
			display: inline; /* Fixes IE's double margin bug */
			border: 1px solid #cccccc;
			padding: 5px;
			margin: 0 15px 10px 0;
			}
		ul#teamBios li div.textRight { float:left; width:260px; }
		
			
ul.invited {
	width: 270px;
	}
	ul.invited li {
		width: 125px;
/*		height: 20px;*/
		padding: 7px 0;
		margin-right: 10px;
		float: left;
		display: inline;
		font-size: 1.1em;
		line-height: 1.1;
		border-bottom: 1px dotted #ccc;
		}
		
		
body#eventsPage div#colTwoThree { 
	padding-bottom: 20px;
	}
body#eventsPage div#colThree.events { 
	padding-top: 20px;
	}
	body#eventsPage div#colThree.events p { 
		font-size: 1.1em;
		padding-bottom: 10px;
		}	
ul.eventsList {
	font-size: 1.1em;	
	}
	ul.eventsList li {
		height: 20px;
		padding: 5px 0 0 0;	
		color: #034981;
		border-bottom: 1px dotted #034981;
		}


ul#address {
	width: 850px;
	margin-top: 20px;
	overflow: visible;
	}
	ul#address:after { 
		content: ".";
		display: block;
		clear: both;
		overflow: hidden;
		visibility: hidden;
		height: 0;
		line-height: 0;
		}
	ul#address li {
		width: 210px;
		float: left;
		display: inline;
		}
		ul#address li div.contactMugshot { 
			width: 210px;
			margin-top: 50px;
			overflow: visible;
			}
			ul#address li div.contactMugshotRight {
				width: 210px;
				margin-top: 15px;
				overflow: visible;
				}
			ul#address li div.contactMugshot img,
			ul#address li div.contactMugshotRight img { 
				float: left;
				padding: 3px;
				margin-right: 8px;
				border: 1px solid #cccccc;
				}
			ul#address li div.contactMugshot p,
			ul#address li div.contactMugshotRight p { 
				font-size: 1em;
				}	

	
/* Footer
----------------------------------------------------------------------------------------- */	

div#footerWrapper {
	width: 100%;
	clear: both;
	background: #034981 url(../images/footer_bg.png) repeat-x top center;	
	}	
	div#footerWrapper div#footer {
		width: 850px;
		height: 47px; /* 65px */
		padding-top: 18px;
		margin: 0 auto;
		}
		div#footerWrapper div#footer p { color:#fff; }