﻿
body
{
	margin: 0px;
	color: #083A81;
	background-color: #C9CEDA;
	font: 9pt/13pt Arial; 	
}

a
{
	color: #083A81;
	text-decoration: none;	
}

a:hover
{
	color: #A64AB5;
	text-decoration: underline;
}

.hiddenpic 
{
	display:none;
}

li
{	
	list-style-image: url('images/BulletImage.gif'); 
	list-style-type: circle;
}

ul 
{
	list-style: none;
	margin-left: 0;
	padding-left: 2.7em;

}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:47px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:456px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:47px; border: none; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.corporate {background:url(images/menuimages/Index_08.gif); width: 91px;}
#nav li a.executive {background:url(images/menuimages/Index_09.gif); width: 91px;}
#nav li a.team {background:url(images/menuimages/Index_10.gif); width: 90px;}
#nav li a.enneagram {background:url(images/menuimages/Index_11.gif); width: 90px;}
#nav li a.contact {background:url(images/menuimages/Index_12.gif); width: 94px;}

#nav li:hover a.corporate,
#nav a.corporate:hover {background:url(images/menuimages/RollOver_08.gif);}
#nav li:hover a.executive,
#nav a.executive:hover {background:url(images/menuimages/RollOver_09.gif);}
#nav li:hover a.team,
#nav a.team:hover {background:url(images/menuimages/RollOver_10.gif);}
#nav li:hover a.enneagram,
#nav a.enneagram:hover {background:url(images/menuimages/RollOver_11.gif);}
#nav li:hover a.contact,
#nav a.contact:hover {background:url(images/menuimages/RollOver_12.gif);}
/*#nav li:hover a,
#nav a:hover
{background-position: 0 100px;}
*/

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:47px; width:auto; height:auto; z-index:300;}

#nav :hover ul.sub li
{display:block; position:relative; float:left; width:152px; font-weight:normal;}

#nav :hover ul.sub li a
{display:block; border:none; text-decoration:none; padding:0; cursor:pointer;}

#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

/* corporate profile */
#nav :hover ul li a.corporatephilosophy {background:url(images/menuimages/Normal_15.jpg); width: 91px; height: 42px;}
#nav :hover ul.sub li a.corporatephilosophy:hover 
{background:url(images/menuimages/Over_15.jpg);}
#nav :hover ul li a.corporatecompadvantage {background:url(images/menuimages/Normal_20.jpg); width: 91px; height: 37px;}
#nav :hover ul.sub li a.corporatecompadvantage:hover 
{background:url(images/menuimages/Over_20.jpg);}
#nav :hover ul li a.corporateareasofinterest {background:url(images/menuimages/Normal_24.jpg); width: 91px; height: 36px;}
#nav :hover ul.sub li a.corporateareasofinterest:hover 
{background:url(images/menuimages/Over_24.jpg);}
#nav :hover ul li a.corporatebiographies {background:url(images/menuimages/Normal_32.jpg); width: 91px; height: 30px;}
#nav :hover ul.sub li a.corporatebiographies:hover 
{background:url(images/menuimages/Over_32.jpg);}

/* executive search */
#nav :hover ul li a.executiveexpertise {background:url(images/menuimages/Normal_16.gif); width: 91px; height: 42px;}
#nav :hover ul.sub li a.executiveexpertise:hover 
{background:url(images/menuimages/Over_16.gif);}
#nav :hover ul li a.executivecandidate {background:url(images/menuimages/Normal_21.gif); width: 91px; height: 53px;}
#nav :hover ul.sub li a.executivecandidate:hover 
{background:url(images/menuimages/Over_21.gif);}
#nav :hover ul li a.executiveinterest {background:url(images/menuimages/Normal_27.jpg); width: 91px; height: 38px;}
#nav :hover ul.sub li a.executiveinterest:hover 
{background:url(images/menuimages/Over_27.jpg);}
#nav :hover ul li a.executivecareer {background:url(images/menuimages/Normal_34.jpg); width: 91px; height: 41px;}
#nav :hover ul.sub li a.executivecareer:hover 
{background:url(images/menuimages/Over_34.jpg);}

/* team building */
#nav :hover ul li a.teambuilding {background:url(images/menuimages/Normal_17.jpg); width: 90px; height: 42px;}
#nav :hover ul.sub li a.teambuilding:hover 
{background:url(images/menuimages/Over_17.jpg);}
#nav :hover ul li a.teammanagementassessment {background:url(images/menuimages/Normal_22.jpg); width: 90px; height: 44px;}
#nav :hover ul.sub li a.teammanagementassessment:hover 
{background:url(images/menuimages/Over_22.jpg);}

/* enneagram */
#nav :hover ul li a.enneagraminsights {background:url(images/menuimages/Normal_18.jpg); width: 90px; height: 30px;}
#nav :hover ul.sub li a.enneagraminsights:hover 
{background:url(images/menuimages/Over_18.jpg);}
#nav :hover ul li a.enneagramkeepsgoodcompany {background:url(images/menuimages/Normal_23.jpg); width: 90px; height: 41px;}
#nav :hover ul.sub li a.enneagramkeepsgoodcompany:hover 
{background:url(images/menuimages/Over_23.jpg);}
#nav :hover ul li a.enneagramteambuilding {background:url(images/menuimages/Normal_25.jpg); width: 90px; height: 38px;}
#nav :hover ul.sub li a.enneagramteambuilding:hover 
{background:url(images/menuimages/Over_25.jpg);}
#nav :hover ul li a.enneagrammanagementassessment {background:url(images/menuimages/Normal_33.jpg); width: 90px; height: 39px;}
#nav :hover ul.sub li a.enneagrammanagementassessment:hover 
{background:url(images/menuimages/Over_33.jpg);}
#nav :hover ul li a.enneagramexecutivesearch {background:url(images/menuimages/Normal_36.jpg); width: 90px; height: 47px;}
#nav :hover ul.sub li a.enneagramexecutivesearch:hover 
{background:url(images/menuimages/Over_36.jpg);}
/*#nav :hover ul li a.enneagramevents {background:url(images/menuimages/Normal_41.jpg); width: 90px; height: 40px;}
#nav :hover ul.sub li a.enneagramevents:hover 
{background:url(images/menuimages/Over_41.jpg);}*/

#nav :hover ul.sub li a:hover 
{background-position: 0 43px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}




