/*------------------------------------- HOME PAGE MAIN NAVIGATION ------------------------------------------*/

#nav { /* Navigation container. */
	background: none;
	height: 430px;
	margin: 0px;
	padding: 0;
	width: 247px;
	}
	
#nav ul {
	background: url(../images/mainnav.gif) no-repeat left top;
	border: 0;
	height: 430px;
	margin: 0;
	padding: 0;
	width: 247px;
	position: relative;
	}

#nav li {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	}

#nav li, #nav a {
	margin: 0;
	padding: 0;
	width: 247px;
	position: relative;
	}

#nav li a { 
	border: 0;
	display: block; /* turns links into blocks */
	margin: 0;
	padding: 0;
	text-indent: -9999px; /* pushes link text off the page */
	text-decoration: none;
	width: 247px;
	}

/* Setting background, width & position of main nav links... */
#home { top: 0; height: 39px; }
#about { top: 39px; height: 36px; }
#dental { top: 75px; height: 37px; }
#therapy { top: 112px; height: 35px; }
#cosmetic { top: 147px; height: 37px; }
#invisible { top: 184px; height: 35px; }

#six_month { top: 219px; height: 35px; }
#dental-implants { top: 254px; height: 35px; }
#freereports { top: 289px; height: 35px; }
#testimonials { top: 325px; height: 36px; }
#fees { top: 360px; height: 35px; }
#contact { top: 395px; height: 35px; }

/* Setting background image positions of hover state... */
#home a:hover { background: url(../images/mainnav.gif) -247px 0 no-repeat; height: 39px; }
#about a:hover { background: url(../images/mainnav.gif) -247px -39px no-repeat; height: 36px; }
#dental a:hover { background: url(../images/mainnav.gif) -247px -75px no-repeat; height: 37px; }
#therapy a:hover { background: url(../images/mainnav.gif) -247px -112px no-repeat; height: 35px; }
#cosmetic a:hover { background: url(../images/mainnav.gif) -247px -147px no-repeat; height: 37px; }
#invisible a:hover { background: url(../images/mainnav.gif) -247px -184px no-repeat; height: 35px; }

#six_month a:hover { background: url(../images/mainnav.gif) -247px -219px no-repeat; height: 35px; }
#dental-implants a:hover { background: url(../images/mainnav.gif) -247px -254px no-repeat; height:35px; }
#freereports a:hover { background: url(../images/mainnav.gif) -247px -289px no-repeat; height: 35px; }
#testimonials a:hover { background: url(../images/mainnav.gif) -247px -324px no-repeat; height:36px; }
#fees a:hover { background: url(../images/mainnav.gif) -247px -360px no-repeat; height: 35px; }
#contact a:hover { background: url(../images/mainnav.gif) -247px -395px no-repeat; height: 35px; }
/* You are here. */
#home_a #home { background: url(../images/mainnav.gif) -247px 0 no-repeat;  height:39px; }
#about_a #about { background: url(../images/mainnav.gif) -247px -39px no-repeat; height:36px;}
#dental_a #dental { background: url(../images/mainnav.gif) -247px -75px no-repeat; height:37px;}
#therapy_a #therapy{ background: url(../images/mainnav.gif) -247px -112px no-repeat; }
#cosmetic_a #cosmetic { background: url(../images/mainnav.gif) -247px -147px no-repeat; }
#invisible_a #invisible { background: url(../images/mainnav.gif) -247px -184px no-repeat; }

#six_month_a #invisible { background: url(../images/mainnav.gif) -247px -219px no-repeat; }
#dental-implants_a #dental-implants { background: url(../images/mainnav.gif) -247px -254px no-repeat; }
#freereports_a #freereports { background: url(../images/mainnav.gif) -247px -289px no-repeat; }
#testimonials_a #testimonials { background: url(../images/mainnav.gif) -247px -325px no-repeat; }
#fees_a #fees { background: url(../images/mainnav.gif) -247px -360px no-repeat; }
#contact_a #contact { background: url(../images/mainnav.gif) -247px -395px no-repeat; }

.txt_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	width: 120px;
	border: 1px solid #d2d2d2;
}