/* @override 
	http://appleboxs.com/nav.css
	http://www.appleboxs.com/nav.css
*/

/* CSS Document */
body { 
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}
a img { border-width: 0; }
#greybar { height: 10px; background: #fff; margin-bottom: 0px;}

.nav { width:562px; height: 26px; border-bottom: 1px solid #D9E5C4;
}
.nav a {
	height: 26px; display: block;
	background: url(http://www.appleboxs.com/images/nav_new.gif) no-repeat;
	float: left;
	padding-bottom: 1px;
}
.nav em { display: none; }
.nav #about { width: 126px; background-position: 0 0; }
.nav #services { width: 79px; background-position: -126px 0; }
.nav #portfolio { width: 83px; background-position: -205px 0; }
.nav #blog { width: 69px; background-position: -288px 0; }
.nav #applesauce { width: 100px; background-position: -357px 0; }
.nav #contact { width: 102px; background-position: -457px 0; }

.nav #about:hover {  background-position: 0 -26px; }
.nav #services:hover {  background-position: -126px -26px; }
.nav #portfolio:hover {  background-position: -205px -26px; }
.nav #blog:hover {  background-position: -288px -26px; }
.nav #applesauce:hover {  background-position: -357px -26px; }
.nav #contact:hover {  background-position: -457px -26px; }

.nav #about_on { width: 126px; background-position: 0 -26px; }
.nav #services_on { width: 79px; background-position: -126px -26px; }
.nav #portfolio_on { width: 83px; background-position: -205px -26px; }
.nav #blog_on { width: 69px; background-position: -288px -26px; }
.nav #applesauce_on { width: 100px; background-position: -357px -26px; }
.nav #contact_on { width: 102px; background-position: -457px -26px; }


.subnav a { display: block; float: left; height: 35px; margin: 0; padding: 0; position: relative; top: 0px;}
.subnav em { display: none; }
#about_subnav a { background: url(http://www.appleboxs.com/images/about_nav_new.gif); position: relative;}
#about_subnav #about { width: 65px; background-position: 0 -35px; }
#about_subnav #services { width: 60px; background-position: -65px -35px; left: -1px; }
#about_subnav #our_process { width: 84px; background-position: -125px -35px; left: -2px; }
#about_subnav #b2c { width: 33px; background-position: -209px -35px; left: -3px; }
#about_subnav #b2b { width: 30px; background-position: -242px -35px; left: -4px; }
#about_subnav #b2e { width: 31px; background-position: -272px -35px; left: -5px; }
#about_subnav #clients { width: 57px; background-position: -303px -35px; left: -6px; }

#about_subnav #about:hover { background-position: 0 0px; }
#about_subnav #services:hover { background-position: -65px 0px; }
#about_subnav #our_process:hover { background-position: -125px 0px; }
#about_subnav #b2c:hover { background-position: -209px 0px; }
#about_subnav #b2b:hover { background-position: -242px 0px; }
#about_subnav #b2e:hover { background-position: -272px 0px; }
#about_subnav #clients:hover { background-position: -303px 0px; }

#about_subnav #about_sub_on { width: 65px; background-position: 0 0px; }
#about_subnav #services_sub_on { width: 60px; background-position: -65px 0px; }
#about_subnav #our_process_sub_on { width: 84px; background-position: -125px 0px; }
#about_subnav #b2c_sub_on { width: 33px; background-position: -209px 0px; }
#about_subnav #b2b_sub_on { width: 30px; background-position: -242px 0px; }
#about_subnav #b2e_sub_on { width: 31px; background-position: -272px 0px; }
#about_subnav #clients_sub_on { width: 57px; background-position: -303px 0px; }
#portfolio_subnav { background: url(http://www.appleboxs.com/images/portfolio_nav_element.jpg) no-repeat 245px 0; padding-bottom: 20px;
 }

#portfolio_subnav a { background: url(http://www.appleboxs.com/images/portfolio_nav_09.gif); position: relative; top: 16px; }
#portfolio_subnav #branding_advertising { width: 130px; background-position: 0 -35px; }
#portfolio_subnav #b2b_marketing { width: 37px; background-position: -129px -35px; left: -1px; }
#portfolio_subnav #corporate_communications { width: 147px; background-position: -165px -35px; left: -2px; }
#portfolio_subnav #motion_pictures { width: 98px; background-position: -311px -35px; left: -3px; }
#portfolio_subnav #collateral { width: 75px; background-position: -408px -35px; left: -4px; }
#portfolio_subnav #web { width: 41px; background-position: -482px -35px; left: -5px; }

