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

/* TAGS --------------------------------- */
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #d1b6cc; }
.bkgnd-home {
	background-image: url(../images/bkgnd-home.png); 
	background-repeat: repeat-x;
	background-position: 0 128px; }
.bkgnd-page {
	background-image: url(../images/bkgnd-page.png); 
	background-repeat: repeat-x;
	background-position: 0 132px; }
p {
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding-bottom: 10px; }
h2 {
	font-family: "Droid Serif", arial, serif;
	color: #f8971d;
	font-size: 21px;
	line-height: 31px;
	padding-bottom: 10px; }
h3 {
	font-family: "Droid Serif", arial, serif;
	color: #f8971d;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 0 4px 0; }
h5 {
	font: bold 14px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #f8981d; } /* image replacement used for homepage news items and CTA headlines */
	
ul {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
}
li {
	font-family: Arial, Helvetica, sans-serif; }

.privacy
{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height: 14px;
font-size: 11px;
}
.subpage-bkgnd li {
	list-style-type: disc; }


/* content links */
a:link {
	color: #d97b03;
	text-decoration: none; }
a:visited {
	color: #d97b03;
	text-decoration: none; }
a:hover {
	color: #d97b03;
	text-decoration: underline; }
a:active {
	color: #a41984;
	text-decoration: underline; }

/* CLASSES ------------------------------ */
.clearfloat {
	clear: both; }




/* GLOBAL LAYOUT -------------------------------------------------- */
#wrapper {
	position: relative; 
	width: 960px;
	background-color: #FFF;
	margin: 10px auto; }
#wrapper-home {
	position: relative; 
	width: 960px;
	background-color: #FFF;
	margin: 10px auto;
	padding-bottom: 30px; }
#banner, #logo, #tagline {
	height: 90px; }
#banner {
	width: 960px;
	height: 90px;
	background: #fff url(../images/banner-bkgnd.png) repeat-x;
	overflow: hidden; }
#logo {
	float: left;
	width: 280px;
	text-indent: -5000px;
	background: url(../images/wcg-logo.png) no-repeat top left; }
#tagline {
	margin-top: 10px;
	margin-left: -80px;
	float: left;
	width: 540px; 
	text-indent: -5000px;
	background: url(../images/wcg-tagline.png) no-repeat top right; }
#contact ul {
	margin-top: 10px;
	float: left;
	width: 210px; }
	
#sub-navigation {
	float: left;
	width: 240px; }
#mainpage-content {
	float: left; margin-left: 262px;
	margin-bottom: 40px; }
#subpage-content, #mainpage-subpage-content, #mainpage-fullcontent, #portfolio-content {
	float: left; margin-left: 240px;
	margin-bottom: 40px; }
	
#mainpage-content { width: 530px; }
#subpage-content { width: 400px; }
#mainpage-subpage-content { width: 530px; }
#mainpage-fullcontent, #portfolio-content { width: 630px; }
#portfolio-content ul {
	}
	
.headline { margin-left: 262px; }
#mainpage-content ul, #subpage-content ul, #mainpage-fullcontent ul, #mainpage-subpage-content ul {
	margin-left: 20px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #666; }
#mainpage-content li, #subpage-content li, #mainpage-fullcontent li, #mainpage-subpage-content li {
	padding-bottom: 6px; }

#footer {
	width: 960px;
	margin: 10px auto; }
#footerSlideshow {
	width: 960px;
	position: absolute;
	top: 870px;
	left: 130px; }
#footer-copyright, #footer-privacy {
	font: 10px/10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #f2e8f0;
	width: 480px; }
#footer-copyright {
	float: left; }
#footer-privacy {
	float: right;
	text-align: right; }
	
/* footer links */
#footer a:link {
	color: #fff;
	text-decoration: none; }
#footer a:visited {
	color: #fff;
	text-decoration: none; }
#footer a:hover {
	color: #00C;
	text-decoration: underline; }
#footer a:active {
	color: #00C;
	text-decoration: underline; }

.mainpage-cta {
	float: right;
	width: 160px; }
.subpage-cta {
	float: right;
	margin-right: 30px;
	width: 223px;
	padding-bottom: 30px; }

