/*-----------------------------------------------------------------------------

Define the width of the nav div

-----------------------------------------------------------------------------*/

#nav
	{ 
	width:25px; 
	height: 523px;
	}

	
#nav ul 
	{
	list-style:none;
	width: 25px;
	height: 523px;
    margin: 0px;
	}

#nav li 
	{
    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(images/leftnav.technology.png) no-repeat;
	text-indent:-9999px;
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#technology a {
	width:25px;
	height:89px;
	 }
li#ctscan a {
	width:25px;
	height:64px;
	 }
li#waterlase a {
	width:25px;
	height:79px;
	 }
li#magnavu a {
	width:25px;
	height:72px;
	 }
li#diagnodent a {
	width:25px;
	height:89px;
	 }
li#vizilite a {
	width:25px;
	height:61px;
	 }
li#xray a {
	width:25px;
	height:69px;
	 }
	
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


li#technology a:link, li#technology a:visited {	
	background-position: -0px -0px;
	}
	
li#technology a:hover, li#technology a:focus {	
	background-position: -25px -0px;
	}
	
li#ctscan a:link, li#ctscan a:visited {	
	background-position: -0px -89px;
	}
	
li#ctscan a:hover, li#ctscan a:focus {	
	background-position: -75px -73px;
	width: 25px;
    height: 80px;
	margin-top: -16px;
	}	
	
li#waterlase a:link, li#waterlase a:visited {	
	background-position: -0px -153px;
	}
	
li#waterlase a:hover, li#waterlase a:focus {	
	background-position: -125px -137px;
	width: 25px;
    height: 95px;
	margin-top: -16px;
	}	
	
li#magnavu a:link, li#magnavu a:visited {	
	background-position: -0px -232px;
	}
	
li#magnavu a:hover, li#magnavu a:focus {	
	background-position: -175px -216px;
	width: 25px;
    height: 88px;
	margin-top: -16px;
	}

li#diagnodent a:link, li#diagnodent a:visited {	
	background-position: -0px -304px;
	}
	
li#diagnodent a:hover, li#diagnodent a:focus {	
	background-position: -225px -288px;
	width: 25px;
    height: 105px;
	margin-top: -16px;
	}	
	
li#vizilite a:link, li#vizilite a:visited {	
	background-position: -0px -393px;
	}
	
li#vizilite a:hover, li#vizilite a:focus {	
	background-position: -275px -377px;
	width: 25px;
    height: 77px;
	margin-top: -16px;
	}	
	
li#xray a:link, li#xray a:visited {	
	background-position: -0px -454px;
	}
	
li#xray a:hover, li#xray a:focus {	
	background-position: -325px -438px;
	width: 25px;
    height: 85px;
	margin-top: -16px;
	}

/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/	

body#technology-page li#technology a:link, body#technology-page li#technology a:visited {	
	background-position: -25px -0px;
	}

body#technology-page li#ctscan a:hover, body#technology-page li#ctscan a:focus {	
	background-position: -50px -73px;
	width: 25px;
	margin-top: -16px;
	}

body#ctscan-page li#ctscan a:link, body#ctscan-page li#ctscan a:visited {	
	background-position: -75px -73px;
	width: 25px;
    height:80px;
	margin-top: -16px;
	}

body#ctscan-page li#technology a:hover, body#ctscan-page li#technology a:focus {	
	background-position: -50px -0px;
	overflow: auto;
	position: relative;
	}

body#ctscan-page li#waterlase a:hover, body#ctscan-page li#waterlase a:focus {	
	background-position: -100px -137px;
	width: 25px;
	margin-top: -16px;
	}
	
body#waterlase-page li#waterlase a:link, body#waterlase-page li#waterlase a:visited {	
	background-position: -125px -137px;
	width: 25px;
    height:95px;
	margin-top: -16px;
	}

body#waterlase-page li#ctscan a:hover, body#waterlase-page li#ctscan a:focus {	
	background-position: -100px -73px;
	overflow: auto;
	position: relative;
	margin-top: -16px;
	}
	
body#waterlase-page li#magnavu a:hover, body#waterlase-page li#magnavu a:focus {	
	background-position: -150px -216px;
	width: 25px;
	margin-top: -16px;
	position: relative;
	}
	
body#magnavu-page li#magnavu a:link, body#magnavu-page li#magnavu a:visited {	
	background-position: -175px -216px;
	width: 25px;
    height:88px;
	margin-top: -16px;
	}

body#magnavu-page li#waterlase a:hover, body#magnavu-page li#waterlase a:focus {	
	background-position: -150px -137px;
	width: 25px;
	margin-top: -16px;
	overflow: auto;
	position: relative;
	}
	
body#magnavu-page li#diagnodent a:hover, body#magnavu-page li#diagnodent a:focus {	
	background-position: -200px -288px;
	width: 25px;
	margin-top: -16px;
	position: relative;
	}


body#diagnodent-page li#diagnodent a:link, body#diagnodent-page li#diagnodent a:visited {	
	background-position: -225px -288px;
	width: 25px;
    height:105px;
	margin-top: -16px;
	}

body#diagnodent-page li#magnavu a:hover, body#diagnodent-page li#magnavu a:focus {	
	background-position: -200px -216px;
	overflow: auto;
	position: relative;
	}

body#diagnodent-page li#vizilite a:hover, body#diagnodent-page li#vizilite a:focus {	
	background-position: -250px -377px;
	width: 25px;
	margin-top: -16px;
	}


body#vizilite-page li#vizilite a:link, body#vizilite-page li#vizilite a:visited {	
	background-position: -275px -377px;
	width: 25px;
    height:77px;
	margin-top: -16px;
	}

body#vizilite-page li#diagnodent a:hover, body#vizilite-page li#diagnodent a:focus {	
	background-position: -250px -288px;
	overflow: auto;
	position: relative;
	}

body#vizilite-page li#xray a:hover, body#vizilite-page li#xray a:focus {	
	background-position: -300px -438px;
	width: 25px;
	margin-top: -16px;
	}

body#xray-page li#xray a:link, body#xray-page li#xray a:visited {	
	background-position: -325px -438px;
	width: 25px;
    height:85px;
	margin-top: -16px;
	}

body#xray-page li#vizilite a:hover, body#xray-page li#vizilite a:focus {	
	background-position: -300px -377px;
	width: 25px;
	margin-top: -16px;
	overflow: auto;
 	position: relative;
	}