@charset "utf-8";
/* CSS Document */
#mainnav{
width:auto;
display:table-cell;
overflow:visible;
margin:0 auto;
text-align:center;
}
#mainnav li{list-style-type:none;}

#mainnav.fademe #menufader{
display:block;
width:888px;
height:100%;
position:relative;
}

#mainnav #menufader
{
	display:none;
position:relative;
top:-7px;
height:7px !important;
background:url(/images/fader.png) 0 0;
z-index:1099;

}
ul#topnav {
	margin: 0 0 0 0px; 
	padding: 0;
	text-align:center;
	list-style: none;
	font-size: 1.1em;
	
	position: relative;/*--Important--*/
	width:888px;
	/*z-index:100;*/ /*zindex would normally be set here but IE7 has a bug with zindex*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	/*position: relative;--Important--*/
	
	white-space:nowrap;
	
	height:42px;
	overflow:hidden;
	text-align:center;
	

	background-image:url(/images/bg_nav_tab.png);
	
	border-left:7px solid #fff;
}
ul#topnav li a{
position:relative;
}
ul#topnav li a span{
position:absolute;
display:block;
width:inherit;
height:inherit;
}

ul#topnav li:hover{
	background-image:url(/images/bg_nav_tab_on.png);
}
ul#topnav li a {
	float: left;
	height:inherit;
	/*text-indent: -9999px; --Push text off of page--*/
	text-decoration:none;
	display:block;
	vertical-align:middle;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	height:43px;
	overflow:hidden;
	margin: 0; padding: 0;
}
/*ul#topnav li:hover a, ul#topnav li a:hover { 
background-position: center bottom;
color:#fff;

} /*--Hover State--*/
ul#topnav a.about  {

	width:71px;

}

ul#topnav li a.about span  {
	background: url(/images/nav_about.png) no-repeat;
	width:71px;
	height:43px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:999999999999999999999;

}
ul#topnav a:hover.about span  {
	background: url(/images/nav_about.png) no-repeat;
	width:71px;
	display:block;	
	background-position:0 -43px;
	
}
ul#topnav .active a.about span {
	background: url(/images/nav_about.png) no-repeat;
	width:71px;
	display:block;	
	background-position:0 -86px;
	
}
/*=*/

ul#topnav a.whycommunispace {

	width:176px;

	
}

ul#topnav a.whycommunispace span {
	background: url(/images/nav_why.png) no-repeat;
	width:176px;
	height:43px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:999999999999999999999;	
	
}
ul#topnav a:hover.whycommunispace span {
	background: url(/images/nav_why.png) no-repeat;
	width:176px;

	background-position:0 -43px;
	
}
ul#topnav .active a.whycommunispace span {
	background: url(/images/nav_why.png) no-repeat;
	width:176px;

	background-position:0 -86px;
	
}
/*=*/
ul#topnav a.researchinsights {
	background: url(/images/nav_research.png) no-repeat;
	width:166px;

}
ul#topnav a.researchinsights span {
	background: url(/images/nav_research.png) no-repeat;
	width:166px;
	height:43px;
	overflow:hidden;	
	position:absolute;
	top:0;
	left:0;
	z-index:999999999999999999999;	

}
ul#topnav a:hover.researchinsights span {
	background: url(/images/nav_research.png) no-repeat;
	width:166px;
	background-position:0 -43px;
}
ul#topnav .active a.researchinsights span {
	background: url(/images/nav_research.png) no-repeat;
	width:166px;
	background-position:0 -86px;
}
/*=*/
ul#topnav a.clients {
	
	width:94px;

}
ul#topnav a.clients span {
	background: url(/images/nav_clients.png) no-repeat;
	width:94px;
	height:43px;
	overflow:hidden;	
	position:absolute;
	top:0;
	left:0;
	z-index:999999999999999999999;	

}
ul#topnav a:hover.clients span {
	background: url(/images/nav_clients.png) no-repeat;
	width:94px;
	
	background-position:0 -43px;
}
ul#topnav .active a.clients span {
	background: url(/images/nav_clients.png) no-repeat;
	width:94px;
	
	background-position:0 -86px;
}
/*=*/
ul#topnav a.tips {
	background: url(/images/nav_tips.png) no-repeat;
	width:114px;
	font-size:0px;
	
}
ul#topnav a.tips span{
	background: url(/images/nav_tips.png) no-repeat;
	width:114px;
	height:43px;
	overflow:hidden;	
	position:absolute;
	top:0;
	left:0;
	z-index:999999999999999999999;	
	
}
ul#topnav a:hover.tips span {
	background: url(/images/nav_tips.png) no-repeat;
	width:114px;
	font-size:0px;
	background-position:0 -43px;
	
	
}
ul#topnav .active  a.tips span {
	background: url(/images/nav_tips.png) no-repeat;
	width:114px;
	font-size:0px;
	background-position:0 -86px;
	
}
/*=*/
ul#topnav a.newsevents {
	
	width:140px;
	
}
ul#topnav a.newsevents span {
	background: url(/images/nav_news.png) no-repeat;
	width:140px;
	height:43px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:999999999999999999999;	
}
ul#topnav a:hover.newsevents span {
	background: url(/images/nav_news.png) no-repeat;
	width:140px;
	background-position:0 -43px;
}
ul#topnav .active a.newsevents span {
	background: url(/images/nav_news.png) no-repeat;
	width:140px;
	background-position:0 -86px;
}

