/* Main Navigation
----------------------------------------------------------------*/

ul#nav 											{background-image: url(/images/backgrounds/BKG_LEC_nav.jpg);}
ul#nav li 										{float:left; list-style-type:none;}
ul#nav li a 									{height:38px; display:block; position:absolute; top:0; text-indent: -9999px; outline:none;}

li#navHome a, li#navServices a, li#navDoctor a, li#navContactLenses a, li#navRefractiveSx a, li#navOhip a {background-image:url(/images/backgrounds/BKG_LEC_nav.jpg);}

li#navHome a 									{background-position:0 0; width: 83px; left:1px;}
li#navHome a:hover 								{background-position:0 -38px;}
body#pageHome li#navHome a						{background-position:0 -38px;}

li#navServices a		 						{background-position:-83px 0; width: 119px; left:83px;}
li#navServices a:hover 							{background-position:-83px -38px;}
body#pageServices li#navServices a				{background-position:-83px -38px;}

li#navDoctor a		 							{background-position:-202px 0; width: 107px; left:202px;}
li#navDoctor a:hover 							{background-position:-202px -38px;}
body#pageDoctor li#navDoctor a					{background-position:-202px -38px;}

li#navContactLenses a		 					{background-position:-309px 0; width: 177px; left:309px;}
li#navContactLenses a:hover 					{background-position:-309px -38px;}
body#pageContactLenses li#navContactLenses a	{background-position:-309px -38px;}

li#navRefractiveSx a		 					{background-position:-486px 0; width: 165px; left:486px;}
li#navRefractiveSx a:hover 						{background-position:-486px -38px;}
body#pageRefractiveSx li#navRefractiveSx a		{background-position:-486px -38px;}

li#navOhip a		 							{background-position:-651px 0; width: 174px; left:651px;}
li#navOhip a:hover 								{background-position:-651px -38px;}
body#pageOhip li#navOhip a						{background-position:-651px -38px;}