@charset "utf-8";
/* CSS Document */

.purple {color:#58377C;}
.midBlue {color:#0B77B7;}
.green {color:#04A070;}
.yellow{color:#FDCC0E;}
.red{color:#D8373F;}
.grey {color:#333333;}

.clear {
  clear: both;
  max-height:0px;
}

/*//////////////////// GENERIC  ////////////////////*/

body {
	margin:0;
	padding:0;
	background-image:url(../../images/bk_grid.gif);
	font-family:"Myriad", "Trebuchet MS", Arial, Helvetica, sans-serif;

}
h1 {
	color:#58377C;
	font-size:1.1em;
	padding:20px 0 0 0;
	margin:0;
}
p, td {
	font-size:0.8em;
	padding:5px 20px 0 0;
	margin:0;
	color:#777;
}
a {
	color:#0B77B7;
}
a:hover {
	color:#ccc;
}

/*//////////////////// GENERAL COPY ELEMENTS  ////////////////////*/

#CopyWrapper {
	width:900px;
	margin:0 30px;	
	padding:0;
}
#Copy {
	float:left;
	width:500px;	
	margin:0;
	padding:0 0 20px 0;
	line-height:1.2em;
}

#Copy h1 {
	font-size:1.2em;
	padding:20px 0 10px 0;
	margin:0;
	color:#58377C;
}

#Copy h2 {
	font-size:1.1em;
	padding:15px 0 5px 0;
	margin:0;
	color:#58377C;
}

#Copy h3 {
	font-size:0.9em;
	padding:5px 0;
	margin:0;
	color:#777;
}

#Copy ul {
	font-size:0.8em;
	padding:5px 0 5px 20px;
	margin:0 0 0 20px;
	color:#777;
}
#CopyRHSCol {
	float:left;
	width:211px;
	margin:0;
	padding:0;
}
/*//////////////////// FRAMEWORK  ////////////////////*/
#wrapper {
	background-color:#fff;
	width:960px;
	margin:0 auto 40px auto;
}
#header {
	width:900px;
	background-color:#58377C;
	margin:0 30px;
}
#logo {
	float:left;
}
#tapInto {
	float:right;
}
#homeFeatureTop {
	width:900px;
	height:170px;
	margin:0 30px;	
	padding:0;
}
#EmergeneticsEurope {
	float:left;
	width:172px;
	margin:0;
	padding:0;
	height:170px;
	}
#homeCopy {
	float:left;
	width:510px;	
	margin:0;
	padding:0;
	height:170px;
}
#homeBook {
	float:left;
	width:211px;
	margin:0;
	padding:0;
	height:170px;
}
#homeFeatureMid{
	width:900px;
	height:212px;
	margin:0 30px;	
	padding:0;
}

#homeFeatureMid a, #homeFeatureMid img {
	float:left;
}

/*//////////////////// HOME - BOTTOM PANEL  ////////////////////*/

.homeFeatureBottom {
	width:900px;
/*	height:212px; */
	margin:1px 30px 0 30px;	
	padding:0;
	background-image:url(../../images/home_panel_bk.gif);
	height:270px; /* this height is needed to make it align top the bottom of the call to act buttons in Firefox */	
}
.homeFeatureBottomstrengthsBk {
	width:900px;
/*	height:212px; */
	margin:1px 30px 0 30px;	
	padding:0;
	background-image:url(../../images/home_panel_bk_strengths.gif);
	height:270px; /* this height is needed to make it align top the bottom of the call to act buttons in Firefox */	
}
.homeFeatureBottomTeamsBk {
	width:900px;
/*	height:212px; */
	margin:1px 30px 0 30px;	
	padding:0;
	background-image:url(../../images/home_panel_bk_teams.gif);
	height:320px; /* this height is needed to make it align top the bottom of the call to act buttons in Firefox */	
}
.homeFeatureBottomThinkBk {
	width:900px;
/*	height:212px; */
	margin:1px 30px 0 30px;	
	padding:0;
	background-image:url(../../images/home_panel_bk_think.gif);
	height:300px; /* this height is needed to make it align top the bottom of the call to act buttons in Firefox */	
}

.homeFeatureBottomDecideBk {
	width:900px;
/*	height:212px; */
	margin:1px 30px 0 30px;	
	padding:0;
	background-image:url(../../images/home_panel_bk_decide.gif);
	height:270px; /* this height is needed to make it align top the bottom of the call to act buttons in Firefox */	
}
/*//////////////////// HOME - OVER PANELS (Show / Hide <div>)  ////////////////////*/

