/* Associated Dentists - adentists.com */





/* ---------- begin colors ----------

blue: #50B3CF
silver: #9A9A9B
dark gray: #383838
light gray: #EBEBEB
light blue: DFEFF4

----------- end colors ----------- */





/* ---------- begin table of contents ----------

style reset
basic styles
form styles
miscellaneous styles
layout styles
	#navContainer
		#nav
	#headerContainer01
	#headerContainer02
	#headerContainer03
	#headerContainer04
		#header
			#logo
			#anniversaryseal
	#contentContainer
		#content
			#mainColumn
			#secondaryColumn
home
	#homeFeatureArea
dentists
insurance
locations

----------- end table of contents ----------- */





/* ---------- begin style reset ---------- */

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: #000;
	background: #FFF;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* ----------- end style reset ----------- */





/* ---------- begin basic styles ---------- */

body {
	font: 12px/1.75 verdana, sans-serif;
	}

p {
	margin: 1.05em 0;
	font: 12px/1.75 verdana, sans-serif;
	color: #383838;
	}

h1 {}

h2 {
	margin: 0;
	font: italic 21px/1 georgia, serif;
	color: #9A9A9B;
	}

h3 {
	margin: 1.05em 0;
	font: bold 12px/1.75 verdana, sans-serif;
	color: #9A9A9B;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

h4 {
	margin: 2.1em 0 1.05em;
	font: 10px/2.1 verdana, sans-serif;
	color: #50B3CF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

a {
	color: #50B3CF;
	text-decoration: underline;
	}

a:hover {
	color: #50B3CF;
	text-decoration: none;
	}

ul {
	margin: 1.05em 0 0.525em;
	}

li {
	margin: .525em 0;
	list-style: disc inside;
	font: 12px/1.75 verdana, sans-serif;
	color: #383838;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

hr {
	height: 2px;
	border: 0;
	color: #50B3CF;
	background-color: #50B3CF;
	}

/* ----------- end basic styles ----------- */





/* ---------- begin form styles ---------- */

form {
	font: 12px/1.75 verdana, sans-serif;
	color: #383838;
	}

form fieldset {
	margin: 1.75em 0 0;
	padding: 0 0 1.75em 15px;
	border: 1px solid #9A9A9B;
	}

	form fieldset legend {
		font: bold 12px verdana, sans-serif;
		color: #9A9A9B;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		padding: 0 0.4375em;
		margin: 0 0 0 -0.4375em;
		}

	form fieldset input {
		font: 12px/1.75 verdana, sans-serif;
		color: #383838;
		margin: 0.4375em 0.4375em 0 0;
		}

	form fieldset label {
		display: inline-block;
		margin: 0.875em 0 0;
		}

	form fieldset label input.text {
		display: block;
		background: #EBEBEB;
		width: 222px;
		border: 1px solid #9A9A9B;
		}

	form fieldset select {
		width: 224px;
		margin: 0.875em 0.4375em 0 0;
		}

	form fieldset fieldset {
		margin: 0.875em 0 0;
		padding: 0;
		border: none;
		}

		form fieldset fieldset legend {
			font: 12px/1.75 verdana, sans-serif;
			color: #383838;
			text-transform: none;
			letter-spacing: 0;
			padding: 0;
			margin: 0;
			}

		form fieldset fieldset input {
			margin-left: 0.875em;
			}

		form fieldset fieldset label {
			margin: 0;
			}

			form fieldset fieldset label input {
				display: inline;
				}

		form fieldset fieldset textarea {
			background: #EBEBEB;
			font: 12px/1.75 verdana, sans-serif;
			color: #383838;
			width: 455px;
			height: 63px;
			margin: 0.4375em 0 0;
			border: 1px solid #9A9A9B;
			}

form input.button {
	font: bold 12px/1.75 verdana, sans-serif;
	color: #FFF;
	margin-top: 1.75em;
	padding: 0.5em 0.625em;
	background: #9A9A9B;
	border: 2px solid #939496;
	border-top-color: #C9CBCC;
	border-left-color: #C9CBCC;
	}

form input.button:hover, input.button:focus {
	background: #50B3CF;
	border: 2px solid #00A5E3;
	border-top-color: #89CBDF;
	border-left-color: #89CBDF;
	}

form input.button:active {
	background: #50B3CF;
	border: 2px solid #50B3CF;
	border-top-color: #00A5E3;
	border-left-color: #00A5E3;
	}

input:focus, input.text:focus, textarea:focus {
	background: #DFEFF4;
	}

/* ----------- end form styles ----------- */





/* ---------- begin miscellaneous styles ---------- */

#intro {
	line-height: 1.5;
	margin-top: -0.25em;
	}

.calloutleft {
	float: left;
	margin: 0.875em 1.5em 0 0;
	}

	.calloutleft a:hover img {
		outline: 4px solid #50B3CF;
		}

	.calloutleft span {
		display: block;
		font: italic 10px/2.1 verdana, sans-serif;
		margin: 0.525em 0 0;
		text-decoration: underline;
		}

	.calloutleft a:hover span {
		text-decoration: none;
		}

.calloutright {
	float: right;
	margin: 0.875em 0 0 1.5em;
	}

	.calloutright a:hover img {
		outline: 4px solid #50B3CF;
		}

	.calloutright a span {
		display: block;
		font: italic 10px/2.1 verdana, sans-serif;
		margin: 0.525em 0 0;
		text-decoration: underline;
		}

	.calloutright a:hover span {
		text-decoration: none;
		}

.topcallout {
	margin-top: 1.75em;
	}

.appticon {
	margin: -1px 6px 0 1px;
	vertical-align: middle;
	}

.pdficon {
	margin: -2px 7px 0 0;
	vertical-align: middle;
	}

li.nobullet {
	list-style: none outside;
	}

.noleftmargin {
	margin-left: 0;
	}

.norightmargin {
	margin-right: 0;
	}

/* ----------- end miscellaneous styles ----------- */





/* ---------- begin layout styles ---------- */

#navContainer {
	position: absolute;
	background: #50B3CF;
	width: 100%;
	height: 50px;
	}

	#nav {
		width: 747px;
		height: 40px;
		margin: 9px auto 0;
		padding-left: 12px;
		text-align: left;
		overflow: hidden;
		}

		#nav li {
			float: left;
			overflow: hidden;
			height: 32px;
			margin: 0 0 0 18px;
			list-style: none;
			}

			#nav li a {
				margin: 0;
				font: bold 14px verdana, sans-serif;
				color: #FFF;
				text-decoration: none;
				}

			#nav li a img {
				height: 64px;
				}

			#nav li a img#navabout {
				width: 72px;
				}

			#nav li a img#navservices {
				width: 88px;
				}

			#nav li a img#navdentists {
				width: 85px;
				}

			#nav li a img#navinsurance {
				width: 96px;
				}

			#nav li a img#navpaymentplan {
				width: 126px;
				}

			#nav li a img#navappointments {
				width: 130px;
				height: 96px;
				}

			#nav li a img#navappointments.selected {
				margin: -64px 0 0;
				}

			#nav li a:hover img {
				margin: -32px 0 0;
				}

			#nav li a img.selected {
				margin: -32px 0 0;
				}

