/* 
	CSS by Paul Haimes. Written in 2006. 
*/

/*_____________ main navigation _______________*/

#navigation {
	position: absolute;
	z-index: 9;
	width: 757px;
	left: 50%;
	top: 219px;
	margin-left: -376px;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	display: block;
	line-height: 26px;
	height: 26px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

#navigation ul li a span {
	display: none;
}

#navigation ul li#home a {
	background: url(../grfx/nav.jpg) 0px 0px no-repeat;
	width: 182px;
}

#navigation ul li#home a:hover {
	background: url(../grfx/nav.jpg) 0px -26px no-repeat;
}

#navigation ul li#home a.selected {
	background: url(../grfx/nav.jpg) 0px -53px no-repeat!important;
}

#navigation ul li#ourpractice a {
	background: url(../grfx/nav.jpg) -184px 0px no-repeat;
	width: 102px;
}

#navigation ul li#ourpractice a:hover {
	background: url(../grfx/nav.jpg) -184px -26px no-repeat;
}

#navigation ul li#ourpractice a.selected {
	background: url(../grfx/nav.jpg) -184px -53px no-repeat!important;
}

#navigation ul li#ourdoctors a {
	background: url(../grfx/nav.jpg) -286px 0px no-repeat;
	width: 88px;
}

#navigation ul li#ourdoctors a.selected {
	background: url(../grfx/nav.jpg) -286px -53px no-repeat!important;
}

#navigation ul li#ourdoctors a:hover {
	background: url(../grfx/nav.jpg) -286px -26px no-repeat;
}

#navigation ul li#orthodontic a {
	background: url(../grfx/nav.jpg) -374px 0px no-repeat;
	width: 159px;
}

#navigation ul li#orthodontic a:hover {
	background: url(../grfx/nav.jpg) -374px -26px no-repeat;
}

#navigation ul li#orthodontic a.selected {
	background: url(../grfx/nav.jpg) -374px -53px no-repeat!important;
}

#navigation ul li#faq a {
	background: url(../grfx/nav.jpg) -533px 0px no-repeat;
	width: 45px;
}

#navigation ul li#faq a:hover {
	background: url(../grfx/nav.jpg) -533px -26px no-repeat;
}

#navigation ul li#faq a.selected {
	background: url(../grfx/nav.jpg) -533px -53px no-repeat!important;
}

#navigation ul li#ourlocations a {
	background: url(../grfx/nav.jpg) -578px 0px no-repeat;
	width: 95px;
}

#navigation ul li#ourlocations a:hover {
	background: url(../grfx/nav.jpg) -578px -26px no-repeat;
}

#navigation ul li#ourlocations a.selected {
	background: url(../grfx/nav.jpg) -578px -53px no-repeat!important;
}

#navigation ul li#contact a {
	background: url(../grfx/nav.jpg) -673px 0px no-repeat;
	width: 77px;
}

#navigation ul li#contact a:hover {
	background: url(../grfx/nav.jpg) -673px -26px no-repeat;
}

#navigation ul li#contact a.selected {
	background: url(../grfx/nav.jpg) -673px -53px no-repeat!important;
}