/*
	CSS Sprites Navigation Tutorial
	Original Tutorial Located at: http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/
	Made with love for Build Internet by Zach Dunn
*/		
	/* Everything CSS Sprite Menu */
	ul#nav_menu{
	margin:0;
	padding:0;
	list-style:none;
	height: 58px;
}
		#nav_menu li{
	overflow:hidden;
	text-indent:-9999px;
	display:inline;
	float:left;
}
			#nav_menu li a{
	background:url('../images/nav.png') no-repeat;
	width:100%;
	height:100%;
	display:block;
}
			
			/* Home Button */
			#nav_menu li.home{
	width:50px;
	height:58px;
}
				#nav_menu li.home a{background-position:-0px -0px;}
				#nav_menu li.home a:hover{background-position:-0px -58px;}
				#nav_menu li.home a.selected{background-position:-0px -58px;}

			/* About Button */
			#nav_menu li.about{
	width:62px;
	height:58px;
}
				#nav_menu li.about a{background-position:-50px -0px;}
				#nav_menu li.about a:hover{background-position:-50px -58px;}
				#nav_menu li.about a.selected{background-position:-50px -58px;}
				
			/* Staff Button */
			#nav_menu li.staff{
	width:58px;
	height:58px;
}
				#nav_menu li.staff a{background-position:-112px -0px;}
				#nav_menu li.staff a:hover{background-position:-112px -58px;}
				#nav_menu li.staff a.selected{background-position:-112px -58px;}
				
			/* Services Button */
			#nav_menu li.services{
	width:80px;
	height:58px;
}
				#nav_menu li.services a{background-position:-170px -0px;}
				#nav_menu li.services a:hover{background-position:-170px -58px;}
				#nav_menu li.services a.selected{background-position:-170px -58px;}
				
			/* Testimonials Button */
			#nav_menu li.testimonials{
	width:114px;
	height:58px;
}
				#nav_menu li.testimonials a{background-position:-250px -0px;}
				#nav_menu li.testimonials a:hover{background-position:-250px -58px;}
				#nav_menu li.testimonials a.selected{background-position:-250px -58px;}
				
			/* Contact Button */
			#nav_menu li.contact{
	width:78px;
	height:58px;
}
				#nav_menu li.contact a{background-position:-364px -0px;}
				#nav_menu li.contact a:hover{background-position:-364px -58px;}
				#nav_menu li.contact a.selected{background-position:-364px -58px;}

			/* Careers Button */
			#nav_menu li.careers{
	width:78px;
	height:58px;
}
				#nav_menu li.careers a{background-position:-442px -0px;}
				#nav_menu li.careers a:hover{background-position:-442px -58px;}
				#nav_menu li.careers a.selected{background-position:-442px -58px;}

			/* Forms Button */
			#nav_menu li.forms{
	width:56px;
	height:58px;
}
				#nav_menu li.forms a{background-position:-520px -0px;}
				#nav_menu li.forms a:hover{background-position:-520px -58px;}
				#nav_menu li.forms a.selected{background-position:-520px -58px;}