body, p, h1, h2, h3, h4, h5, ul, li {
	margin:0;
	padding:0;
}

body {
	font-family:"Arial";
	background: url(images/bg-tile.gif);
	text-align: center;
	font-size: 100%;
}

br.clearFloat, li.clearFloat, #contact br {
	display:block;
	height:0;
	line-height:0;
	font-size:1px;
	clear:both;
	width: auto !important;
}

#contact {
	float:left;	
	width: 350px;
	margin-right:25px;
	margin-left:1px;
	background: #eee;
	height:371px;
	}
	
#contact h1 {
	padding-top:15px !important;
	}

#contact label {
	float:left;
	margin: 5px 0 0 20px;
	width: 70px;
	}

#contact input, #contact textarea {
	margin: 5px 20px 0 0;
	}
	
#contact select {
	margin: 5px 0 0 0;
	}
	
#contact .last {
	margin-right:20px;
	}


.storyPicsList {
	margin:0 !important;
	padding:20px 0 0 0 !important;
	}

.storyPicsList li {
	float:left;
	margin:0 !important;
	padding:0 0 20px 0 !important;
	width:33%;
	*width:32%;
	text-align: center;
	background: none !important;
	}
	
#story {
	margin: 0 1px;
	overflow: auto;
	height: 371px;
	}
	
#story .inner {
	width:327px;
	height: 371px;
	padding-left: 290px;
	overflow: auto;
	}
	
.dr_scott_cairns {background: url(images/staff/dr-scott-cairns.jpg) no-repeat;}
.dr_christina_cairns {background: url(images/staff/christina-cairns.jpg) no-repeat;}
.Chelly {background: url(images/staff/Chelly.jpg) no-repeat;}
.Connie {background: url(images/staff/Connie.jpg) no-repeat;}
.Crystal {background: url(images/staff/Crystal.jpg) no-repeat;}
.Jill {background: url(images/staff/Jill.jpg) no-repeat;}
.Melissa {background: url(images/staff/Melissa.jpg) no-repeat;}
.Pam {background: url(images/staff/Pam.jpg) no-repeat;}
.John {background: url(images/staff/John.jpg) no-repeat;}
.Debbie {background: url(images/staff/Debbie.jpg) no-repeat;}
.Turk {background: url(images/staff/Turk.jpg) no-repeat;}

#story h2 {
	clear: both;
	}

.bioPic {
	float:left;
	margin: 0 20px 10px 1px;
	}

a img {
	border:none;
	}
	
#content a {
	color:blue;
	}
	
#content a:hover {
	color:orange;
	}
	
#content h1 {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -2px;
	color: #264c5f;
	padding: 25px 25px 0 0;
	}
	
#content h2 {
	font-size: 22px;
	font-weight: normal;
	color: #526270;
	padding: 5px 25px 0 0;
	}

	
#content h3 {
	font-size: 18px;
	font-weight: normal;
	color: #526270;
	padding: 20px 25px 0 0;
	}
	
#content p {
	padding: 20px 25px 0 25px;
	font-size: 12px;
	line-height: 1.5em;
	color:#444;
	}
	
#content ul {
	list-style: none;
	padding: 10px 45px 0 25px;
	font-size: 14px;
	color: #264c5f;
	}
	
#content ul li {
	background: url(images/bullet.gif) no-repeat;
	background-position: right 14px;
	*zoom:100%;
	padding: 10px 25px 0 0;
	}

#portfolio h1 {
	text-align: left;
	padding-left:100px;
	}

.tehpeoplez {
	float: left;
	margin:0 0 0 100px;
	}

.beforez {
	margin: 0 100px 10px 0;
	}
	
.afterz {
	margin: 0 100px 0 0;
	}

#bottomNav {
	margin:0 !important;
	padding:0 !important;
	position: absolute;
	bottom:0;
	left:0;
	width:619px;
	height:50px;
	}

#bottomNav li {
	float: left;
	width: 120px;
	height: 25px;
	text-align: center;	
	background: #fff !important;
	margin:0 !important;
	padding:0 !important;
}

#bottomNav li b {
	color: navy;
}

#page {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	}

#nav {
	background: url(images/nav-top.gif) no-repeat;
	padding: 27px 0 0 0;
	width:251px;
	height: 344px;
	list-style: none;
	float:left;
	z-index: 1000000;
	}
	
#nav li {
	position: relative;
	*height:30px;
	*width: 251px;
	z-index: 10000000;
	}
			
#nav li a {
	height:30px;
	overflow: hidden;
	display: block;
	z-index: 100000000;
	}
		
