/*
 * NAVIGATION STYLES
 *
 */
 
/** navigation **/

	#navigation {
		padding:0; margin:0;
		}
	
	#navigation ul {
		padding: 0; margin: 0;
		list-style:none;
		}
	
	#navigation li {
		padding: 0; margin: 0;
		float: left;
		}
		
	ul#nav {
		padding: 0;
		position: relative;
		margin: 0 auto;
		width: 800px;
		height: 32px;
		background: url(../images/navigation.jpg) no-repeat left top;
		list-style-type: none;
		}
	
	ul#nav li a {
		position: absolute;
		text-indent: -9000px;
		text-decoration: none;
		padding: 32px 0 0 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:32px; /* IE5/Win */
		background: url(../images/navigation.jpg) no-repeat;
	}

/** rollover **/
	
body#home li.edgeleft					{ background-position: 0 0px; width: 40px; left: 0px; }
body#home li.home a 					{ background-position: -40px 0px; width: 83px; left: 40px; }
body#home li.home a:hover				{ background-position: -40px 0px; }
body#home li.about a 					{ background-position: -123px -32px; width: 122px; left: 123px; }
body#home li.about a:hover				{ background-position: -123px 0px; }
body#home li.technology a 				{ background-position: -245px -32px; width: 175px; left: 245px; }
body#home li.technology a:hover			{ background-position: -245px 0px; }
body#home li.smiles a 					{ background-position: -420px -32px; width: 90px; left: 420px; }
body#home li.smiles a:hover				{ background-position: -420px 0px; }
body#home li.forms a					{ background-position: -510px -32px; width: 135px; left: 510px; }
body#home li.forms a:hover				{ background-position: -510px 0px; }
body#home li.contact a					{ background-position: -645px -32px; width: 135px; left: 645px; }
body#home li.contact a:hover			{ background-position: -645px 0px; }
body#home li.edgeright					{ background-position: -780px 0px; width: 40px; left: 780px; }

body#about li.edgeleft					{ background-position: 0 0px; width: 40px; left: 0px; }
body#about li.home a 					{ background-position: -40px -32px; width: 83px; left: 40px; }
body#about li.home a:hover				{ background-position: -40px 0px; }
body#about li.about a 					{ background-position: -123px 0px; width: 122px; left: 123px; }
body#about li.about a:hover				{ background-position: -123px 0px; }
body#about li.technology a 				{ background-position: -245px -32px; width: 175px; left: 245px; }
body#about li.technology a:hover		{ background-position: -245px 0px; }
body#about li.smiles a 					{ background-position: -420px -32px; width: 90px; left: 420px; }
body#about li.smiles a:hover			{ background-position: -420px 0px; }
body#about li.forms a					{ background-position: -510px -32px; width: 135px; left: 510px; }
body#about li.forms a:hover				{ background-position: -510px 0px; }
body#about li.contact a					{ background-position: -645px -32px; width: 135px; left: 645px; }
body#about li.contact a:hover			{ background-position: -645px 0px; }
body#about li.edgeright					{ background-position: -780px 0px; width: 40px; left: 780px; }

body#technology li.edgeleft				{ background-position: 0 0px; width: 40px; left: 0px; }
body#technology li.home a 				{ background-position: -40px -32px; width: 83px; left: 40px; }
body#technology li.home a:hover			{ background-position: -40px 0px; }
body#technology li.about a 				{ background-position: -123px -32px; width: 122px; left: 123px; }
body#technology li.about a:hover		{ background-position: -123px 0px; }
body#technology li.technology a 		{ background-position: -245px 0px; width: 175px; left: 245px; }
body#technology li.technology a:hover	{ background-position: -245px 0px; }
body#technology li.smiles a 			{ background-position: -420px -32px; width: 90px; left: 420px; }
body#technology li.smiles a:hover		{ background-position: -420px 0px; }
body#technology li.forms a				{ background-position: -510px -32px; width: 135px; left: 510px; }
body#technology li.forms a:hover		{ background-position: -510px 0px; }
body#technology li.contact a			{ background-position: -645px -32px; width: 135px; left: 645px; }
body#technology li.contact a:hover		{ background-position: -645px 0px; }
body#technology li.edgeright			{ background-position: -780px 0px; width: 40px; left: 780px; }