/*=*/
ul#topnav a.blog {
	
	width:71px;
	
	border-right:7px solid #fff;
	
	
}

ul#topnav a.blog span {
	background: url(/images/nav_blog.png) no-repeat;
	width:71px;
	height:43px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:99999999;
	
	
}
ul#topnav a:hover.blog span {
	background: url(/images/nav_blog.png) no-repeat;
	
	font-size:0px;
	background-position:0 -43px;
}


ul#topnav li div.sub {
	position: absolute; /*--Important--*/
	top: 42px; left: 0; right:0;
	z-index: 5555555;
	background-color: #6dbdcc; 
	float: left;
	width:888px;
	display:none;
	
}

ul#topnav li a:hover div.sub{
visibility:visible;
display:block;
z-index: 999999999999;


}
.top .sub{
z-index: 999999999; /* this fixed the weird orderly hover state changes */
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub table, ul#topnav li .sub .table{
display:table;
min-height:78px;
}
ul#topnav li .sub td, ul#topnav li .sub .td{
display:table-cell;
vertical-align:middle;
height:78px;
text-align:left;
}
ul#topnav li .sub td h2, ul#topnav li .sub .td h2{
vertical-align:middle;
color:#fff;
font-size:17px;
margin:auto 18px;
font-family:Verdana;
width:180px;
height:60px;
position:relative;
}
ul#topnav li .sub .td h2 span, ul.topnav li .sub .td h2 span{

width:180px;
height:60px;
position:absolute;
display:block;
top:0;
left:0;
background:url(/images/subnav/bg_navpanel.gif)  no-repeat 0px 0px;
background-position:0px 0px ;


}
ul.topnav li.about .sub .td h2 span
{
	top:29px;
	left:44px;
}
ul#topnav li.whycommunispace .sub .td h2 span, ul.topnav li.whycommunispace .sub .td h2 span{
background-position:0px -60px ;
}
ul.topnav li.whycommunispace .sub .td h2 span
{
	top:29px;
	left:44px;
}
ul#topnav li.researchinsights .sub .td h2 span, ul.topnav li.researchinsights .sub .td h2 span{
background-position:0px -120px ;
}
ul.topnav li.researchinsights .sub .td h2 span
{	
	top:12px;
	left:44px;
}
ul#topnav li.clients .sub .td h2 span, ul.topnav li.clients .sub .td h2 span{
background-position:0px -180px ;
}
ul.topnav li.clients .sub .td h2 span
{
	top:9px;
	left:44px;
}
ul#topnav li.tips .sub .td h2 span, ul.topnav li.tips .sub .td h2 span{
background-position:0px -240px ;
}
ul.topnav li.tips .sub .td h2 span
{
	top:12px;
	left:44px;
}
ul#topnav li.newsevents .sub .td h2 span, ul.topnav li.newsevents .sub .td h2 span{
background-position:0px -300px ;
}
ul.topnav li.newsevents .sub .td h2 span
{
	top:12px;
	left:44px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin:  0; 
	padding: 13px 0 3px 0;
	width:708px;
	float: left;
	
	
}
ul#topnav .sub ul li {
	 /*--Override parent list item--*/
	height:24px;
	margin:0 5px 10px 10px;
	display:block;
	float:left;
	padding:0;
	border-left-style:none;
	font-size:0px;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a , ul.topnav .sub ul li a {
    
	padding: 0 0px;
	display: block;
	text-decoration: none;
	width:192px;
	height:24px;
	line-height:24px;
	margin:0;
	color: #5b5652;
	position:relative;
	}
    ul#topnav .sub ul li a span , ul.topnav .sub ul li a span {
    position:absolute;
    display: block;
    width:192px;
	height:24px;
    top:0;
    left:0;
    }
    ul#topnav .sub ul li a span
    {
    z-index: 999999999999;

    }
    


