/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1.5;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table, td, th {
	vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
a img {
	border:none;
}
/* typography */

body {
	font-size:75%;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }

.Title		{ color: #1A1D5C; font-size: 24px; font-family: Times New Roman, Time, serif; font-style: italic; letter-spacing: 1px; }
.Header		{ color: #0075BA; font-size: 20px; font-weight: normal; font-family: Arial; }
.Subheader	{ color: #0075BA; font-size: 16px; font-weight: normal; font-family: Arial; }

.Blue		{ color: #0075BA; }
.DarkBlue	{ color: #1A1D5C; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }


h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#0075ba;
}
h1 {
	font-size:2em;
	line-height:1;
	margin-bottom:0.5em;
	color: #1a1d5c;
}
h2 {
	font-size:1.5em;
	margin-bottom:0.75em;
}
h3, dt {
	font-size:1.2em;
	line-height:1;
	margin-bottom:1em;
}
h4 {
	font-size:1em;
	line-height:1.25;
	margin-bottom:1.25em;
	height:1.25em;
}
h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:1.5em;
}
h6 {
	font-size:1em;
	font-weight:bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p {
	margin:0 0 1.5em;
}
p img, img.left {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
	color:#ff0000;
}
a {
	color:#0075ba;
	text-decoration:underline;
}
blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
	margin-left:2em;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
	background:#C3D9FF;
}
th, td {
	padding:4px 10px 4px 5px;
}
tfoot {
	font-style:italic;
}
caption {
	background:#eee;
}
* .small {
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;
}
* .large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
* .hide {
	display:none;
}
* .quiet {
	color:#666;
}
* .loud {
	color:#000;
}
* .highlight {
	background:#ff0;
}
* .first {
	margin-left:0;
	padding-left:0;
}
* .last {
	margin-right:0;
	padding-right:0;
}
* .top {
	margin-top:0;
	padding-top:0;
}
* .bottom {
	margin-bottom:0;
	padding-bottom:0;
}
* .replace {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	text-align: left;
}
/* grid */

* #container, * .container {
	width:960px;
	margin:0 auto;
}
body {
	margin:0;
}
div.column {
	float:left;
	margin-right:0;
}
div.last {
	margin-right:0;
}
hr {
	background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none;
}
hr.space {
	background:#fff;
	color:#fff;
}
.clearfix:after, .container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* .clearfix, * .container {
	display:inline-block;
}
* html .clearfix, * html .container {
	height:1%;
}
* .clearfix, * .container {
	display:block;
}
* .clear {
	clear:both;
}
/* custom */

body {
	background: #4763a2 url(../images/layout/bg.png) top left repeat-x;
}
* #container {
	position:relative;
}
* #hd {
	background: url(../images/layout/hd.jpg) top left no-repeat;
	height:452px;
}
* #bd {
	background: url(../images/layout/bd.png) top left repeat-y;
	padding:10px 0 40px 0;
}
* #logo, #logo a {
	height:80px;
	width:430px;
}
* #logo {
	position: absolute;
	top:15px;
	left:30px;
}
#logo a {
	background: url(../images/layout/clear.gif) top left no-repeat;
	display:block;
	overflow: hidden;
	text-indent: -999em;
}
* #hd-photo {
	position: absolute;
	top: 124px;
	right:0;
	width: 717px;
	height: 305px;
}
* #flash-hd-slides {
	position: absolute;
	top: 124px;
	right:0;
	width: 717px;
	height: 305px;
}
#hd-photo img {
	width: 717px;
	height: 305px;
}
* #flash-hd-slides {
	background: url(../images/layout/hd-slides-no-flash.jpg) 0 2px no-repeat;
}
* #content {
	background: #fff url(../images/layout/content.jpg) 70px 70px no-repeat;
	width:640px;
	min-height:420px;
}
#content h1 {
	background: url(../images/layout/h1-glyph.png) 0 5px no-repeat;
	padding-left: 20px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}