.headerContainer {
	position: absolute;
	width: 100%;
	height: 175px;
	margin: 50px 0 0;
	}

#bg01 {
	background: #EBEBEB url("../images/headerbg01.jpg") no-repeat center;
	}

#bg02 {
	background: #EBEBEB url("../images/headerbg02.jpg") no-repeat center;
	}

#bg03 {
	background: #EBEBEB url("../images/headerbg03.jpg") no-repeat center;
	}

#bg04 {
	background: #EBEBEB url("../images/headerbg04.jpg") no-repeat center;
	}

#bg05 {
	background: #EBEBEB url("../images/headerbg05.jpg") no-repeat center;
	}

#bg06 {
	background: #EBEBEB url("../images/headerbg06.jpg") no-repeat center;
	}

#bg07 {
	background: #EBEBEB url("../images/headerbg07.jpg") no-repeat center;
	}

#bg08 {
	background: #EBEBEB url("../images/headerbg08.jpg") no-repeat center;
	}

#bg09 {
	background: #EBEBEB url("../images/headerbg09.jpg") no-repeat center;
	}

	#header {
		width: 746px;
		height: 153px;
		margin: 0 auto;
		border: 2px solid #FFF;
		border-top: 0;		
		text-align: left;
		}

		#logo {
			position: absolute;
			width: 193px;
			height: 67px;
			margin: 50px 0 0 35px;
			font: bold 18px verdana, sans-serif;
			}

		#phonenumbers {
			position: absolute;
			width: 96px;
			height: 87px;
			margin: 31px 0 0 605px;
			}