#overpanel {
	width:688px;
	margin:0;	
	padding:0 0 22px 0;
	float:left;
	/*background-color:#58377C; */
}
#overpanel h2 {
	color:#fff;
	font-size:1.1em;
	font-weight:normal;
	padding:20px 40px 10px 40px;
	margin:0;
}
#overpanel p, #overpanel ul {
	color:#fff;
	font-size:0.9em;
	padding:0px 0 5px 40px;
	margin:0;
}

#overpanel a {
	color:#fff;
	text-decoration:underline;
}
#overpanel a:hover {
	text-decoration:underline;
	color:#FDCC0E;
}
#intro {
	color:#fff;
}

#strengths ul {
	color:#fff;
	font-size:0.9em;
	line-height:1.4em;
	padding:5px 0 5px 40px;
	margin:0 40px 0 40px;
}
#strengths h2, #strengths p, #strengths a  {
	color:#fff;
}
#strengths a:hover {
	color:#0B77B7;
}
#strengths li {
	padding:5px 0;
}
#teams ul {
	color:#fff;
	font-size:0.9em;
	line-height:1.4em;
	padding:5px 0 5px 40px;
	margin:0 40px 0 40px;
}
#teams h2, #teams p, #teams a  {
	color:#fff;
}
#teams a:hover {
	color:#0B77B7;
}
#teams li {
	padding:5px 0;
}
#think ul {
	color:#fff;
	font-size:0.9em;
	line-height:1.4em;
	padding:5px 0 5px 40px;
	margin:0 40px 0 40px;
}
#think h2, #think p, #think a  {
	color:#fff;
}
#think a:hover {
	color:#0B77B7;
}
#think li {
	padding:5px 0;
}
.splitBullet {
	margin:0 0 0 40px;
}
.splitBulletLeft {
	float:left; 
	width:300px; 
	margin:0;
	padding:5px 0;
}
.splitBulletRight {
	float:left; 
	width:300px; 
	margin:0 0 0 0px;
	padding:5px 0;
}
/*//////////////////// HOME - CALL TO ACT BUTTONS  ////////////////////*/

#callToActColWrapper {
	float:left;
	background-color:#fff;
	width:211px;
	margin:0;
	padding:0;
}
#callToActCol {
	margin:0 0 0 1px;
	color:#000;
	font-size:0.9em;
	width:211px;
	padding:0;
}
#callToActCol a:hover {
	text-decoration:none;
}
#callToAct, #callToAct ul {
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
	white-space:nowrap;
}
#callToAct a {
	display:block;
	color:#fff;
	text-decoration: none;
}
#callToAct li {
	display:block;
	text-align:center;
	font-size:0.8em;
	padding:0;
	margin:0;
}
#callToAct li a {
	color:#fff;
	text-decoration:none;
	height:22px;	
	padding:15px 0;
	display:block;
	margin:0;
}
#callToAct li a:hover {
	text-decoration:underline;	
	background-color:#FC3;
	color:#000;
}
.midBlueBk  {
	background-color:#3E5BA7;
}
.greenBk  {
	background-color:#4D8628;
	border-top:1px solid #fff;
}
.greenBkBtm  {
	background-color:#4D8628;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
}



/*//////////////////// NAVIGATION  ////////////////////*/
/* Navigation */
#menuWrapper {
	background-color:#58377C;
	width:900px;
	height:33px;
	margin:0 30px;	
}
#menu {
	background-color:#58377C;
	width:900px;
	border-top:1px solid #fff;
	font-size:0.8em;

}
#menu a:hover {
	text-decoration:none;
}
/* all lists */
#nav, #nav ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
	white-space:nowrap;
}
#nav a {
	display:block;
	color:#fff;
	text-decoration: none;
}
/* all list items - width needed or else Opera goes nuts */
#nav li {
	float:left;
	margin:0;
	position:relative;
	padding:0 0 0 20px;
}
#nav li a {
	color:#fff;
	padding:7px;
	display:block;
}
#nav li a:hover {
	background-color:#F1A30F;
	color:#000;
}
/* second-level lists - using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul {
	position:absolute;
	left:-999em;
	top:32px;
	width:100px;
	margin:0;
	padding:0;
}
#nav li ul li {
	width:180px;
	background:#58377C;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}
#nav li ul li a {
	color:#fff;
	background:#58377C;
}
#nav li ul li a:hover {
	color:#000;
	background:#FC3;
}
#nav li ul li .more {
	width:150px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left:-999em;
}
#nav li:hover ul, #nav li.sfhover ul, #nav li li:hover ul, #nav li li.sfhover ul {
	left:auto;
}
#nav li ul ul {
	margin:-16px 0 0 139px;
}


/*//////////////////// FOOTER  ////////////////////*/
#footer {
	width:900px;
	background-color:#fff;
	margin:0 30px;
}
#footer p {
	font-size:0.7em;
	color:#777;
	padding:10px 0 30px 0;
	line-height:1.6em;
}