#content h1 em {
	font-size:.8em;
}
dl.logos img {
	margin: 5px 0 20px 0;
}
dt a {
	display:block;
	font-weight:normal;
	margin-bottom:5px;
}
* .flash-replaced {
	margin-bottom:20px;
	text-align:center;
}
.flash-replaced .alt {
	display:none;
}
* .notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.notice a {
	color:#514721;
}
* .inset {
	background-color: #ccc;
	border:1px solid #999;
	float:right;
	margin: 0 0 0 10px;
	padding-top:10px;
	width:180px;
}
.inset p, .inset ul {
	font-size: .9em;
}
.inset p,  .inset h3 {
	margin-left:10px;
	margin-right:10px;
}
div.map {
	margin-bottom:1em;
}
ul.logos {
	margin:20px 0 0 0;
	list-style:none;
}
ul.logos li {
	margin-bottom:20px;
}
ul.logos a {
	display: block;
	text-indent:-999em;
	overflow: hidden;
	background: top left no-repeat;
}
ul.logos .invisalign a {
	background-image:url(../images/logos/invisalign.png);
	width:203px;
	height:35px;
}
ul.logos .damon a {
	background-image:url(../images/logos/damon.png);
	width:209px;
	height:28px;
}
ul.logos .aao a {
	background-image:url(../images/logos/aao.png);
	width:188px;
	height:45px;
}
ul.logos .abo a {
	background-image:url(../images/logos/abo.png);
	width:203px;
	height:35px;
}
ul.logos .ada a {
	background-image:url(../images/logos/ada.png);
	width:188px;
	height:34px;
}
ul.logos .sonicare a {
	background-image:url(../images/logos/sonicare.gif);
	width:188px;
	height:34px;
	margin-left:40px;
}
ul.logos .colgate a {
	background-image:url(../images/logos/colgate.gif);
	width:188px;
	height:34px;
	margin-left:40px;
}
ul.logos .crest a {
	background-image:url(../images/logos/crest.gif);
	width:188px;
	height:34px;
	margin-left:40px;
}
ul.logos .ormco a {
	background-image:url(../images/logos/ormco.gif);
	width:150px;
	height:61px;
	margin-left:40px;
}
/* page-specific */

	.home #content {
	font-size:1.2em;
}
.meet-the-team #content img {
	float:left;
	margin:0 20px 20px 0;
}
.resources #content ul {
	list-style:none;
	margin:0;
}
.resources #content li {
	margin-bottom:60px;
}
/* images */

	img.border, .meet-the-team #content img {
	border:1px solid #1B1E61;
}
img.auto {
	float: right;
	margin: 0 0 0 15px
}
* #sidebar {
	background: url(../images/layout/sidebar.png) top left repeat-y;
	width:300px;
}
#sidebar .contact {
	width:262px;
	height:99px;
	background-image:url(../images/layout/contact.png);
}
#sidebar .appointment {
	width:193px;
	height:70px;
	background-image:url(../images/layout/call-out.png);
	margin-left:38px;
}
/* navigation */

* #nav, * #util {
	position:absolute;
}
* #nav {
	top:140px;
	left:20px;
}
* #util {
	top:20px;
	right:0;
	width:250px;
}
#nav ul, #util ul {
	list-style: none;
	margin: 0;
}
#nav a, #util a {
	background: url(../images/nav/home.png) top left no-repeat;
	color: white;
	letter-spacing:1px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: left;
	height: 24px; /* h */
	outline: none;
}
/* vertical nav */

