/**
 *	Dr Molloy
 *  Screen Navigation Styles
 *	
 *	@author:	Nate Doggy Dogg Dawg <nathan at imagin8 dot com>
 *	@date:		27/04/2007	
 *
 *	Table of Contents:
 *		main navigation
 *
 */
 
/** main navigation
--------------------------------------- */
ul#main-navigation-map {
	background:				transparent url(../images/bg-navigation-map.gif) no-repeat;
	height:					47px;
	list-style:				none;
	/*overflow:				hidden;*/
	padding:				0;
	position:				relative;
	width:					880px;
	z-index:				100;
}

ul#main-navigation-map li {
	float:					left;
}

ul#main-navigation-map li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					47px;
	text-decoration:		none;
	text-indent:			-9999px;
	overflow:				hidden;
}

#n-home,
#n-home a {
	width:					58px;
}

#n-infertility,
#n-infertility a {
	width:					85px;
}

#n-endometriosis,
#n-endometriosis a {
	width:					110px;
}

#n-laparoscopic,
#n-laparoscopic a {
	width:					157px;
}

#n-polycystic,
#n-polycystic a {
	width:					137px; 
}

#n-ovulation,
#n-ovulation a {
	width:					160px;
}

#n-qfg,
#n-qfg a {
	width:					46px;
}

#n-links,
#n-links a {
	width:					50px;
}

#n-contact,
#n-contact a {
	width:					77px;
}

#n-home a:hover, #n-home a:active, #n-home a:focus {
    background: transparent url(../images/bg-navigation-map.gif) 0px -47px no-repeat;
}

#n-home a.active,
#n-home a.active:hover {
    background: transparent url(../images/bg-navigation-map.gif) 0px -94px no-repeat;
} 

#n-infertility a:hover, #n-infertility a:active, #n-infertility a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -58px -47px no-repeat;
}

#n-infertility a.active,
#n-infertility a.active:hover {
    background: transparent url(../images/bg-navigation-map.gif) -58px -94px no-repeat;
} 

#n-endometriosis a:hover, #n-endometriosis a:active, #n-endometriosis a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -143px -47px no-repeat;
}

#n-endometriosis a.active,
#n-endometriosis a.active:hover {
	background: transparent url(../images/bg-navigation-map.gif) -143px -94px no-repeat;
}

#n-laparoscopic a:hover, #n-laparoscopic a:active, #n-laparoscopic a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -253px -47px no-repeat;
}

#n-laparoscopic a.active,
#n-laparoscopic a.active:hover {
	background: transparent url(../images/bg-navigation-map.gif) -253px -94px no-repeat;
}

#n-polycystic a:hover, #n-polycystic a:active, #n-polycystic a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -410px -47px no-repeat;
}

#n-polycystic a.active,
#n-polycystic a.active:hover {
	background: transparent url(../images/bg-navigation-map.gif) -410px -94px no-repeat;
}

#n-ovulation a:hover, #n-ovulation a:active, #n-ovulation a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -547px -47px no-repeat;
}

#n-ovulation a.active,
#n-ovulation a.active:hover {
    background: transparent url(../images/bg-navigation-map.gif) -547px -94px no-repeat;
}

#n-qfg a:hover, #n-qfg a:active, #n-qfg a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -707px -47px no-repeat;
}

#n-qfg a.active,
#n-qfg a.active:hover {
    background: transparent url(../images/bg-navigation-map.gif) -707px -94px no-repeat;
}

#n-links a:hover, #n-links a:active, #n-links a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -753px -47px no-repeat;
}

#n-links a.active,
#n-links a.active:hover {
    background: transparent url(../images/bg-navigation-map.gif) -753px -94px no-repeat;
}

#n-contact a:hover, #n-contact a:active, #n-contact a:focus {
    background: transparent url(../images/bg-navigation-map.gif) -803px -47px no-repeat;
}

#n-contact a.active,
#n-contact a.active:hover {
    background: transparent url(../images/bg-navigation-map.gif) -803px -94px no-repeat;
}


/** suckerfish styles */
#main-navigation-map li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#main-navigation-map li:hover ul,
#main-navigation-map li.sfhover ul{
	left: auto;
}

ul#main-navigation-map li ul {
	margin-top: 			-7px;
	margin-left:			1px;
}
ul#main-navigation-map li ul a {
	text-indent:			0px;
	font-size:				110%;
	width:					200px;
	background:				#588397;
	border-bottom: 1px solid #4a707d;
	border-left: 1px solid #4a707d;
	border-right: 1px solid #4a707d;
	height: auto;
	padding: 10px;
	line-height: 150%;
}
ul#main-navigation-map li ul a:hover {
	background: 			#4a707d;
}