/*
  
 * Filename		 		nav.css
 * Description			Navigation Stylesheet
 * Version				1.0 (05/25/09)
 * Website				advancedpodiatryhr.com
 * Author				Erin Shine - Icon Computer Services, iconcomputerservices.com

 */




#nav {float:right;width:300px; margin:8px 8px 0 0; height:430px;}

#nav ul {width:300px; margin:0 0 0 -40px; position:absolute; }

#nav li {list-style-type:none }

#nav li a { height:44px; display:block; text-indent:-9999px; outline:none }

li#navHome a, li#navStaff a, li#navServices a, li#navNewPatients a, li#navForms a, li#navEducation a, li#navInsurance a, li#navLocations a, li#navContact a{ background:url(../images/nav.jpg);  height:44px; }


li#navHome a 			{ background-position:0 0; width:300px; left:0 }
li#navHome a:hover		{ background-position:-300px 0 }
body#pageHome li#navHome a 	{ background-position:-600px 0}


li#navStaff a 			{ background-position:0 -44px; width:300px; left:0px }
li#navStaff a:hover		{ background-position:-300px -44px }
body#pageStaff li#navStaff a 	{ background-position:-600px -44px }

li#navServices a 			{ background-position:0 -88px; width:300px; left:0px }
li#navServices a:hover		{ background-position:-300px -88px }
body#pageServices li#navServices a 	{ background-position:-600px -88px }

li#navNewPatients a 			{ background-position:0 -132px; width:300px; left:0px }
li#navNewPatients a:hover		{ background-position:-300px -132px }
body#pageNewPatients li#navNewPatients a 	{ background-position:-600px -132px }

li#navForms a 			{ background-position:0 -176px; width:300px; left:0px }
li#navForms a:hover		{ background-position:-300px -176px }
body#pageForms li#navForms a 	{ background-position:-600px -176px }

li#navEducation a 			{ background-position:0 -220px; width:300px; left:0px }
li#navEducation a:hover		{ background-position:-300px -220px }
body#pageEducation li#navEducation a 	{ background-position:-600px -220px }

li#navInsurance a 			{ background-position:0 -264px; width:300px; left:0px }
li#navInsurance a:hover		{ background-position:-300px -264px }
body#pageInsurance li#navInsurance a 	{ background-position:-600px -264px }

li#navLocations a 			{ background-position:0 -308px; width:300px; left:0px }
li#navLocations a:hover		{ background-position:-300px -308px }
body#pageLocations li#navLocations a 	{ background-position:-600px -308px }

li#navContact a 			{ background-position:0 -352px; width:300px; left:0px }
li#navContact a:hover		{ background-position:-300px -352px }
body#pageContact li#navContact a 	{ background-position:-600px -352px }