body#smiles li.edgeleft					{ background-position: 0 0px; width: 40px; left: 0px; }
body#smiles li.home a 					{ background-position: -40px -32px; width: 83px; left: 40px; }
body#smiles li.home a:hover				{ background-position: -40px 0px; }
body#smiles li.about a 					{ background-position: -123px -32px; width: 122px; left: 123px; }
body#smiles li.about a:hover			{ background-position: -123px 0px; }
body#smiles li.technology a 			{ background-position: -245px -32px; width: 175px; left: 245px; }
body#smiles li.technology a:hover		{ background-position: -245px 0px; }
body#smiles li.smiles a 				{ background-position: -420px 0px; width: 90px; left: 420px; }
body#smiles li.smiles a:hover			{ background-position: -420px 0px; }
body#smiles li.forms a					{ background-position: -510px -32px; width: 135px; left: 510px; }
body#smiles li.forms a:hover			{ background-position: -510px 0px; }
body#smiles li.contact a				{ background-position: -645px -32px; width: 135px; left: 645px; }
body#smiles li.contact a:hover			{ background-position: -645px 0px; }
body#smiles li.edgeright				{ background-position: -780px 0px; width: 40px; left: 780px; }

body#insurance li.edgeleft				{ background-position: 0 0px; width: 40px; left: 0px; }
body#insurance li.home a 				{ background-position: -40px -32px; width: 83px; left: 40px; }
body#insurance li.home a:hover			{ background-position: -40px 0px; }
body#insurance li.about a 				{ background-position: -123px -32px; width: 122px; left: 123px; }
body#insurance li.about a:hover			{ background-position: -123px 0px; }
body#insurance li.technology a 			{ background-position: -245px -32px; width: 175px; left: 245px; }
body#insurance li.technology a:hover	{ background-position: -245px 0px; }
body#insurance li.smiles a 				{ background-position: -420px -32px; width: 90px; left: 420px; }
body#insurance li.smiles a:hover		{ background-position: -420px 0px; }
body#insurance li.forms a				{ background-position: -510px 0px; width: 135px; left: 510px; }
body#insurance li.forms a:hover			{ background-position: -510px 0px; }
body#insurance li.contact a				{ background-position: -645px -32px; width: 135px; left: 645px; }
body#insurance li.contact a:hover		{ background-position: -645px 0px; }
body#insurance li.edgeright				{ background-position: -780px 0px; width: 40px; left: 780px; }

body#contact li.edgeleft				{ background-position: 0 0px; width: 40px; left: 0px; }
body#contact li.home a 					{ background-position: -40px -32px; width: 83px; left: 40px; }
body#contact li.home a:hover			{ background-position: -40px 0px; }
body#contact li.about a 				{ background-position: -123px -32px; width: 122px; left: 123px; }
body#contact li.about a:hover			{ background-position: -123px 0px; }
body#contact li.technology a 			{ background-position: -245px -32px; width: 175px; left: 245px; }
body#contact li.technology a:hover		{ background-position: -245px 0px; }
body#contact li.smiles a 				{ background-position: -420px -32px; width: 90px; left: 420px; }
body#contact li.smiles a:hover			{ background-position: -420px 0px; }
body#contact li.forms a					{ background-position: -510px -32px; width: 135px; left: 510px; }
body#contact li.forms a:hover			{ background-position: -510px 0px; }
body#contact li.contact a				{ background-position: -645px 0px; width: 135px; left: 645px; }
body#contact li.contact a:hover			{ background-position: -645px 0px; }
body#contact li.edgeright				{ background-position: -780px 0px; width: 40px; left: 780px; }

