/*specific styles for the gci navigation*/
#nav {
	height: 90px;
	margin: 0px;
	clear: none;
	background: #000;
	overflow:hidden;
}

#nav_main {
	width: 100%;
	height: 90px;
	overflow: hidden;
	background: #FFF url(designImages/gci_nav_main_bg.gif) repeat-x top left;
}

#primary_nav {
	float: left;
	display: inline;
	width: 846px;
	height: 30px;
	background: url(designImages/gci_pnav_bg_v5.png) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
}

#primary_nav ul {
	width: 846px;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	margin: 0;
	height: 30px;
}

#primary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

#primary_nav ul li a {
	position: absolute;
	height: 30px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#primary_nav ul li a:hover { background-position: 0px -30px; }

#primary_nav ul li.curr_page a { background-position: 0px -60px; }

#primary_nav ul li.curr_page a:hover { background-position: 0px -90px; }

#primary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/*   left = (width of previous + left of previous + 1)   */

/* Business */
div#primary_nav #pn_item_1 a {
	background-image: url(designImages/gci_pnav_business_v5.png);
	width: 139px;
	left: 0px;
}

/* Markets & Trends */
div#primary_nav #pn_item_2 a {
	background-image: url(designImages/gci_pnav_markets_v5.png);
	width: 222px;
	left: 140px;
}

/* Launches */
/*div#primary_nav #pn_item_3 a {
	background-image: url(designImages/gci_pnav_launches1.png);
	width: 132px;
	left: 331px;
}*/

/* Directory */
div#primary_nav #pn_item_3 a {
	background-image: url(designImages/gci_pnav_directory_v5.png);
	width: 151px;
	left: 363px;
}

/* Networking */
div#primary_nav #pn_item_4 a {
	background-image: url(designImages/gci_pnav_networking_v5.png);
	width: 177px;
	left: 515px;
}

/* Magazine */
div#primary_nav #pn_item_5 a {
	background-image: url(designImages/gci_pnav_magazine_v5.png);
	width: 152px;
	left: 693px;
}

/* Business */
/*div#primary_nav #pn_item_6 a {
	background-image: url(designImages/gci_pnav_magazine.gif);
	width: 131px;
	left: 711px;
}*/

/* --- SECONDARY NAV styles ----------------------------------------------------------- */

#secondary_nav {
	width: 846px;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	background: #000 no-repeat top left;
}

#secondary_nav ul {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	position: relative;
	height: 30px;
}

#secondary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

#secondary_nav ul li a {
	position: absolute;
	height: 30px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#secondary_nav ul li a:hover,
#secondary_nav ul li a:focus { background-position: 0px -30px; }

#secondary_nav ul li a:active { background-position: 0px -90px; }

#secondary_nav ul li.curr_page a { background-position: 0px -60px; }

#secondary_nav ul li.curr_page a:hover { background-position: 0px -90px; }

#secondary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/* --- Directory Temp Fix ----------------------------- */

/*body#directory #secondary_nav ul li { height: auto; }
body#directory #secondary_nav ul li a { position: static; margin: 0px 10px; color: #fff; text-decoration: underline; }
body#directory #secondary_nav ul li.curr_page a { font-weight: bold; }
body#directory #secondary_nav ul li a:hover { color: #e06500; }
body#directory #secondary_nav ul li a span { display: inline; text-indent: 0px; }*/

/* ---  (end of Generic Secondary nav styles)---------------- */

/* --- BUSINESS - SECONDARY NAV ----------------------------------------------------------- */

/*set the starting position of this particular section closer to its respective primary tab by adding padding-left*/
/* to calculate the necessary padding: middle of primary tab - (width of secondary ul/2)  */
/* width: if left aligned, width = 846, otherwise = 846 - padding-left */

div.Business div#secondary_nav { width: 846px; padding-left: 0px;} 

div.Business div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 610px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/gci_snav_bus_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 3  */

/* Associations */
/*div.Business div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/gci_snav_bus_assoc.gif);
	width: 115px;
	left: 0px;
}*/

/* Management */
div.Business div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/gci_snav_bus_manage.gif);
	width: 122px;
	left: 0px;
}

/* Manufacturing */
div.Business div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/gci_snav_bus_manuf.gif);
	width: 132px;
	left: 125px;
}

/* Marketers */
div.Business div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/gci_snav_bus_marketers.gif);
	width: 98px;
	left: 260px;
}

