/* GIRAFFE CSS */

/* Generic */  
*html body {margin:0; padding:0;}
body *{margin:0; padding:0; border:none;} 
body {margin:0; padding:0; color:#000; font-family: arial, verdana, sans-serif; font-size:62.5%; background-color:#fff; text-align:center;} /** 62.5% defaults all text size to 10px **/
h1, h2, h3 {margin:0; padding:0; font-family: arial, verdana, sans-serif;}
h1 {font-size:1.3em; margin-bottom:10px;}
h2 {font-size:1.2em; font-weight:bold;}
h3 {font-size:1.2em;}
p {font-size:1.2em; line-height:1.6em; font-family: arial, verdana, sans-serif;  margin:0 0 0.8em 0;}
img {border:0;}
a {color:#000; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}

#content ul {margin:15px 0 15px 20px;}
#content ul li{font-size:1.2em; line-height:1.6em; list-style-image:url(../images/bullet.gif);}
#content ul li ul {margin:5px 0 5px 10px;}
#content ul li ul li {font-size:1em; line-height:1.6em; list-style-image:url(../images/bullet-second.gif);}

.break {margin-bottom:10px;}
.breakmed {margin-bottom:20px;}
.breakbig {margin-bottom:30px;}
.breaktop {margin-top:10px;}
.breaktopmed {margin-top:20px;}
.breaktopbig {margin-top:30px;}
.bold {font-weight:bold;}

.floatleft {float:left;}
.floatright {float:right;}

.pdf_one {float:left; margin:5px 10px 10px 0;}
.pdf_two {float:left; margin:0px 10px 15px 0;}

/* Layout */ 
#wrapper {position:relative; margin:0 auto; padding:0; width:800px; background-image:url(../images/background.jpg); background-repeat:repeat-y; border:1px solid #666; text-align:left;} 
#wrapper #banner {width:800px; height:200px; background-image:url(../images/giraffe-consulting-sky.jpg); background-repeat:no-repeat;}
#content {float:right; width:450px; margin:-50px 160px 0 0;}
*html #content {float:right; width:450px; margin:-50px 80px 0 0;}

#content2 {float:right; width:480px; margin:-50px 160px 0 0;}
*html #content2 {float:right; width:500px; margin:-50px 80px 0 0;}

#content .highlight {padding:10px 10px 5px 10px; margin:20px 0; border:5px solid #ccc;}
#content .highlight h2, #content .highlight h3{padding-bottom:5px;}
#logo {position:absolute; top:150px; right:60px;}
p#footer {margin:0px 160px 10px 185px; padding-top:10px; font-size:0.9em; color:#333; line-spacing:1.6em; clear:both;}

/* Layout - Home Page */
h2.publicsector, h2.industry, h2.investors, h2.academia {float:left; width:88px; height:140px; border:5px solid #ccc; margin:0 8px 0 0; padding:5px 0 0 5px;}
h2.publicsector {background-image:url(../images/services-public-sector.jpg); background-repeat:no-repeat; background-position:bottom;}
h2.industry {background-image:url(../images/services-business-industry.jpg); background-repeat:no-repeat; background-position:bottom right;}
h2.investors {background-image:url(../images/services-investors.jpg); background-repeat:no-repeat; background-position:bottom;}
h2.academia {background-image:url(../images/services-academia.jpg); background-repeat:no-repeat; background-position:bottom right;}
h2.publicsector a, h2.industry a, h2.investors a, h2.academia a {color:#656281; text-decoration:underline; font-weight:bold;}
h2.publicsector a:hover, h2.industry a:hover, h2.investors a:hover, h2.academia a:hover {color:#000;}


/* Office Location */
p span.title {float: left; font-weight:bold; width:150px;}
p span.detail {float: left; width:200px; margin:0 0 15px 0;}

/* Portraits */
ul#portraits {list-style:inline;}
ul#portraits li {float:left; list-style:none; width:100px; border:3px solid #ccc; margin:0 10px 30px 10px; padding:0; text-align:center; }
ul#portraits li a span {display:block; padding-bottom:5px;}
ul#portraits li a:hover span {text-decoration:underline;}

/* Biographies */
img.biog {float:left; margin:5px 20px 100px 0; border:2px solid #ccc;}

/* Navigation *
#nav {font-family:arial, verdana, sans-serif; width:132px; float:left; padding:0; margin: 0;}/ 

/* First Level Navigation 
ul#nav {margin:-60px 0 30px 5px; padding:0; text-transform:lowercase;}
ul#nav li {font-size:1.2em; list-style: none; margin:0; padding:0;}
ul#nav li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 1.5em; background-color:transparent; border-top:1px solid #fff; text-decoration:none; color:#000; background-image:url(../images/arrow.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}
ul#nav li a.open {background-color:#EDEDED; background-image:url(../images/arrow-current.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}  
ul#nav li#current {background-color:#EDEDED;}
ul#nav li#current a {color:#000; background-color:#EDEDED; font-weight:bold; background-image:url(../images/arrow-current.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}
ul#nav li a:hover {background-color:#EDEDED; background-image:url(../images/arrow-current.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}
*/ 
/* Second Level Navigation 
ul#nav li ul {margin:0; padding:0;}
ul#nav li ul li{font-style:italic; font-size:1em; list-style: none; margin:0; padding:0;}
ul#nav li ul li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 2em; background-color:#F5F3EE; border-top:1px solid #fff; text-decoration:none; color:#000; background-image:url(../images/arrow-2.gif); background-position:1.2em 0.9em; background-repeat:no-repeat;}
ul#nav li ul li#current a {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; background-color:#F4F4F4; font-weight:bold; text-decoration:none;}
ul#nav li ul li a:hover, ul#nav li#current ul li a:hover, ul#nav li ul li#current a:hover {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; background-color:#F4F4F4; text-decoration:none;}
ul#nav li#current ul li a {background-image:url(../images/arrow-2.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; text-decoration:none;}
*/ 
/* Third Level Navigation 
ul#nav li ul li ul {margin:0; padding:0;}
ul#nav li ul li ul li {font-size:1em; list-style: none; margin:0; padding:0; background-color:#transparent;}
ul#nav li ul li ul li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 2em; background-color:#F8F4E6; border-top:1px solid #fff; text-decoration:none;  color:#000; background-image:url(../images/arrow-3.gif); background-position:1.2em 0.9em; background-repeat:no-repeat;}
ul#nav li ul li ul li#current a {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; background-color:#FFF1C2;}
ul#nav li ul li#current ul li a:hover, ul#nav li ul li ul li a:hover, ul#nav li ul li ul li a:hover, ul#nav li ul li ul li#current a:hover {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; background-color:#FFF1C2; text-decoration:none;}
ul#nav li ul li#current ul li a {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; background-color:#F8F4E6;  text-decoration:none;}
*/ 
/* Fourth Level Navigation 
ul#nav li ul li ul li ul {margin:0; padding:0;}
ul#nav li ul li ul li ul li {font-size:1em; list-style: none; margin:0; padding:0;}
ul#nav li ul li ul li ul li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 2em; background-color:red; border-top:1px solid #fff; text-decoration:none; color:#000; background-image:url(../images/arrow-4.gif); background-position:1.2em 0.9em; background-repeat:no-repeat;}
ul#nav li ul li ul li#current ul li a {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; background-color:red;}
ul#nav li ul li ul li ul li#current a {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; background-color:red; font-weight:normal;  text-decoration:underline;}
ul#nav li ul li ul li ul li a:hover, ul#nav li ul li ul li ul li a:hover {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; background-color:#EDE9E8;}
*/ 




/* Downloads */
ul#pdf_list li {list-style-image:url(../images/pdf-small.jpg); margin:10px; padding-left:1em;}

/* Contact Form Styles */
form {font-size:1.2em; margin-top:50px;}
form .row {display:block; width:400px; margin:0 0 5px 0;}
form .rowlast {display:block; width:400px; margin:30px 0 5px 0;}
form .row label {float:left; display:block; width:100px; margin-right:30px;} 
form .row input, textarea, select {border: 1px solid black; width:200px;}
#consent {border:none; width:40px;}
form input:focus, textarea:focus, select:focus {border: 1px solid #EFAE00;}
form input.button {width:5em; padding:1px 2px; margin:10px 0 0 201px; background-color:#EFAE00; border:1px solid black; color:#000; font-size:1.1em; font-weight:bold; }
form p.consent {font-size:1em; line-height:1.4em; margin-top:20px;}
form .row p { font-size: 1.1em;}

form.download {margin: 20px 0 20px 0;}


/* CSS clearing */   
.clearboth {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearing {display: inline-table;}
/* Hides from IE-mac €*/
  * html .clearing {height: 1%;}
  .clearing {display: block;}
/* End hide from IE-mac */








/* Navigation */ 
#nav {font-family:arial, verdana, sans-serif; width:132px; float:left; padding:0; margin: 0;}

/* First Level Navigation */
ul#nav {margin:-60px 0 30px 5px; padding:0;}
ul#nav li {list-style: none; font-size:1.2em; margin:0; padding:0; text-transform:lowercase;}
ul#nav li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 1.5em; border-top:1px solid #fff; text-decoration:none; color:#000; background-image:url(../images/arrow.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}
ul#nav li a#current {background-color:#EDEDED; background-image:url(../images/arrow-current.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}
ul#nav li a:hover, ul#nav li a#current:hover {background-color:#EDEDED; background-image:url(../images/arrow-current.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}
.open {background-color:#EDEDED; background-image:url(../images/arrow-current.gif); background-position:0.6em 0.9em; background-repeat:no-repeat;}

/* Second Level Navigation */
ul#nav li ul {margin:0; padding:0;}
ul#nav li ul li {font-style:italic; font-size:1em; list-style: none; margin:0; padding:0;}
ul#nav li ul li a {background-color:#F5F3EE; border-top:1px solid #fff; background-image:url(../images/arrow.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; font-size:1em; margin:0; padding:0.5em 0.5em 0.5em 2em; text-transform:lowercase;}
ul#nav li ul li a.mainlink{background-color:#F5F3EE; border-top:1px solid #fff; background-image:url(../images/arrow.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; font-size:1em; margin:0; padding:0.5em 0.5em 0.5em 2em; text-transform:capitalize;}
ul#nav li ul li a#current {background-color:#F4F4F4; background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; font-weight:bold; text-decoration:none;}
ul#nav li ul li a:hover, ul#nav li ul li a#current:hover {background-color:#F4F4F4; background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; text-decoration:none;}

/* Third Level Navigation */
ul#nav li ul li ul {margin:0; padding:0;}
ul#nav li ul li ul li {font-size:1em; list-style: none; margin:0; padding:0;}
ul#nav li ul li ul li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 2.0em; background-color:#F8F4E6; border-top:1px solid #fff; text-decoration:none;  color:#000; background-image:url(../images/arrow.gif); background-position:1.2em 0.9em; background-repeat:no-repeat;}
ul#nav li ul li ul li a#current {background-color:#FFF1C2; background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat;}
ul#nav li ul li ul li a:hover, ul#nav li ul li ul li a#current:hover {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; background-color:#FFF1C2;  text-decoration:none;}

/* Fourth Level Navigation */
ul#nav li ul li ul li ul {margin:0; padding:0;}
ul#nav li ul li ul li ul li {font-size:1em; list-style: none; margin:0; padding:0;}
ul#nav li ul li ul li ul li a {display:block; margin:0; padding:0.5em 0.5em 0.5em 2em; background-color:#F3EBCF; border-top:1px solid #fff; text-decoration:none; color:#000; background-image:url(../images/arrow.gif); background-position:1.2em 0.9em; background-repeat:no-repeat;}
ul#nav li ul li ul li ul li a#current {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; color:#000; background-color:#F7F0D9; font-weight:normal;  text-decoration:underline;}
ul#nav li ul li ul li ul li a:hover, ul#nav li ul li ul li ul li a#current:hover {background-image:url(../images/arrow-current.gif); background-position:1.2em 0.9em; background-repeat:no-repeat; background-color:#F7F0D9;}