/* GRAPHIC TEXT SECTION ------------------------------------------------------------------------------------------------- */
.mainpage-cta-call-today {
	height: 268px;
	text-indent: -5000px;
	background: url(../images/cta-call-today.jpg) no-repeat; }
#subhead-trade-show-promotion {
	background: url(../images/subhead-trade-show-promotion.png) no-repeat; }
#subhead-event-promotion {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-event-promotion.png) no-repeat; }
#subhead-retail-management {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-retail-management.png) no-repeat; }
#subhead-procurement {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-product-procurement.png) no-repeat; }
#subhead-cross-selling {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-cross-selling.png) no-repeat; }
#subhead-incentive {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-incentive.png) no-repeat; }
#subhead-licensing {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-product-licensing.png) no-repeat; }
#subhead-jkl {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-case1-jkl.png) no-repeat; }
#subhead-tribeca {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-case2-tribeca.png) no-repeat; }
#subhead-creative {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-about-creative-team-dossier.png) no-repeat; }
#subhead-privacy {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-privacy-policy.png) no-repeat; }
#subhead-values {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-values.png) no-repeat; }
#subhead-philosophy {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-about-mission-statement.png) no-repeat; }
#subhead-branded-product-philosophy {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-branded-product-philosophy.png) no-repeat; }	
#subhead-branded-value-proposition {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-branded-value-proposition.png) no-repeat; }
#subhead-branded-works-creations {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-photo-gallery.png) no-repeat; }		
#subhead-value-creation {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-value-creation.png) no-repeat; }
#subhead-branded-case-study {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-branded-case-study.png) no-repeat; }
#subhead-event-philosophy {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-event-philosophy.png) no-repeat; }
#subhead-event-value-proposition {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-event-value-proposition.png) no-repeat; }
#subhead-event-crash-the-party {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-photo-gallery.png) no-repeat; }
#subhead-integration-synergies-realized {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-integration-synergies-realized.png) no-repeat; }
#subhead-mission {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-mission.png) no-repeat; }
#subhead-green {
	text-indent: -5000px; height: 24px;
	background: url(../images/subhead-green-products.png) no-repeat; }
#news-head-1 {
	background: url(../images/subhead-home-our-value-proposition.png) no-repeat; }
#news-head-2 {
	background: url(../images/subhead-green-products.png) no-repeat; }

	
/* Sub Navigation ------------------------------- */
#sub-navigation {
	position: absolute;
	width: 230px; } /* breaks sub-navigation out of layout. then add 240px margin to left side of content divs */
#sub-navigation ul {
	padding-left: 36px; }
#sub-navigation li {
	font-size: 13px;
	line-height: 15px;
	padding-left: 14px;
	margin: 8px 0; }
#sub-navigation li a:link {
	color: #999;
	text-decoration: none; }
#sub-navigation li a:visited {
	color: #999;
	text-decoration: none; }
#sub-navigation li a:hover {
	color: #f8971d;
	text-decoration: none; }
#sub-navigation li a:active {
	color: #a41984;
	text-decoration: none; }
#sub-navigation li.active a { 
	color: #f8971d;
	font-weight: bold; }	
#sub-navigation li.active {	
	background: url(../images/sub-nav-active.png) no-repeat 0px 50%; }

	
/* PAGE BANNERS ---------------------------------- */
#works-philosophy, #branded-product-intelligence, #event-intelligence, #product-event-integration, #get-in-touch {
	height: 135px;
	text-indent: -5000px;
	margin-bottom: 30px; }
#works-philosophy { background: url(../images/banner-works-philosophy.jpg) no-repeat; }
#branded-product-intelligence { background: url(../images/banner-branded-product-intelligence.jpg) no-repeat; }
#event-intelligence { background: url(../images/banner-event-intelligence.jpg) no-repeat; }
#product-event-integration { background: url(../images/banner-product-event-integration.jpg) no-repeat; }
#get-in-touch { background: url(../images/banner-lets-chat.jpg) no-repeat; }

	
	
/* NAVIGATION ---------------------------- */
/* Pixy CSS Rollovers: http://simplebits.com/bits/tab_rollovers.html */
/* http://wellstyled.com/files/css-nopreload-rollovers/example2.html */
#nav ul {
	margin-left: 10px; }