/* marketing insisted on images -- we'll build them out in css for now for speed, but we want to code these later for CMS maintenance*/

/*[[[[[[[[[[[[[[[[[[[about]]]]]]]]]]]]]]]]]]]]]]*/
.about .sub .sub_1 a:link span, .about .sub .sub_1 a:visited span{
background: url(/images/subnav/nav_sub_whoweare.gif) no-repeat 0px 0px;
}
.about .sub .sub_2 a:link span, .about  .sub .sub_2 a:visited span{
background: url(/images/subnav/nav_sub_timeline.gif) no-repeat 0px 0px;
}
.about .sub .sub_3 a:link span, .about  .sub .sub_3 a:visited span{
background: url(/images/subnav/nav_sub_careers.gif) no-repeat 0px 0px;
}
.about .sub .sub_4 a:link span, .about  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_ourteam.gif) no-repeat 0px 0px;
}
.about .sub .sub_5 a:link span, .about  .sub .sub_5 a:visited span{
background: url(/images/subnav/nav_sub_recognition.gif) no-repeat 0px 0px;
}
.about .sub .sub_6 a:link span, .about  .sub .sub_6 a:visited span{
background: url(/images/subnav/nav_sub_locations.gif) no-repeat 0px 0px;
}
.about .sub .sub_7 a:link span, .about  .sub .sub_7 a:visited span{
background: url(/images/subnav/nav_sub_advisors.gif) no-repeat 0px 0px;
}
.about .sub .sub_8 a:link span, .about  .sub .sub_8 a:visited span{
background: url(/images/subnav/nav_sub_inthecommunity.gif) no-repeat 0px 0px;
}
.about .sub .sub_9 a:link span, .about  .sub .sub_9 a:visited span{
background: url(/images/subnav/nav_sub_contact.gif) no-repeat 0px 0px;
}


.about .sub  a:active  span, .about .sub a span.navigationActive, .about .sub a span.panelNavigationActive {
background-position: 0px -48px !important;
}
.about .sub  a:hover  span{
background-position: 0px -24px !important;
}