#nav li a.home {background: url(images/home.gif); height:30px;}
#nav li a.our_story {background: url(images/our_story.gif); height:30px;}
#nav li a.our_philosophy {background: url(images/our_philosophy.gif); height:30px;}
#nav li a.meeting_your_goals {background: url(images/meeting_your_goals.gif); height:30px;}
#nav li a.healthy_outcomes {background: url(images/healthy_outcomes.gif); height:30px;}
#nav li a.services {background: url(images/services.gif); height:30px;}
#nav li a.testimonials {background: url(images/testimonials.gif); height:30px;}
#nav li a.portfolio {background: url(images/portfolio.gif); height:30px;}
#nav li a.multidisciplinary_dentistry {background: url(images/multidisciplinary_dentistry.gif); height: 46px;}
#nav li a.make_an_appointment {background: url(images/make_an_appointment.gif); height:30px;}
#nav li.last {background: #254b5e; height:28px; border-left:solid 1px #929ea1; *width:250px;}

#nav li a:hover {
	background-position: top -251px;
	}
	
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
	
		
/*Sub level menu items */
#nav li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
list-style: none;
background: #254b5e url(images/menucorner.gif) top right no-repeat;
visibility: hidden;
border:solid 1px #fff;
padding: 5px;
	z-index: 1000000000;
}

#nav li ul li a {
	padding: 5px;
	height: auto;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	z-index: 10000000000;
	}
	
#nav li ul li a:hover {
	background: #fff;
	color: #254b5e;
	}

/* Holly Hack for IE \*/
* html #nav li { float: left; height: 1%; }
* html #nav li a { height: 1%; }
/* End */


#content {
	width: 619px;
	height: 371px;
	overflow: auto;
	background: url(images/whiteBGwithLine.gif);
	float:right;
	text-align: right;
	position: relative;
	}
	
address {
	height:155px;
	background: url(images/footer.gif);
	overflow: hidden;
	}
	
address span {
	display: block;
	margin-top:155px;
	}
	
#servicesContent {
	height: 280px;
	overflow: auto;
	position: relative;
	}

#servicesContent img {
	float:right;
	margin:24px 24px 10px 10px;
	padding:2px;
	background: #fff;
	border: solid 1px #ccc;
	}
	
.bonding { 
	background-image: url(images/services/Michelle.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}
	
.cosmeticDentistry { 
	background-image: url(images/services/Linda.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}
	
.implantDentures { 
	background-image: url(images/services/Dennis.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}
	
.invisalign { 
	background-image: url(images/services/Andrean.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 1px;
	}
	
.minimalCosmetic { 
	background-image: url(images/services/Marion.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}

.porcelainVeneers { 
	background-image: url(images/services/Roger.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}

.preventativeDentistry { 
	background-image: url(images/services/Richard.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}

.reconstruction { 
	background-image: url(images/services/Charles.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right: 1px;
	}

#servicesNav {
	height: 91px;
	margin:0 1px !important;
	padding:0 !important;
	background: url(images/fading-line.jpg) top right no-repeat;
	overflow: hidden;
	}
	
#servicesNav li {
	padding:0 7px 0 0 !important;
	*padding:0 6px 0 0 !important;
	height:91px;
	background: none !important;
	float:left;
	position: relative;
	}

#servicesNav li a {
	height:76px;
	display: block;
	position: absolute;
	bottom: 0;
	left:0;
	background-repeat: no-repeat;
	}
	
#servicesNav li.bonding, #servicesNav li.bonding a {width:68px;}
#servicesNav li.bonding a {background: url('images/services/Michelle-thumb.jpg') left -76px;}

#servicesNav li.cosmeticDentistry, #servicesNav li.cosmeticDentistry a {width:62px;}
#servicesNav li.cosmeticDentistry a {background: url('images/services/Linda-thumb.jpg') left -76px;}

#servicesNav li.implantDentures, #servicesNav li.implantDentures a {width:93px;}
#servicesNav li.implantDentures a {background: url('images/services/Dennis-thumb.jpg') left -76px;}

#servicesNav li.invisalign, #servicesNav li.invisalign a {width:67px;}
#servicesNav li.invisalign a {background: url('images/services/Andrean-thumb.jpg') left -76px;}

#servicesNav li.minimalCosmetic, #servicesNav li.minimalCosmetic a {width:55px;}
#servicesNav li.minimalCosmetic a {background: url('images/services/Marion-thumb.jpg') left -76px;}

#servicesNav li.porcelainVeneers, #servicesNav li.porcelainVeneers a {width:65px;}
#servicesNav li.porcelainVeneers a {background: url('images/services/Roger-thumb.jpg') left -76px;}

#servicesNav li.preventativeDentistry, #servicesNav li.preventativeDentistry a {width:79px;}
#servicesNav li.preventativeDentistry a {background: url('images/services/Richard-thumb.jpg') left -76px;}

#servicesNav li.reconstruction, #servicesNav li.reconstruction a {width:64px;}
#servicesNav li.reconstruction a {background: url('images/services/Charles-thumb.jpg') left -76px;}

#servicesNav li a:hover {
	background-position: top left;
	}
	
#servicesNav li.selected a {
	background-position: top left;
	}

#testimonials img {
	float:right;
	margin: 40px 0 10px 20px;
	}
	
#testimonials hr {
	clear:both;
	display: block;
	border:none;
	border-top: solid 1px #ccc;
	}