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

/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		width:705px;
		height:48px;
		background:#191919;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
		padding-right:1px;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(../images/bg_menu.jpg) no-repeat scroll top left;
		display:block;
		height:48px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:117px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.about {
		width:117px;
		background-position:-120px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.pilates {
		width:117px;
		background-position:-240px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.osteo {
		width:167px;
		background-position:-360px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.needles {
		width:178px;
		background-position:-529px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../images/bg_menu.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:0px -49px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.about span {
		background-position:-120px -49px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.pilates span {
		background-position:-240px -49px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.osteo span {
		background-position:-360px -49px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.needles span {
		background-position:-529px -49px;
	}