body#other li.edgeleft					{ background-position: 0 0px; width: 40px; left: 0px; }
body#other li.home a 					{ background-position: -40px -32px; width: 83px; left: 40px; }
body#other li.home a:hover				{ background-position: -40px 0px; }
body#other li.about a 					{ background-position: -123px -32px; width: 122px; left: 123px; }
body#other li.about a:hover				{ background-position: -123px 0px; }
body#other li.technology a 				{ background-position: -245px -32px; width: 175px; left: 245px; }
body#other li.technology a:hover		{ background-position: -245px 0px; }
body#other li.smiles a 					{ background-position: -420px -32px; width: 90px; left: 420px; }
body#other li.smiles a:hover			{ background-position: -420px 0px; }
body#other li.forms a					{ background-position: -510px -32px; width: 135px; left: 510px; }
body#other li.forms a:hover				{ background-position: -510px 0px; }
body#other li.contact a					{ background-position: -645px -32px; width: 135px; left: 645px; }
body#other li.contact a:hover			{ background-position: -645px 0px; }
body#other li.edgeright					{ background-position: -780px 0px; width: 40px; left: 780px; }

/** gallery navigation **/
 
	#gallery-navigation {
		padding:0; margin:0;
		}

	#gallery-navigation ul {
		padding: 0; margin: 0;
		list-style:none;
		}

	#gallery-navigation li {
		padding: 0; margin: 0;
		float: left;
		}

	ul#gallerynav {
		padding: 0;
		margin: 0;
		position: relative;
		width: 620px;
		height: 70px;
		background: url(../images/gallerynav.jpg) no-repeat left top;
		list-style-type: none;
		}

	ul#gallerynav li a {
		position: absolute;
		text-indent: -9000px;
		text-decoration: none;
		padding: 70px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:70px; /* IE5/Win */
		background: url(../images/gallerynav.jpg) no-repeat;
		top: 0px;
		}

body#gallery li#left				{ background-position: 0 0px; width: 105px; left: 0px; }
body#gallery li#back a 				{ background-position: -105px 0px; width: 140px; left: 105px; }
body#gallery li#back a:hover		{ background-position: -105px -70px; }
body#gallery li#center				{ background-position: -245px 0px; width: 70px; left: 245px; }
body#gallery li#forward a 			{ background-position: -315px 0px; width: 200px; left: 315px; }
body#gallery li#forward a:hover		{ background-position: -315px -70px; }
body#gallery li#right				{ background-position: -515px 0px; width: 95px; left: 515px; }

/** sidebar navigation **/

	#vertical-list {
		margin:49px 0 0 1px;
		padding:0;
		list-style:none;
		}

	#vertical-list li {
		margin:0;
		padding:0;
		}

	#vertical-list {
   		w\idth:180px; /* must hide from IE5.5/win, instead use container to limit width */
		}

	* html #vertical-list-container {
		width:180px; /* for IE5.5/win */
		w\idth:auto;
		}

	#vertical-list li a {
  	  	display:block;
		height:33px;
		border:none;
		text-decoration:none;
		}

	#vertical-list li a img {
    	border:none;
		vertical-align:bottom; /* for IE6 */
		}
	
	#vertical-list li a:hover img {
		visibility:visible;
		}

	#vertical-list li a:hover img/**/ {
    	visibility:hidden; /* hide from IE5.0/win */
		}

.implants 	{ background: url(../images/button_implants_hover.jpg) top left no-repeat; }
.laser 		{ background: url(../images/button_laser_hover.jpg) top left no-repeat; }
.sedation 	{ background: url(../images/button_sedation_hover.jpg) top left no-repeat; }
.zoom 		{ background: url(../images/button_zoom_hover.jpg) top left no-repeat; }
.cerec 		{ background: url(../images/button_cerec_hover.jpg) top left no-repeat; }
.smile 		{ background: url(../images/button_smile_hover.jpg) top left no-repeat; }

/* fixes for IE/win \*/

	* html #vertical-list li a {
		cursor:hand;
		}

	* html #vertical-list li a:hover {
		height:1%;
		}