#nav {
	z-index: 5;
	margin: 0; padding: 0;
	height: 33px;
	list-style: none;
	display: inline;
	overflow: hidden; }
#nav li {
	margin: 0; padding: 0;
	list-style: none;
	display: inline; }
#nav a {
	float: left;
	padding: 33px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:33px; /* for IE5/win only */ }
#nav a:hover {
	background-position: 0 -33px; }
#nav .active a {
	background-position: 0 -33px; }
#works-philosophy a {
	width: 56px;
	background: url(../images/nav-about.png) top left no-repeat; }
#branded-product-intelligence a {
	width: 84px;
	background: url(../images/nav-products.png) top left no-repeat; }
#event-intelligence a {
	width: 71px;
	background: url(../images/nav-events.png) top left no-repeat; }
#product-event-integration a {
	width: 195px;
	background: url(../images/nav-product-event-integration.png) top left no-repeat; }
#get-in-touch a {
	width: 77px;
	background: url(../images/nav-contact.png) top left no-repeat; }
#blog a {
	width: 90px;
	background: url(../images/nav-blog.png) top left no-repeat; }
	
/* Contact Menu */
/* http://www.cssplay.co.uk/menus/image_dropdown.html */
#contact ul {
 }
#contact {
	margin: 0; padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden; }
#contact li {
	margin: 0; padding: 0;
	list-style: none;
	display: inline; }
#contact a {
	float: left;
	opacity: 0.6;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:24px; /* for IE5/win only */ }
#contact a:hover {
	opacity: 1.0; }
#email a {
	width: 30px;
	background: url(../images/email.jpg) top left no-repeat; }
#facebook a {
	width: 30px;
	background: url(../images/facebook.jpg) top left no-repeat; }
#twitter a {
	width: 30px;
	background: url(../images/twitter.jpg) top left no-repeat; }
#googleplus a {
	width: 30px;
	background: url(../images/googleplus.jpg) top left no-repeat; }	
#linkedin a {
	width: 30px;
	background: url(../images/linkedin.jpg) top left no-repeat; }	
#pinterest a {
	width: 30px;
	background: url(../images/pinterest.jpg) top left no-repeat; }
#instagram a {
	width: 30px;
	background: url(../images/instagram.jpg) top left no-repeat; }

/* HOMEPAGE LAYOUT ------------------------------------------------------------------------------------------------------------------- */
#news-items {
	margin-top: 30px; }
#news-item-1, #news-item-2, #subpage-content, #mainpage-subpage-content {
	float: left;
	padding-left: 22px;
	background: url(../images/img-sub-head-arrow.png) no-repeat; }
#news-item-1 {
	margin-left: 230px; }
#news-head-1, #news-head-2 {
	height: 25px;
	text-indent: -5000px; }
/* News head graphics in the graphic text section */
.news-item {
	width: 260px;
	padding-right: 20px;
	font: 11px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666; }
#news-items a {
	text-decoration: none; }
.home-news, .subpage-bkgnd {
	padding: 10px 10px 0 10px;
	background: url(../images/img-sub-page-content-bkgnd.png) no-repeat; }
.learn-more {
	font-weight: bold;
	text-transform: capitalize;
	color: #a21984; }
	
	
/* What are you interested in? menu ----------------------------------------------------------------------- */
#interest-cta {
 	z-index: 900;
	position: absolute;
	top: 51px;
	right: 24px; }
	
/* Interest Menu */
#int-nav { 
	width:112px; /* main nav button */
	height:139px; /* main nav button */
	padding:0; 
	margin:0; 
	list-style:none; 
	position:relative; 
	z-index:200; 
	font-family:arial, verdana, sans-serif; }
#int-nav li.top {display:block; float:left;}
#int-nav li a {
	width:112px; /* main nav button */
	height:139px; /* main nav button */
	display:block; 
	float:left; 
	border:0px solid #888; 
	border-color:#ccc; /* not displayed */ 
	text-decoration:none; 
	padding:0; 
	cursor:pointer; }
#int-nav li a b {margin-left:-5000px;} /* takes the bolded main nav button text and moves it out of the screen display */

#int-nav li a.interest-menu {background:url(../images/blog-menu.png);}

