@import "layout.css";
@import "form.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

html{
	background:#FFF url(/images/bg_html.gif) repeat-x;
	height:100%;
}

body{
	font:normal 62.5%/1 Georgia, "Times New Roman", Times, serif;
	color:#666;
	background:url(/images/bg_ladybirds1.gif) 750px 113px no-repeat;
}

body#body_employee_branding, body#body_proposition, body#body_story, body#body_accessibility{
	background:url(/images/bg_ladybirds2.gif) 670px 113px no-repeat;
}

body#body_enriched_search_proposition, body#body_careers, body#body_new_appointee_coaching, body#body_people, body#body_privacy{
	background:url(/images/bg_ladybirds3.gif) 770px 113px no-repeat;
}

body#body_executive_coaching, body#body_people_strategy, body#body_principles, body#body_sitemap{
	background:url(/images/bg_ladybirds4.gif) 770px 113px no-repeat;
}

body#body_home, body#body_holding{
	background:url(/images/bg_home.gif) 0 0 repeat-x;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5{
	margin:0 0 10px;
}

h1{
	font-size:3.2em;
	color:#411C7C;
	font-weight:normal;
	border-bottom:1px solid #E8E8E8;
	padding:0 0 10px 0;
	margin-bottom:15px;
}

#body_home h1{
	font-size:2.9em;
	border:none;
	margin:0 0 5px 0;
	padding:25px 0 0 0;
}

body#body_holding h1{
	font-size:2.6em;
	border:none;
	margin:0 0 5px 0;
	padding:25px 0 0 0;
}

h2{
	font-size:1.5em;
	color:#999;
	font-weight:normal;
	line-height:1.3;
	border-bottom:1px solid #E8E8E8;
	padding:0 0 25px 0;
	margin-bottom:25px;
}

body#body_holding h2{
	margin-bottom:10px;
	padding-bottom:15px;
}

h3{
	font-size:1.8em;
	color:#411C7C;
	font-weight:normal;
	margin-bottom:5px;
}

h4{
	font-size:1.4em;
	color:#411C7C;
	font-weight:normal;
	margin-bottom:5px;
}

h5{
	
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin:0 0 10px;
	line-height:1.4;
}

p.holding_para{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	color:#999;
	border-bottom:1px solid #E8E8E8;
	padding-bottom:10px;
}

span{
	
}

address{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px;
	line-height:1.6;
	font-style:normal;
	font-size:1.1em;
}

blockquote{
	font-size:2em;
	font-style:italic;
	color:#999;
	line-height:1.4;
	margin:0 0 15px 0;
	width:575px;
}

#body_people_strategy blockquote{
	margin-bottom:5px;
}

cite{
	color:#999;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol{
	
}

ul{
	margin:0 0 10px 30px;
}

li{
	line-height:1.4;
	font-size:1.1em;
}

ul.content_list{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

ul.content_list li{
	margin:0 0 3px 0;
}

ul#sector_list{
	margin:0;
}

ul#sector_list li{
	list-style:none;
	float:left;
	color:#999;
	font-size:1.6em;
	margin:0 170px 0 0;
}

ul#sector_list li.last{
	margin:0;
}
	
/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

dl{
	margin:0 0 20px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

dt{
	clear:left;
	float:left;
	width:80px;
	font-weight:bold;
}
	
dt, dd{
	font-size:1.1em;
	line-height:1.7;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a:link, a:visited{
	text-decoration:underline;
	color:#411C7C;

}

a:hover{
	text-decoration:none;
}

a:active{
	
}

.skip{
	position:absolute;
	left:-9999px;
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:pointer;
}

/*bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0 15px 0;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #CCC;
	padding:3px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

.intro{
	font-weight:bold;
}

.content_diagram{
	margin:20px 0;
}

.exec_coaching_diagram{
	margin:20px 0 20px 100px;
}

.new_appointee_diagram{
	margin:20px 0 20px 40px;
}

.employee_branding_diagram{
	margin:20px 0 20px 70px;
}	

/*table styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
table#client_matrix{
	width:550px;
}

table#client_matrix td{
	border:1px solid #E8E8E8;
	padding:10px 0;
}