#nav ul {
	width: 255px;
}
#nav a:hover, #util a:hover {
	text-decoration: underline;
}
#nav li.active a {
	background-position: -350px 0;
} /* -2w */
#nav li.active a:hover, #nav li.active:hover a {
	background-position: -525px 0;
} /* -3w */
#nav ul ul {
	margin: 0 0 0 20px;
}
#nav li.active a:hover {
	text-decoration: none;
}
#nav li ul a {
	font-size: .9em;
	height: 17px;
	text-transform: none;
	font-weight: normal;
}
#nav li.active ul a:hover {
	text-decoration:underline;
}
#nav li a, #nav li.active li.active a {
	font-weight:bold;
}
#nav li li.active a:hover {
	text-decoration:none;
}
#util a {
	text-align:right;
	font-size:.9em;
	height: 24px;
	padding-right:30px;
	padding-top:5px;
}
#util li.active a {
	background:url(../images/layout/nav-active.png) top right no-repeat;
}
* #ftTop {
	background: url(../images/layout/ft.png) top left no-repeat;
	text-align: center;
	padding: 60px 0 0 0;
}
* #ftTop, #ftTop a {
	color: #fff;
}
* #ftBottom {
	text-align: center;
	padding:20px 0;
}
* #ftBottom, #ftBottom a {
	color: #1b1e61;
	text-decoration:none;
}
#ftTop a:hover, #ftBottom a:hover {
	color: #ccc;
}
#ftTop p, #ftBottom p {
	padding: 0 30px;
}
/* Damon System */

* .left {
	float:left;
	margin:0 10px 10px 0;
}
img.right {
	float:right;
	margin:0 0 10px 10px;
}
* .clear {
	clear:both;
}
* #damon-bracket {
	display:block;
	margin:0 auto 10px auto;
}
* #damon-wrap {
	width:400px;
	margin:0 auto;
}
* #damon-left {
	float:left;
	width:175px;
	margin-right:20px;
}
* #damon-right {
	float:left;
	width:170px;
}
* #flash-damon-system-comparison {
	margin:0 auto;
	width:250px;
}



/* Global form styles */

fieldset {
	border: none;
	padding: 9px 0;
}
fieldset div {
	clear: both;
}
* .form-container {
	margin: 0 0 18px;
	width: 500px;
	padding: 10px;
	border:solid 2px #ccc; /* optional, change color to match site */
	background:#fff; /* optional, change color of background */
}
.form-container label span { /* sits below labels; holds instructions */
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;
}
.form-container p.verification {
	margin-top: 0;
}
.form-container p.verification img {
	border: 1px solid #999;
} /* customize me! */
* .form-header {
	border-bottom: 1px solid #ccc; /* optional, change color to match site */
}
.form-header h3 {
	margin: 0 0 9px;
}
.form-header p {
	margin: 0 0;
	padding-bottom: 18px;
}
* .form-footer {
	padding-top: 18px;
	text-align: center;
	border-top: 1px solid #ccc; /* optional, change color to match site */
}
.form-footer button { /* these styles control the look of the button, change as necessary */
	clear:both; /* do not change, forces button to sit below floated elements */
	margin: 9px auto; /* do not change, controls positioning */
	display: block;
	width:125px;
	height:31px;
	background:#ccc; /* customize me! */
	border: 1px solid #fff; /* customize me! */
	text-align:center;
	line-height:31px;
	color:#fff; /* customize me! */
	font-size:12px;
	font-weight:bold;
}
/* appointment form */
* .appointment-form {
	margin: 18px 0;
	padding: 10px;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	margin-top: 9px;
	line-height: 18px;
	}
.appointment-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:45%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.appointment-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;
	vertical-align: middle;
	line-height: 18px;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 4px 2px;}


/* comment form */	
div.comments {
	margin: 18px 0;
	padding: 10px;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;}
.comments label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:45%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.comments p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 0;
	vertical-align: middle;
	line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
	float: none;
	margin: 0 0 0 0;
	padding: 4px 2px;
	width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;
}







/* referral form */
div.referral-form {
	margin: 18px 0;
	padding: 10px;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.referral-form input, .referral-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:45%;
	margin:9px 0 9px 2%;
	background: #ffffff;
	position: relative;}
.referral-form p.radio, .referral-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.referral-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.radio input, .referral-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 0 2px;
	vertical-align: middle;
	line-height: 18px;
	height: 18px;}



/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003; 
		 display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000; 
		   display: block;margin:0 0 9px 47%;font-size: 11px; font-weight: normal; line-height: 18px;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}