#portfolio_subnav #branding_advertising:hover { background-position: 0 0; }
#portfolio_subnav #b2b_marketing:hover { background-position: -129px 0; }
#portfolio_subnav #corporate_communications:hover { background-position: -165px 0; }
#portfolio_subnav #motion_pictures:hover { background-position: -311px 0; }
#portfolio_subnav #collateral:hover { background-position: -408px 0; }
#portfolio_subnav #web:hover { background-position: -482px 0; }

#portfolio_subnav #branding_advertising_sub_on { width: 130px; background-position: 0 0; }
#portfolio_subnav #b2b_marketing_sub_on { width: 37px; background-position: -129px 0; }
#portfolio_subnav #corporate_communications_sub_on { width: 147px; background-position: -165px 0; }
#portfolio_subnav #motion_pictures_sub_on { width: 98px; background-position: -311px 0; }
#portfolio_subnav #collateral_sub_on { width: 75px; background-position: -408px 0; }
#portfolio_subnav #web_sub_on { width: 41px; background-position: -482px 0; }
/*#about_subnav a { background: url(images/about_nav.gif) no-repeat; background-position: 0 0; }*/

a:hover { text-decoration: none }



.services_subnav a { display: block; float: left; height: 18px; margin: 0; padding: 0; position: relative; top: 0px;}
.services_subnav em { display: none; }
#services_subnav a { background: url(http://www.appleboxs.com/images/services_nav.gif); position: relative;}
#services_subnav #branding { width: 89px; background-position: 0 -43px; }
#services_subnav #writing { width: 68px; background-position: -89px -43px; left: -1px; }
#services_subnav #design { width: 70px; background-position: -157px -43px; left: -2px; }
#services_subnav #video { width: 80px; background-position: -0px -61px; left: -0px; }
#services_subnav #media { width: 63px; background-position: -129px -61px; left: -1px; }
#services_subnav #interactive { width: 50px; background-position: -79px -61px; left: -2px; }
#services_subnav #management { width: 86px; background-position: -190px -61px; left: -3px; }

#services_subnav #branding:hover { background-position: 0 0px; }
#services_subnav #writing:hover { background-position: -89px 0px; }
#services_subnav #design:hover { background-position: -157px 0px; }
#services_subnav #video:hover { background-position: -0px -18px; }
#services_subnav #media:hover { background-position: -129px -18px; }
#services_subnav #interactive:hover { background-position: -79px -18px; }
#services_subnav #management:hover { background-position: -190px -18px; }

.process_subnav a { display: block; float: left; height: 18px; margin: 0; padding: 0; position: relative; top: 0px;}
.process_subnav em { display: none; }
#process_subnav a { background: url(http://www.appleboxs.com/images/process_nav.gif); position: relative;}
#process_subnav #blueprinting { width: 94px; background-position: 0 -43px; }

#process_subnav #blueprinting:hover { background-position: 0 0px; }
#process_subnav #blueprinting_on { width: 94px; background-position: 0 0px; }


#services2_subnav { background: url(http://www.appleboxs.com/images/portfolio_nav_element.jpg) no-repeat 171px 0; padding-bottom: 20px;
 }
 
