/***** TOP LEVEL NAV *****/
#topnav ul {
	padding: 0;
	margin: 0;
}

#nav li {
	margin: 0;
	float: left;
	display: block;
}

#nav li.off ul, #nav li.on ul {
	/*hide the subnavs*/
	display: none;
}

#nav li a {
	display: block;
	height: 37px;
	padding: 0;
	color: #F4F3F3;
	font-size: 12pt;
	text-decoration: none;
}

#nav li a span, #getstarted a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* TOP LEVEL NAV ROLLOVERS */
li#ww {
	width: 115px;
	background: url(../images/nav_whatwedo.png) no-repeat 0 0;
}
li#mg {
	width: 147px;
	background: url(../images/nav_marketing_gallery.png) no-repeat 0 0;
}
li#lc {
	width: 130px;
	background: url(../images/nav_learning_center.png) no-repeat 0 0;
}
li#bs {
	width: 142px;
	background: url(../images/nav_branded_solutions.png) no-repeat 0 0;
}
li#co {
	width: 94px;
	background: url(../images/nav_company.png) no-repeat 0 0;
}
li#pr {
	width: 79px;
	background: url(../images/nav_pricing.png) no-repeat 0 0;
}
li#ww:hover,
li#mg:hover,
li#lc:hover,
li#bs:hover,
li#co:hover,
li#pr:hover,
#nav li.on#ww,
#nav li.on#mg,
#nav li.on#lc,
#nav li.on#bs,
#nav li.on#co,
#nav li.on#pr,
#nav li.over#ww,
#nav li.over#mg,
#nav li.over#lc,
#nav li.over#bs,
#nav li.over#co,
#nav li.over#pr,
body.ww #nav li#ww,
body.mg #nav li#mg,
body.lc #nav li#lc,
body.bs #nav li#bs,
body.co #nav li#co,
body.pr #nav li#pr
{
	background-position: 0 -37px;
}

/***** SUB LEVEL NAV *****/
#nav li.off ul, #nav li.on ul {
	display: none;
	position: absolute;
	top: 37px;
	left: 0;
	height: 28px;
	background: url(../images/bg_subnav.png) 0 0 repeat-x;
}

#nav li.off li, #nav li.on li {
	height: 28px;
}

#nav li.off li a, #nav li.on li a {
	display: block;
	width: inherit;
	height: 28px;
	padding: 0;
	color: #FFF;
}

#nav li.on ul {
	/*display active subnav list*/
	display: block;
}

body.ww #nav li#ww ul,
body.mg #nav li#mg ul,
body.lc #nav li#lc ul, 
body.bs #nav li#bs ul, 
body.co #nav li#co ul,
body.pr #nav li#pr ul
{
	display: block;
}

#nav ul#ww_sub {
	width: 970px;
	padding-left: 4px;
}
#nav ul#mg_sub {
	width: 854px;
	padding-left: 120px;
}
#nav ul#lc_sub {
	width: 711px;
	padding-left: 263px;
}
#nav ul#bs_sub {
	width: 582px;
	padding-left: 392px;
}
#nav ul#co_sub {
	width: 436px;
	padding-left: 538px;
}
#nav ul#pr_sub {
	width: 340px;
	padding-left: 634px;
}

#nav li.on ul {
	/*display the current topic*/
	display: block;
	background-color: #828181;
}

#nav li.off:hover ul, #nav li.over ul {
	/*  display the other topics when
	  their parent is hovered */
	display: block;
	z-index: 6000;
	background-color: #828181;
}