#int-nav li:hover a, #int-nav a:hover {
	background-position: 0 139px; }

#int-nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#int-nav li:hover {position:relative; z-index:200;}
#int-nav a:hover {position:relative; white-space:normal; z-index:200;}

#int-nav :hover ul.sub {
	left:0; 
	top:139px; /* positioning to start sub nav below main nav button */
	background: #ccc; /* will not be displayed */
	width:112px; 
	height: 36px; /* height of sub image */
	z-index:300; }
#int-nav :hover ul.sub li {
	display:block; 
	height:36px; /* height of sub image */
	position:relative; 
	float:left; 
	width:112px; /* width of button */
	font-weight:normal; }
#int-nav :hover ul.sub li a {
	display:block; 
	height:36px; /* height of sub image */
	text-indent: -5000px; }
#int-nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

/* Active */
#int-nav :hover ul li a.retail-mgmt {background:url(../images/interest-event-services.png);}
#int-nav :hover ul li a.prod-procurement {background:url(../images/interest-product-retail-operations.png);}
#int-nav :hover ul li a.prod-lic {background:url(../images/interest-integration.png);}

/* Unused */
#int-nav :hover ul li a.create-awareness {background:url(../images/int-create-awareness.png);}
#int-nav :hover ul li a.brand-building {background:url(../images/int-brand-building.png);}
#int-nav :hover ul li a.trade-show {background:url(../images/int-trade-show.png);}
#int-nav :hover ul li a.brand-mgmt {background:url(../images/int-brand-mgmt.png);}
#int-nav :hover ul li a.co-branding {background:url(../images/int-co-branding.png);}
#int-nav :hover ul li a.prod-merch {background:url(../images/int-prod-merch.png);}

#int-nav :hover ul li a.bottom-spacer {background:url(../images/int-bottom-spacer.png);}

#int-nav :hover ul.sub li a:hover {
	background-position: 0 36px; /* adjusts background position image to "on" hover position */
	position:relative; }
#int-nav :hover ul.sub li a:hover b { }
	
/* HOMEPAGE -------------------------------------- */
#fadeshow1 {
	z-index: 1;
	float: left;
	background: url(../images/01-message.jpg) top left no-repeat; }
#home-pic {
	float: left;
	width: 539px;
	height: 258px;
	background: url(../images/00-home-pic.jpg) top left no-repeat; }
	
/* SLIDESHOW -------------------------------------- */

#SlideshowContainer {
position: absolute;
left: 258px;
top: 308px;
}

/* LOGOS -------------------------------------- */

#LogoContainer {
background-color: #FFFFFF;
float: left;
margin-left: 240px;
width: 440px;
height: 360px;
}

#People {
width: 130px;
height: 52px;
position: absolute;
left: 270px;
top: 500px;
}

#ET {
width: 80px;
height: 80px;
position: absolute;
left: 470px;
top: 500px;
}

#NBC {
width: 100px;
height: 100px;
position: absolute;
left: 610px;
top: 500px;
}

#Yahoo {
width: 100px;
height: 60px;
position: absolute;
left: 770px;
top: 500px;
}

#USAToday {
width: 120px;
height: 71px;
position: absolute;
left: 270px;
top: 600px;
}

#LATimes {
width: 200px;
height: 31px;
position: absolute;
left: 440px;
top: 625px;
}

#USWeekly {
width: 100px;
height: 100px;
position: absolute;
left: 490px;
top: 680px;
}

#E {
width: 50px;
height: 110px;
position: absolute;
left: 810px;
top: 600px;
}

#InStyle {
width: 170px;
height: 47px;
position: absolute;
left: 270px;
top: 720px;
}

#Variety {
width: 120px;
height: 120px;
position: absolute;
left: 660px;
top: 590px;
}

#NYTimes {
width: 270px;
height: 40px;
position: absolute;
left: 650px;
top: 740px;
}

#THR {
width: 170px;
height: 58px;
position: absolute;
left: 270px;
top: 810px;
}

#Extra {
width: 200px;
height: 73px;
position: absolute;
left: 480px;
top: 790px;
}

#CNN {
width: 90px;
height: 90px;
position: absolute;
left: 750px;
top: 780px;
}