#contentContainer {
	position: absolute;
	width: 100%;
	margin: 275px 0 0;
	}

	#content {
		width: 750px;
		margin: 0 auto;
		text-align: left;
		}

		#mainColumn {
			float: left;
			width: 490px;
			}

			#gallery {
				width: 490px;
				margin: 1.75em 0 0;
				}

		#secondaryColumn {
			float: left;
			width: 230px;
			margin: 0 0 0 30px;
			}

			.feature {
				float: left;
				width: 230px;
				margin: 15.75px 0 -10.5px;
				}
				
				.feature img {
					display: block;
					}

				.feature a:hover img {
					outline: 4px solid #50B3CF;
					}

	#footer {
		float: left;
		margin: 75px 0 0;
		padding: 0;
		background: #EBEBEB;
		width: 100%;
		height: 60px;
		}

		#footer p {
			width: 750px;
			margin: 2em auto 0;
			font: 10.5px/1 verdana, sans-serif;
			text-align: center;
			color: #9A9A9B;
			}

/* ----------- end layout styles ----------- */





/* ---------- begin home styles ---------- */

#homeFeatureArea {
	float: left;
	width: 750px;
	}

	#homeFeatureArea .feature {
		margin: 10.5px 30px 0 0;
		}

	#homeFeatureArea .feature.norightmargin {
		margin-right: 0;
		}

/* ----------- end home styles ----------- */





/* ---------- begin dentists styles ---------- */

.dentist {
	background: #EBEBEB;
	display: inline-block;
	width: 490px;
	margin: 1.75em 0 0.4375em;
	}

	.dentist .portrait {
		float: left;
		margin: 0;
		}

	.dentist .bio {
		float: left;
		width: 370px;
		height: 74px;
		padding: 13px 20px;
		}

	.dentist .biography {
		float: left;
		width: 450px;
		padding: 0 20px 1.75em;
		}

	.dentist p {
		margin: 0;
		}

		.dentist .name {
			font: bold 18px verdana, sans-serif;
			color: #9A9A9B;
			margin: 0 0 6px;
			}

/* ----------- end dentists styles ----------- */





/* ---------- begin insurance styles ---------- */

.insurance {
	font: 12px/1.75 verdana, sans-serif;
	color: #383838;
	width: 490px;
	margin: 1.75em 0 2.625em;
	border: 2px solid #9A9A9B;
	border-right: 1px solid #9A9A9B;
	}

	.insurance .column1 {
		width: 153px;
		}

	.insurance .column2 {
		width: 240px;
		}

	.insurance .column3 {
		width: 94px;
		}

	.insurance tr.shaded {
		background: #EBEBEB;
		}

	.insurance th {
		background: #9A9A9B;
		font: bold 12px verdana, sans-serif;
		color: #FFF;
		padding: 10px;
		}

	.insurance td {
		padding: 10px;
		border-right: 1px solid #9A9A9B;
		}

/* ----------- end insurance styles ----------- */





/* ---------- begin locations styles ---------- */

.map {
	width: 490px;
	height: 350px;
	margin: 1.75em 0 0;
	}

.column {
	float: left;
	width: 245px;
	margin: 0;
	}

/* ----------- end locations styles ----------- */