/*-----------------------------------------------------------------------------
Feature Style Sheet

Feature 
Implemented By:  Practis Inc
Author:          Revised for use by Practis Inc
Site Design By:  Medical Website Design by Practis Inc.
                 www.practisinc.com
email:           helpdesk@practisinc.com
Feature Used On: http://www.spinemd.com/
-----------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	margin:			25px 0 0 0;
	padding:		0;
	width:			763px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a,
.sf-menu a:visited,
.sf-menu a:hover {
	text-decoration:none;
	color:			#343434;
}
.sf-menu li ul { margin-left:7px; }
.sf-menu li ul li a:hover {
	text-decoration:underline;
	color:			#343434;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li li {
	background:		transparent;
}
.sf-menu li li li {
	background:		transparent;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent;
	outline:		0;
}

ul.sf-menu li { line-height:18px; }
ul.sf-menu li span { margin:0; padding:0; width:100%; height:33px; position:absolute; cursor:pointer; }

ul.sf-menu li.about-us { width:96px; }
ul.sf-menu li.about-us a span,ul.sf-menu li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) no-repeat; }
ul.sf-menu li.about-us a:hover span,body.about-us ul.sf-menu li.about-us a span { background:url(../images/buttons/btn-about-us.gif) no-repeat 0 -33px; }

ul.sf-menu li.our-physicians { width:143px; }
ul.sf-menu li.our-physicians a span,ul.sf-menu li.our-physicians a:link span { background:url(../images/buttons/btn-our-physicians.gif) no-repeat; }
ul.sf-menu li.our-physicians a:hover span,body.our-physicians ul.sf-menu li.our-physicians a span { background:url(../images/buttons/btn-our-physicians.gif) no-repeat 0 -33px; }

ul.sf-menu li.services { width:101px; }
ul.sf-menu li.services a span,ul.sf-menu li.services a:link span { background:url(../images/buttons/btn-services.gif) no-repeat; }
ul.sf-menu li.services a:hover span,body.services ul.sf-menu li.services a span { background:url(../images/buttons/btn-services.gif) no-repeat 0 -33px; }

ul.sf-menu li.for-patients { width:123px; }
ul.sf-menu li.for-patients a span,ul.sf-menu li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.gif) no-repeat; }
ul.sf-menu li.for-patients a:hover span,body.for-patients ul.sf-menu li.for-patients a span { background:url(../images/buttons/btn-for-patients.gif) no-repeat 0 -33px; }

ul.sf-menu li.for-physicians { width:144px; }
ul.sf-menu li.for-physicians a span,ul.sf-menu li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat; }
ul.sf-menu li.for-physicians a:hover span,body.for-physicians ul.sf-menu li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat 0 -33px; }

ul.sf-menu li.patient-education { width:156px; }
ul.sf-menu li.patient-education a span,ul.sf-menu li.patient-education a:link span { background:url(../images/buttons/btn-patient-education.gif) no-repeat; }
ul.sf-menu li.patient-education a:hover span,body.patient-education ul.sf-menu li.patient-education a span { background:url(../images/buttons/btn-patient-education.gif) no-repeat 0 -33px; }