/* Marketing */
div.Business div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/gci_snav_bus_marketing.gif);
	width: 99px;
	left: 361px;
}

/* R & D */
div.Business div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/gci_snav_bus_randd.gif);
	width: 53px;
	left: 463px;
}

/* Suppliers */
div.Business div#secondary_nav #sn_item_6 a {
	background-image: url(designImages/gci_snav_bus_suppl.gif);
	width: 91px;
	left: 519px;
}

/* --- MARKETS & TRENDS - SECONDARY NAV ----------------------------------------------------------- */

/*set the starting position of this particular section closer to its respective primary tab by adding padding-left*/
/* to calculate the necessary padding: middle of primary tab - (width of secondary ul/2)  */
/* width: if left aligned, width = 846, otherwise = 846 - padding-left */

/*center: 227 - 189 = 38*/

div.MarketsTrends div#secondary_nav { width: 784px; padding-left: 62px;} 

div.MarketsTrends div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 378px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/gci_snav_mrkts_bg.gif) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 3  */

/* Channels */
div.MarketsTrends div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/gci_snav_mrkts_channels.gif);
	width: 91px;
	left: 0px;
}

/* Consumers */
div.MarketsTrends div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/gci_snav_mrkts_consmr.gif);
	width: 104px;
	left: 94px;
}

/* Regions */
div.MarketsTrends div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/gci_snav_mrkts_rgns.gif);
	width: 80px;
	left: 201px;
}

/* Segments */
div.MarketsTrends div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/gci_snav_mrkts_segm.gif);
	width: 94px;
	left: 284px;
}


/* --- NETWORKING - SECONDARY NAV ----------------------------------------------------------- */

/*set the starting position of this particular section closer to its respective primary tab by adding padding-left*/
/* to calculate the necessary padding: middle of primary tab - (width of secondary ul/2)  */
/* width: if left aligned, width = 846, otherwise = 846 - padding-left */

div.Networking div#secondary_nav { width: 438px; padding-left: 408px;} 

div.Networking div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 391px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/gci_snav_ntwrk_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 3  */

/* Calendar of Events */
div.Networking div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/gci_snav_ntwrk_cal.png);
	width: 165px;
	left: 0px;
}

/* Careers */
div.Networking div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/gci_snav_ntwrk_careers.png);
	width: 80px;
	left: 168px;
}

/* Event Coverage */
div.Networking div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/gci_snav_ntwrk_coverage.png);
	width: 140px;
	left: 251px;
}

/* Fragrance Business */
/*div.Events div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/gci_snav_events_fragBiz.gif);
	width: 166px;
	left: 311px;
}*/

/* Webinars */
/*div.Networking div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/gci_snav_ntwrk_webinars.png);
	width: 95px;
	left: 394px;
}*/

/* --- MAGAZINE - SECONDARY NAV ----------------------------------------------------------- */

/*set the starting position of this particular section closer to its respective primary tab by adding padding-left*/
/* to calculate the necessary padding: middle of primary tab - (width of secondary ul/2)  */
/* width: if left aligned, width = 846, if right aligned = width of bg image; otherwise = 846 - padding-left */

div.Magazine div#secondary_nav { width: 244px; padding-left: 602px;} 

div.Magazine div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 244px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/gci_snav_mag_bg.gif) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 3  */

/* Advisory Board */
div.Magazine div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/gci_snav_mag_adBoard.gif);
	width: 141px;
	left: 0px;
}

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/gci_snav_mag_pastIssues.gif);
	width: 100px;
	left: 144px;
}

/* ------  text based navigation -- temporary  ------- */

/*#primary_nav ul li {
	display: inline;
	margin-right: 10px;
	line-height: 30px;
}

#primary_nav ul li a:link { color: #000; }
#primary_nav ul li a:visited { color: #000; }
#primary_nav ul li a:hover { color: #4b78a3; }*/

/*#secondary_nav {
	width: 843px;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
}

#secondary_nav ul {
	float: left;
	clear: left;
	display: inline;
	list-style: none;
	margin: 0;
	position: relative;
	height: 30px;
}

#secondary_nav ul li {
	display: inline;
	margin-right: 10px;
	line-height: 30px;
}

#secondary_nav ul li a:link { color: #fff; }
#secondary_nav ul li a:visited { color: #fff; }
#secondary_nav ul li a:hover { color: #ff6d00; }

#secondary_nav ul li.curr_page { font-weight: bold; }*/