/* SUB NAV ROLLOVERS */
#nav li#sub_o1 {
	width: 90px;
	background: url(../images/sub_overview.png) no-repeat 0 0;
}
#nav li#sub_em {
	width: 123px;
	background: url(../images/sub_email_marketing.png) no-repeat 0 0;
}
#nav li#sub_pm {
	width: 120px;
	background: url(../images/sub_print_marketing.png) no-repeat 0 0;
}
#nav li#sub_cm {
	width: 157px;
	background: url(../images/sub_contact_management.png) no-repeat 0 0;
}
#nav li#sub_om {
	width: 137px;
	background: url(../images/sub_online_marketing.png) no-repeat 0 0;
}
#nav li#sub_ac {
	width: 128px;
	background: url(../images/sub_auto_campaigns.png) no-repeat 0 0;
}
#nav li#sub_o4 {
	width: 90px;
	background: url(../images/sub_overview.png) no-repeat 0 0;
}
#nav li#sub_pc {
	width: 84px;
	background: url(../images/sub_postcards.png) no-repeat 0 0;
}
#nav li#sub_fl {
	width: 62px;
	background: url(../images/sub_flyers.png) no-repeat 0 0;
}
#nav li#sub_bc {
	width: 114px;
	background: url(../images/sub_business_cards.png) no-repeat 0 0;
}
#nav li#sub_nl {
	width: 96px;
	background: url(../images/sub_newsletters.png) no-repeat 0 0;
}
#nav li#sub_gc {
	width: 116px;
	background: url(../images/sub_greeting_cards.png) no-repeat 0 0;
}
#nav li#sub_mo {
	width: 61px;
	background: url(../images/sub_more.png) no-repeat 0 0;
}
#nav li#sub_o2 {
	width: 90px;
	background: url(../images/sub_overview.png) no-repeat 0 0;
}
#nav li#sub_od {
	width: 101px;
	background: url(../images/sub_online_demos.png) no-repeat 0 0;
}
#nav li#sub_rs {
	width: 86px;
	background: url(../images/sub_resources.png) no-repeat 0 0;
}
#nav li#sub_pd {
	width: 75px;
	background: url(../images/sub_podcast.png) no-repeat 0 0;
}
#nav li#sub_fq {
	width: 56px;
	background: url(../images/sub_faq.png) no-repeat 0 0;
}
#nav li#sub_smp 
{
	width: 196px;
	background: url(../images/sub_smp.png) no-repeat 0 0;
}
#nav li#sub_cc {
	width: 115px;
	background: url(../images/sub_customer_care.png) no-repeat 0 0;
}
#nav li#sub_ss {
	width: 115px;
	background: url(../images/sub_success_stories.png) no-repeat 0 0;
}
#nav li#sub_o3 {
	width: 90px;
	background: url(../images/sub_overview.png) no-repeat 0 0;
}
#nav li#sub_bo {
	width: 85px;
	background: url(../images/sub_offerings.png) no-repeat 0 0;
}
#nav li#sub_bm {
	width: 142px;
	background: url(../images/sub_brand_management.png) no-repeat 0 0;
}
#nav li#sub_cs {
	width: 102px;
	background: url(../images/sub_case_studies.png) no-repeat 0 0;
}
#nav li#sub_su {
	width: 76px;
	background: url(../images/sub_support.png) no-repeat 0 0;
}
#nav li#sub_ct {
	width: 85px;
	background: url(../images/sub_coaching.png) no-repeat 0 0;
}
#nav li#sub_ts {
	width: 101px;
	background: url(../images/sub_testimonials.png) no-repeat 0 0;
}
#nav li#sub_au {
	width: 84px;
	background: url(../images/sub_about_us.png) no-repeat 0 0;
}
#nav li#sub_cu {
	width: 78px;
	background: url(../images/sub_contact_us.png) no-repeat 0 0;
}
#nav li#sub_in {
	width: 98px;
	background: url(../images/sub_in_the_news.png) no-repeat 0 0;
}
#nav li#sub_cr {
	width: 69px;
	background: url(../images/sub_careers.png) no-repeat 0 0;
}
#nav li#sub_p1 {
	width: 115px;
	background: url(../images/sub_product_pricing.png) no-repeat 0 0;
}
#nav li#sub_p2 {
	width: 96px;
	background: url(../images/sub_print_pricing.png) no-repeat 0 0;
}