.services2_subnav a { display: block; float: left; height: 35px; margin: 0; padding: 0; position: relative; top: 16px;}
.services2_subnav em { display: none; }
#services2_subnav a { background: url(http://www.appleboxs.com/images/services2_nav.gif); position: relative;}
#services2_subnav #branding { width: 116px; background-position: 0 -35px; }
#services2_subnav #writing { width: 97px; background-position: -116px -35px; left: -1px; }
#services2_subnav #design { width: 93px; background-position: -213px -35px; left: -2px; }
#services2_subnav #video { width: 106px; background-position: -306px -35px; left: -3px; }
#services2_subnav #media { width: 80px; background-position: -482px -35px; left: -1px; }
#services2_subnav #interactive { width: 70px; background-position: -412px -35px; left: -0px; }
#services2_subnav #management { width: 120px; background-position: -562px -35px; left: -2px; }
#services2_subnav #social { width: 95px; background-position: -682px -35px; left: -2px; }
#services2_subnav #branding:hover { background-position: 0 0px; }
#services2_subnav #writing:hover { background-position: -116px 0px; }
#services2_subnav #design:hover { background-position: -213px 0px; }
#services2_subnav #video:hover { background-position: -306px 0px; }
#services2_subnav #media:hover { background-position: -482px 0px; }
#services2_subnav #interactive:hover { background-position: -412px 0px; }
#services2_subnav #management:hover { background-position: -562px 0px; }
#services2_subnav #social:hover { background-position: -682px 0px; }
#services2_subnav #branding_sub_on { width: 116px; background-position: 0 0px; }
#services2_subnav #writing_sub_on { width: 97px; background-position: -116px 0px; }
#services2_subnav #design_sub_on { width: 93px; background-position: -213px 0px; }
#services2_subnav #video_sub_on { width: 106px; background-position: -306px 0px; }
#services2_subnav #media_sub_on { width: 80px; background-position: -482px 0px; }
#services2_subnav #interactive_sub_on { width: 70px; background-position: -412px 0px; }
#services2_subnav #management_sub_on { width: 120px; background-position: -562px 0px; }
#services2_subnav #social_sub_on { width: 95px; background-position: -682px 0px; }

/* Staff Navigation */
/* Social Links in Footer */
.staffnav { margin: 0 auto; width:525px; float:left; position:relative; }
ul.menu_staff { list-style: none; height: 70px; width:525px; margin: 0 0 0 -35px; }

.menu_staff li {
	padding: 0;
	display: inline;
	float: left;
	}
	
.menu_staff li.mwertz a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat left top; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.mwertz_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat left -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.mwertz a:hover {
	background-position: 0px -70px; 
	}
.menu_staff li.mkadrie a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -76px top; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.mkadrie_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -76px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }
.menu_staff li.mkadrie a:hover {
	background-position: -76px -70px; 
	}
.menu_staff li.ecuenca a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -151px top; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.ecuenca_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -151px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.ecuenca a:hover, .menu_staff li.ecuenca_on a {
	background-position: -151px -70px; 
	}
.menu_staff li.dbrettholle a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -227px top; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.dbrettholle_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -227px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.dbrettholle a:hover, .menu_staff li.dbrettholle_on a {
	background-position: -227px -70px; 
	}
.menu_staff li.dfilipek a {
	text-indent: -3000em;
	background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -302px top;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right:5px;
	float: left;
	}
	
	.menu_staff li.dfilipek_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -302px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }
.menu_staff li.dfilipek a:hover, .menu_staff li.dfilipek_on a {
	background-position: -302px -70px; 
	}
.menu_staff li.pgerlowski a {
	text-indent: -3000em;
	background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -378px top;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}

.menu_staff li.pgerlowski_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -378px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.pgerlowski a:hover, .menu_staff li.pgerlowski_on a {
	background-position: -378px -70px; 
	}
.menu_staff li.mwiegand a {
	text-indent: -3000em;
	background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -453px top;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}

.menu_staff li.mwiegand_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -453px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.mwiegand a:hover, .menu_staff li.mwiegand_on a {
	background-position: -453px -70px; 
	}
.menu_staff li.tmitchell a {
	text-indent: -3000em;
	background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -529px top;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}

.menu_staff li.tmitchell_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -529px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.tmitchell a:hover, .menu_staff li.tmitchell_on a {
	background-position: -529px -70px; 
	}
.menu_staff li.thayes a {
	text-indent: -3000em;
	background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -604px top;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}

.menu_staff li.thayes_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -604px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.thayes a:hover, .menu_staff li.thayes_on a {
	background-position: -604px -70px; 
	}
.menu_staff li.astevenson a {
	text-indent: -3000em;
	background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -680px top;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}

.menu_staff li.astevenson_on a { text-indent: -3000em; background:url(images/team/abs_img_web_team-nav.jpg) no-repeat -680px -70px; width: 70px; height: 70px; display: block; overflow: hidden; margin-top: 0; float: left; margin-right: 5px; }

.menu_staff li.astevenson a:hover, .menu_staff li.astevenson_on a {
	background-position: -680px -70px; 
	}

.menu_staff li.greenbox a {
	background-color: #7da52e;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}
	
.menu_staff li.orangebox a {
	background-color: #f2a82d;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}
	
.menu_staff li.redbox a {
	background-color: #960c2d;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}
	
.menu_staff li.purplebox a {
	background-color: #5d468a;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}
	
.menu_staff li.bluebox a {
	background-color: #47667a;
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
	}