/*[[[[[[[[[[[[[[[[[[[whycommunispace]]]]]]]]]]]]]]]]]]]]]]*/
.whycommunispace .sub .sub_1 a:link span, .whycommunispace  .sub .sub_1 a:visited span{
background: url(/images/subnav/nav_sub_fullservicesolutions.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_2 a:link span, .whycommunispace  .sub .sub_2 a:visited span{
background: url(/images/subnav/nav_sub_customercommunities.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_3 a:link span, .whycommunispace  .sub .sub_3 a:visited span{
background: url(/images/subnav/nav_sub_whatisacommunity.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_4 a:link span, .whycommunispace  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_howwedoit.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_5 a:link span, .whycommunispace  .sub .sub_5 a:visited span{
background: url(/images/subnav/nav_sub_youandus.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_6 a:link span, .whycommunispace  .sub .sub_6 a:visited span{
background: url(/images/subnav/nav_sub_globalreach.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_7 a:link span, .whycommunispace  .sub .sub_7 a:visited span{
background: url(/images/subnav/nav_sub_agency-Solutions.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_8 a:link span, .whycommunispace  .sub .sub_8 a:visited span{
background: url(/images/subnav/nav_sub_ideaspace.gif) no-repeat 0px 0px;
}
.whycommunispace .sub .sub_9 a:link span, .whycommunispace  .sub .sub_9 a:visited span{
background: url(/images/subnav/nav_sub_whatyouget.gif) no-repeat 0px 0px;
}


.whycommunispace .sub  a:active  span, .whycommunispace .sub a span.navigationActive, .whycommunispace .sub a span.panelNavigationActive {
background-position: 0px -48px !important;
}
.whycommunispace .sub  a:hover  span{
background-position: 0px -24px !important;
}


/*[[[[[[[[[[[[[[[[[[[researchinsights]]]]]]]]]]]]]]]]]]]]]]*/
.researchinsights .sub .sub_1 a:link span, .researchinsights  .sub .sub_1 a:visited span{
background: url(/images/subnav/nav_sub_featuredresearch.gif) no-repeat 0px 0px;
}
.researchinsights .sub .sub_2 a:link span, .researchinsights  .sub .sub_2 a:visited span{
background: url(/images/subnav/nav_sub_bestpractices.gif) no-repeat 0px 0px;
}
.researchinsights .sub .sub_3 a:link span, .researchinsights  .sub .sub_3 a:visited span{
background: url(/images/subnav/nav_sub_thebrand.gif) no-repeat 0px 0px;
}
.researchinsights .sub .sub_4 a:link span, .researchinsights  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_socialmedia.gif) no-repeat 0px 0px;
}
.researchinsights .sub .sub_5 a:link span, .researchinsights  .sub .sub_5 a:visited span{
background: url(/images/subnav/nav_sub_macrotrends.gif) no-repeat 0px 0px;
}
.researchinsights .sub .sub_6 a:link span, .researchinsights  .sub .sub_6 a:visited span{
background: url(/images/subnav/nav_sub_membersmotives.gif) no-repeat 0px 0px;
}


.researchinsights .sub  a:active  span, .researchinsights .sub a span.navigationActive, .researchinsights .sub a span.panelNavigationActive {
background-position: 0px -48px !important;
}
.researchinsights .sub  a:hover  span{
background-position: 0px -24px !important;
}

/*[[[[[[[[[[[[[[[[[[[clients]]]]]]]]]]]]]]]]]]]]]]*/
.clients .sub .sub_1 a:link span, .clients   .sub .sub_1 a:visited span{
background: url(/images/subnav/nav_sub_allclients.gif) no-repeat 0px 0px;
}
.clients  .sub .sub_2 a:link span, .clients   .sub .sub_2 a:visited span{
background: url(/images/subnav/nav_sub_byexpertise.gif) no-repeat 0px 0px;
}
.clients  .sub .sub_3 a:link span, .clients   .sub .sub_3 a:visited span
{
	background: url(/images/subnav/nav_sub_casestudies.gif) no-repeat 0px 0px;
}

.clients .sub .sub_4 a:link span, .clients  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_forrester.gif) no-repeat 0px 0px;
}
.clients  .sub .sub_5 a:link span, .clients   .sub .sub_5 a:visited span{
background: url(/images/subnav/nav_sub_testimonials.gif) no-repeat 0px 0px;
}



.clients  .sub  a:active  span, .clients .sub a span.navigationActive, .clients .sub a span.panelNavigationActive {
background-position: 0px -48px !important;
}
.clients  .sub  a:hover  span{
background-position: 0px -24px !important;
}

/*[[[[[[[[[[[[[[[[[[[tips]]]]]]]]]]]]]]]]]]]]]]*/
.tips .sub .sub_1 a:link span, .tips  .sub .sub_1 a:visited span{
background: url(/images/subnav/nav_sub_faqs.gif) no-repeat 0px 0px;
}
.tips .sub .sub_2 a:link span, .tips  .sub .sub_2 a:visited span{
background: url(/images/subnav/nav_sub_multimedia.gif) no-repeat 0px 0px;
}
.tips .sub .sub_3 a:link span, .tips  .sub .sub_3 a:visited span{
background: url(/images/subnav/nav_sub_books.gif) no-repeat 0px 0px;
}
.tips .sub .sub_4 a:link span, .tips  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_archive.gif) no-repeat 0px 0px;
}
.tips .sub .sub_5 a:link span, .tips  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_app.gif) no-repeat 0px 0px;
}

.tips .sub  a:active  span, .tips .sub a span.navigationActive, .tips .sub a span.panelNavigationActive {
background-position: 0px -48px !important;
}
.tips .sub  a:hover  span{
background-position: 0px -24px !important;
}

/*[[[[[[[[[[[[[[[[[[[newsevents]]]]]]]]]]]]]]]]]]]]]]*/
.newsevents .sub .sub_1 a:link span, .newsevents  .sub .sub_1 a:visited span{
background: url(/images/subnav/nav_sub_inthenews.gif) no-repeat 0px 0px;
}
.newsevents .sub .sub_2 a:link span, .newsevents  .sub .sub_2 a:visited span{
background: url(/images/subnav/nav_sub_events.gif) no-repeat 0px 0px;
}
.newsevents .sub .sub_3 a:link span, .newsevents  .sub .sub_3 a:visited span{
background: url(/images/subnav/nav_sub_releases.png) no-repeat 0px 0px;
}
.newsevents .sub .sub_4 a:link span, .newsevents  .sub .sub_4 a:visited span{
background: url(/images/subnav/nav_sub_mediaresources.gif) no-repeat 0px 0px;
}



.newsevents .sub  a:active  span, .newsevents .sub a span.navigationActive, .newsevents .sub a span.panelNavigationActive {
background-position: 0px -48px !important;
}
.newsevents .sub  a:hover  span{
background-position: 0px -24px !important;
}






/* page panel styles */
.page_nav_panel{
}