#nav li#sub_o1:hover,
#nav li#sub_em:hover,
#nav li#sub_pm:hover,
#nav li#sub_cm:hover,
#nav li#sub_om:hover,
#nav li#sub_ac:hover,
#nav li#sub_o4:hover,
#nav li#sub_pc:hover,
#nav li#sub_fl:hover,
#nav li#sub_bc:hover,
#nav li#sub_nl:hover,
#nav li#sub_gc:hover,
#nav li#sub_mo:hover,
#nav li#sub_o2:hover,
#nav li#sub_od:hover,
#nav li#sub_rs:hover,
#nav li#sub_pd:hover,
#nav li#sub_fq:hover,
#nav li#sub_smp:hover,
#nav li#sub_cc:hover,
#nav li#sub_ss:hover,
#nav li#sub_o3:hover,
#nav li#sub_bo:hover,
#nav li#sub_bm:hover,
#nav li#sub_cs:hover,
#nav li#sub_su:hover,
#nav li#sub_ct:hover,
#nav li#sub_ts:hover,
#nav li#sub_au:hover,
#nav li#sub_cu:hover,
#nav li#sub_in:hover,
#nav li#sub_cr:hover,
#nav li#sub_p1:hover,
#nav li#sub_p2:hover,
#nav li.over#sub_o1,
#nav li.over#sub_em,
#nav li.over#sub_pm,
#nav li.over#sub_cm,
#nav li.over#sub_om,
#nav li.over#sub_ac,
#nav li.over#sub_o4,
#nav li.over#sub_pc,
#nav li.over#sub_fl,
#nav li.over#sub_bc,
#nav li.over#sub_nl,
#nav li.over#sub_gc,
#nav li.over#sub_mo,
#nav li.over#sub_o2,
#nav li.over#sub_od,
#nav li.over#sub_rs,
#nav li.over#sub_pd,
#nav li.over#sub_fq,
#nav li.over#sub_smp,
#nav li.over#sub_cc,
#nav li.over#sub_ss,
#nav li.over#sub_o3,
#nav li.over#sub_bo,
#nav li.over#sub_bm,
#nav li.over#sub_cs,
#nav li.over#sub_su,
#nav li.over#sub_ct,
#nav li.over#sub_ts,
#nav li.over#sub_au,
#nav li.over#sub_cu,
#nav li.over#sub_in,
#nav li.over#sub_cr,
#nav li.over#sub_p1,
#nav li.over#sub_p2,
body#ww_o1 #nav li#sub_o1,
body#ww_em #nav li#sub_em,
body#ww_pm #nav li#sub_pm,
body#ww_cm #nav li#sub_cm,
body#ww_om #nav li#sub_om,
body#ww_ac #nav li#sub_ac,
body#mg_o4 #nav li#sub_o4,
body#mg_pc #nav li#sub_pc,
body#mg_fl #nav li#sub_fl,
body#mg_bc #nav li#sub_bc,
body#mg_nl #nav li#sub_nl,
body#mg_gc #nav li#sub_gc,
body#mg_mo #nav li#sub_mo,
body#lc_o2 #nav li#sub_o2,
body#lc_od #nav li#sub_od,
body#lc_rs #nav li#sub_rs,
body#lc_pd #nav li#sub_pd,
body#lc_fq #nav li#sub_fq,
body#lc_smp #nav li#sub_smp,
body#lc_cc #nav li#sub_cc,
body#lc_ss #nav li#sub_ss,
body#bs_o3 #nav li#sub_o3,
body#bs_bo #nav li#sub_bo,
body#bs_bm #nav li#sub_bm,
body#bs_cs #nav li#sub_cs,
body#bs_su #nav li#sub_su,
body#bs_ct #nav li#sub_ct,
body#co_ts #nav li#sub_ts,
body#co_au #nav li#sub_au,
body#co_cu #nav li#sub_cu,
body#co_in #nav li#sub_in,
body#co_cr #nav li#sub_cr,
body#pr_p1 #nav li#sub_p1,
body#pr_p2 #nav li#sub_p2
{
	background-position: 0 -28px;
	cursor: pointer;
}

/* GET STARTED BUTTON */
#getstarted {
	width: 132px;
	height: 25px;
	margin: 7px 20px 0 0;
	*margin: 7px 10px 0 0;
	float: right;
}

#getstarted a {
	width: 132px;
	height: 25px;
	display: block;
	background: transparent url(../images/nav_getstarted.png) 0 0 no-repeat;
}
#getstarted a:hover {
	background-position: 0 -25px;
}


/* BOTTOM NAV */
#bottomnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#bottomnav ul li {
	display: inline;
}

#bottomnav ul li a {
	height: 13px;
	padding: 0 10px 0 4px;
	border-right: 1px solid #8C8C8C;
	font-size: 9pt;
	text-decoration: none;
	color: #8C8C8C;
}

#bottomnav a.lastlink {
	border: 0;
	margin-right: 20px;
}