@charset "UTF-8";
/* CSS Document */

	#nav_container{
	margin:auto;
	width:762px;
	height:50px;
	background-image:url(images/nav_bkg.jpg);
	background-repeat:no-repeat;
	padding-left:42px;
	}
	
	
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		width:720px;
		height:50px;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:0;
		padding-left:0;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(images/navigation.jpg) no-repeat scroll top left;
		display:block;
		height:50px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:80px;
	}
	
	/* Specify width and background position attributes specifically for the class: "basketball" */
	ul#menu li a.spas {
		width:80px;
		background-position:-80px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "volleyball" */
	ul#menu li a.saunas {
		width:80px;
		background-position:-160px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "soccer" */
	ul#menu li a.pools {
		width:80px;
		background-position:-240px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "runners" */
	ul#menu li a.grills {
		width:80px;
		background-position:-320px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "submit" */
	ul#menu li a.other {
		width:80px;
		background-position:-400px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.why {
		width:80px;
		background-position:-480px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.guarantee {
		width:80px;
		background-position:-560px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact {
		width:80px;
		background-position:-640px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(images/navigation.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0 -50px;
	}
	
	/* Shift background position on hover for the class: "basketball" */
	ul#menu li a.spas span {
		background-position:-80px -50px;
	}
	
	/* Shift background position on hover for the class: "volleyball" */
	ul#menu li a.saunas span {
		background-position:-160px -50px;
	}
	
	/* Shift background position on hover for the class: "soccer" */
	ul#menu li a.pools span {
		background-position:-240px -50px;
	}
	
	/* Shift background position on hover for the class: "runners" */
	ul#menu li a.grills span {
		background-position:-320px -50px;
	}
	
	/* Shift background position on hover for the class: "submit" */
	ul#menu li a.other span {
		background-position:-400px -50px;
	}
	
	/* Shift background position on hover for the class: "contact" */
	ul#menu li a.why span {
		background-position:-480px -50px;
	}
	
	/* Shift background position on hover for the class: "contact" */
	ul#menu li a.guarantee span {
		background-position:-560px -50px;
	}
	
	/* Shift background position on hover for the class: "contact" */
	ul#menu li a.contact span {
		background-position:-640px -50px;
	}