/* +++++++++  gci_nav.css +++++++++ */
/*__________________________________________________________________________________________________
		PRIMARY NAVIGATION
====================================================================================================*/
#nav { height: 90px; margin: 0px; overflow: hidden; clear: none; background: #000; }

#nav_main { width: 100%; height: 90px; overflow: hidden; background: #FFF url("http://media.gcimagazine.com/designimages/gci_nav_main_bg.gif") repeat-x top left; }

#primary_nav { width: 846px; height: 30px; margin: 0px; padding: 0px; display: inline; float: left; background: url("http://media.gcimagazine.com/designimages/gci_pnav_bg_v5.png") no-repeat 0px 0px; }

#primary_nav ul { width: 846px; height: 30px; margin: 0; position: relative; display: inline; float: left; list-style: none; }
#primary_nav ul li { height: 30px; margin: 0; padding: 0; display: inline; float: left; font-size: 1.0em; line-height: 1em; list-style-type: none; }

#primary_nav ul li a { height: 30px; border: none; position: absolute; top: 0px; text-decoration: none; background-position: 0px 0px; background-repeat: no-repeat; }
#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*/

/*_________________________________________________________________________________
		PRIMARY NAVIGATION ITEMS
===================================================================================*/
/*   left = (width of previous + left of previous + 1)   */
/* Business */
div#primary_nav #pn_item_1 a { width: 139px; left: 0px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_business_v5.png"); }

/* Markets & Trends */
div#primary_nav #pn_item_2 a { width: 222px; left: 140px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_markets_v5.png"); }

/* Launches */
/*div#primary_nav #pn_item_3 a { width: 132px; left: 331px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_launches1.png"); }*/

/* Directory */
div#primary_nav #pn_item_3 a { width: 151px; left: 363px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_directory_v5.png"); }

/* Networking */
div#primary_nav #pn_item_4 a { width: 177px; left: 515px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_networking_v5.png"); }

/* Magazine */
div#primary_nav #pn_item_5 a { width: 152px; left: 693px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_magazine_v5.png"); }

/* Business */
/*div#primary_nav #pn_item_6 a { width: 131px; left: 711px; background-image: url("http://media.gcimagazine.com/designimages/gci_pnav_magazine.gif"); }*/

/*__________________________________________________________________________________________________
		SECONDARY NAVIGATION
====================================================================================================*/
#secondary_nav { width: 846px; height: 30px; margin: 0; padding: 0; float: left; background: #000 no-repeat top left; }

#secondary_nav ul { height: 30px; margin: 0; position: relative; display: inline; float: left; list-style: none; }
#secondary_nav ul li { height: 30px; margin: 0; padding: 0; display: inline; float: left; font-size: 1.0em; line-height: 1em; list-style-type: none; }

#secondary_nav ul li a { height: 30px; border: none; position: absolute; top: 0px; text-decoration: none; background-position: 0px 0px; background-repeat: no-repeat; }

#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; }*/

/*_________________________________________________________________________________
		SECONDARY NAVIGATION INSTRUCTIONS
===================================================================================*/
/*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 */

/*_________________________________________________________________________________
		BUSINESS - SECONDARY NAV
===================================================================================*/
div.Business div#secondary_nav { width: 846px; padding-left: 0px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Business div#secondary_nav ul { width: 610px; background: transparent url("http://media.gcimagazine.com/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 { width: 115px; left: 0px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_assoc.gif"); }*/

/* Management */
div.Business div#secondary_nav #sn_item_1 a { width: 122px; left: 0px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_manage.gif"); }

/* Manufacturing */
div.Business div#secondary_nav #sn_item_2 a { width: 132px; left: 125px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_manuf.gif"); }

/* Marketers */
div.Business div#secondary_nav #sn_item_3 a { width: 98px; left: 260px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_marketers.gif"); }

/* Marketing */
div.Business div#secondary_nav #sn_item_4 a { width: 99px; left: 361px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_marketing.gif"); }

/* R & D */
div.Business div#secondary_nav #sn_item_5 a { width: 53px; left: 463px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_randd.gif"); }

/* Suppliers */
div.Business div#secondary_nav #sn_item_6 a { width: 91px; left: 519px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_bus_suppl.gif"); }

/*_________________________________________________________________________________
		MARKETS & TRENDS - SECONDARY NAV
===================================================================================*/
/*center: 227 - 189 = 38*/
div.MarketsTrends div#secondary_nav { width: 784px; padding-left: 62px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.MarketsTrends div#secondary_nav ul { width: 378px; background: transparent url("http://media.gcimagazine.com/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 { width: 91px; left: 0px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_mrkts_channels.gif"); }

/* Consumers */
div.MarketsTrends div#secondary_nav #sn_item_2 a { width: 104px; left: 94px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_mrkts_consmr.gif"); }

/* Regions */
div.MarketsTrends div#secondary_nav #sn_item_3 a { width: 80px; left: 201px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_mrkts_rgns.gif"); }

/* Segments */
div.MarketsTrends div#secondary_nav #sn_item_4 a { width: 94px; left: 284px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_mrkts_segm.gif"); }

/*_________________________________________________________________________________
		DIRECTORY - SECONDARY NAV
===================================================================================*/

/*_________________________________________________________________________________
		NETWORKING - SECONDARY NAV
===================================================================================*/
div.Networking div#secondary_nav { width: 438px; padding-left: 408px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Networking div#secondary_nav ul { width: 391px; background: transparent url("http://media.gcimagazine.com/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 { width: 165px; left: 0px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_ntwrk_cal.png"); }

/* Careers */
div.Networking div#secondary_nav #sn_item_2 a { width: 80px; left: 168px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_ntwrk_careers.png"); }

/* Event Coverage */
div.Networking div#secondary_nav #sn_item_3 a { width: 140px; left: 251px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_ntwrk_coverage.png"); }

/* Fragrance Business */
/*div.Events div#secondary_nav #sn_item_3 a { width: 166px; left: 311px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_events_fragBiz.gif"); }*/

/* Webinars */
/*div.Networking div#secondary_nav #sn_item_4 a { width: 95px; left: 394px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_ntwrk_webinars.png"); }*/

/*_________________________________________________________________________________
		MAGAZINE - SECONDARY NAV
===================================================================================*/
div.Magazine div#secondary_nav { width: 244px; padding-left: 602px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Magazine div#secondary_nav ul { width: 244px; background: transparent url("http://media.gcimagazine.com/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 { width: 141px; left: 0px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_mag_adBoard.gif"); }

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_2 a { width: 100px; left: 144px; background-image: url("http://media.gcimagazine.com/designimages/gci_snav_mag_pastIssues.gif"); }

/*_________________________________________________________________________________
		TEXT-BASED NAVIGATION - BACKUP
===================================================================================*/
/*
#primary_nav ul li { margin-right: 10px; display: inline; 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; margin: 0; padding: 0; float: left; clear: left; }

#secondary_nav ul { height: 30px; margin: 0; position: relative; display: inline; float: left; clear: left; list-style: none; }
#secondary_nav ul li { margin-right: 10px; display: inline; 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; }
*/

