@font-face {
    font-family: 'DancingScript'; 
    src: url('../fonts/dancingscript-regular-webfont.eot'); 
    src: url('../fonts/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dancingscript-regular-webfont.woff') format('woff'),
         url('../fonts/dancingscript-regular-webfont.ttf') format('truetype'),
         url('../fonts/dancingscript-regular-webfont.svg#DancingScript') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
; }

 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, 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; }
object {outline: none; }
table {border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
table, td, th {vertical-align: middle; }
em {font-style: italic; }
bold, strong {font-weight: bold; }
.hide {display: none; }
* {outline: none; }

body {background: #f2f2f2; color: #01233d; font-family: Helvetica, Arial, san-serif; }
.clear {clear: both; }



#header {height: 160px; background: #ebece8 url(../images/header-bg.png) 50% 0 repeat-x ; }

#header-wrapper {width: 990px; height: 160px; margin: 0 auto; position: relative; }
#header-wrapper #logo {background: url(../images/logo.png) 0 9px no-repeat; width: 590px; height: 157px; display: block; text-indent: -9999px; position: absolute; }


#social-media {
	float: right;
	clear: both;
	z-index: 100;
	display: block;
	width: 200px;
	margin-top: 8px;
	margin-right: 37px;
}

#social-media a img {
	height:25px; 
	width:auto;
	float: right;
	margin-right: 3px
}


#address {width: 220px; position: absolute; top: 50px; left: 729px; line-height: 20px; text-align: right; }

#address p {color: #01233d; margin: 0 0 8px;}
#address p strong {font-size: 15px;}

#address a {text-decoration:none;}
#address a:hover {text-decoration:none; border-bottom: 1px dotted #f2f2f2;}

#address span.phone {color: #80b52f; font-size: 23px; font-weight: bold; margin-top: -4px;}
#address span.phone a {color: #80b52f; }  /* this maintains color when iOS makes links out of phone numbers */
#address span.practice-name {font-weight: bold; text-transform: uppercase;}




#ft {background: url(../images/footer-bg.png) repeat-x #5f8a23; border-top: 1px solid #323730; height: 90px; }
#ft-wrapper {height: 90px; margin: 0 auto; width: 990px; position: relative; font-size: 12px; color: #ffffff; clear: both; }
#ft p {position: absolute; top: 25px; left: 0; margin: 0; }
#ft a {color: #ffffff; padding: 0 3px; text-shadow: 1px 1px 2px rgba(0,0,0, .15); line-height: 22px;}
#sesame-link {position: absolute; left: 0; top: 42px; }


#menu {background: url(../images/menu-bg.png) #5f8a23; height: 64px; }
#menu-wrapper {width: 990px; position: relative; margin: 0 auto;  z-index: 100; }
#nav {width: 990px; position: absolute; top: 0; left: 0; height: 63px; }
#nav a {color: #ffffff; font-size: 18px; padding: 0 22px; line-height: 63px; display: block; height: 63px; width: auto; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0, .15); }
#nav ul li:hover a, 
#nav ul li.active a, 
#nav ul li a:hover {color: #01233d; background: #cfcfcf; -webkit-box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .2); }
#nav ul li:hover li a {background: none; }
#nav li {display: inline; height: 63px; float: left; margin-left: 1px; position: relative; }


#nav ul li ul {    
	background: #cfcfcf; 
	position: absolute; 
	display: block;
	left: -9999px;
	list-style: none outside none;
	margin: -1px 0 0 0;
	padding: 10px 0; 
	width: 200px;
	height: auto; 
	z-index: 100;
	border-top: 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #323730;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #323730;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #323730;

	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .11); -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .11); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .11); -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .12); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .12); box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .12); }

#nav ul ul li {float: none; margin: 0; padding: 0; height: auto; background: none; }
#nav ul ul li a, 
#nav ul li:hover ul li a, 
#nav ul li.active ul li a {color: #323730; font-size: 14px; font-weight: normal; line-height: 22px; height: auto; padding: 1px 15px; margin: 0; background: none; width: 170px; text-shadow: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#nav ul ul li a:hover, 
#nav ul li:hover ul li a:hover, 
#nav ul li.active ul li a:hover {color: #ffffff; background: #649024; -webkit-box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .2); }
#nav li:hover ul, #nav li.sfhover ul {left: auto; }

#topnav {float: right; position: relative; width: 145px; margin-right: 40px; }
#topnav ul {list-style: none; width: 145px;}
#topnav li {float: right;}
#topnav a {color: #f2f2f2; display: block; font-size: 14px; height: 27px; line-height: 27px; text-align: center; text-decoration: none; text-transform: capitalize;}

a#patient-login {background: url(../images/pl-rollover.png) #5f8a23; width: 140px;}
a#doctor-login {background: url(../images/dl-rollover.png) #5f8a23; margin-left: 5px; width: 140px;}

#topnav ul a:hover, #topnav ul li.active a {background-position: 0 -27px;}


#topnav a#patient-login { 
    border-radius:0px 0px 9px 9px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;	
	}
    
#topnav a#doctor-login { 
    border-radius:0px 0px 0px 9px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;	
    }
    

#slideshow-subnav {background: url(../images/banner-bg.jpg) center 0 repeat; border-bottom: 2px solid #cfcfcf; }
.home #slideshow-subnav {height: 336px; }

#slideshow-subnav-wrapper {width: 990px; margin: 0 auto; position: relative; }

p.sub_nav {margin: 0; width: 660px; position: relative; left: 5px; top: 25px; padding: 0 0 31px; }
p.sub_nav a {color: #01233d; display: inline-block; text-decoration: underline; }
p.sub_nav a.active {color: #395915; text-decoration: none; font-weight: bold;}
p.sub_nav a:hover {text-decoration: none; }

#home-slideshow {position: absolute; top: 18px; left: 0;  background-color: #323730;}
#home-slideshow li {list-style: none; }
#home-slideshow img {border: 1px solid #323730; width: 675px; height: 300px; }
#home-slideshow-text {position: absolute; top: 75px; left: 707px; width: 260px; color: #ffffff; font: 45px 'DancingScript', Arial, Helvetica, sans-serif; text-align: center; text-shadow: 5px 5px 20px rgba(0,0,0,.6); }


#bd-wrapper {width: 990px; margin: 0 auto; background: url(../images/sidebar-bg.png) right 0 no-repeat; position: relative; min-height: 750px;}

#content {width: 610px; margin-bottom: 34px; }
#sidebar {position: absolute; top: 20px; left: 680px; }
#procedures-nav {margin: 0 0 15px; }
#logos {margin: 37px; }

a#appointment {display: block; position: relative; float: right; font-size: 19px; background: url(../images/appointment-pic.png) no-repeat #80b52f; margin: 36px; width: 231px; height: 74px; border: 1px solid rgba(0,0,0, .55); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .8); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .8); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .8);  text-decoration: none;  cursor: pointer;}

a#appointment span {color: #01233d; position: absolute; top: -20px; left: 91px; }
#appointment em {position: absolute; top: 10px; left: 91px; color: #ffffff; font-style: normal; text-shadow: 0px 2px 3px rgba(0,0,0,.2); }
a#appointment strong {position: absolute; top: 30px; left: 91px; font-size: 27px; color: #ffffff; font-weight: normal; text-shadow: 0px 2px 3px rgba(0,0,0,.2); }



p, td, th {margin: 15px 0; font-size: 14px; line-height: 160%;}
th {font-weight: bold; text-align: left; }
table.hours td, table.hours th {padding-right: 10px; vertical-align: top; }
table.hours td p, table.hours th p {padding: 0; margin: 0; }

#content ul, #content ol {font-size: 14px; line-height: 18px; margin: 15px 40px; }
#content ul li {list-style: square; margin: 5px 0; }

#content ul li ul, #content ol li ol  {line-height: 16px; margin: 10px 30px; }
#content ul li ul li {list-style: circle; margin: 5px 0; }

#content ol {list-style: decimal; }
#content ol li ol {list-style: decimal; }

#content ol li {margin: 4px 0; }
#content ol li ol li {margin: 5px 0; }

body.site-map #content ul, body.page-not-found #content ul, body.internal-server-error #content ul {font-size: 12px; line-height: 14px; list-style: disc; margin: 10px 20px; }

div.hr, div.hr-short {background-color: #395915; height: 1px; margin: 20px 0; padding: 0; }
div.hr hr, div.hr-short hr {background-color: #395915; border: 1px solid #395915; border-width: 1px 0 0 0; clear: both; display: none; height: 0; }
div.hr {clear: both; }
div.hr-short {clear: none; width: 330px; }

h6 {background-color: #395915; height: 1px; margin: 20px 0; padding: 0; clear: both;}

p.back-to-top {color: #8a9950; font-size: 11px; font-weight: bold; text-align: left; }
p.back-to-top a {color: #8a9950; }

dl {margin: 0; }
dt {color: #395915; font-size: 14px; font-weight: bold; margin: 10px 0; }
#content dd p {margin: 0 0 10px 30px; }

sup {font-size: 60%; }


 
a {color: #51840a; text-decoration: underline; }
a:hover {text-decoration: none; }

body.site-map #content ul li a, body.page-not-found #content ul li a, body.internal-server-error #content ul li a {font-weight: bold; margin: 10px 0; }
body.site-map #content ul li li a, body.page-not-found #content ul li li a, body.internal-server-error #content ul li li {font-weight: normal;}



h1 {color: #51840a; font-size: 27px; font-weight: normal; padding: 35px 0 25px; text-shadow: 2px 2px 3px rgba(0,0,0, .16); }
h2 {color: #395915; font-size: 20px; line-height: 22px; font-weight: bold; margin: 10px 0;}
h2.home {border-top: 1px solid #cfcfcf; font-size: 12px; font-weight: normal; font-style: italic; padding-top: 20px; }
h3 {color: #8a9950; font-size: 18px; font-weight: bold; margin: 15px 0;}
h4 {color: #01233d; font-size: 13px; font-weight: bold; font-style: italic; margin: 10px 0;}


img {border: 0; display: block; }
a img {border: none; }
img.auto {margin: 15px; border: 1px solid #323730; float: right; margin: 14px 0px 20px 0; }
img.resources {float: left; margin: 5px; padding: 5px; border: 1px solid #323730; background: #FFF; }

img.center {border: 2px solid #323730; clear: both; margin: 20px auto; }
img.left {border: 2px solid #323730; clear: left; float: left; margin: 4px 20px 20px 0; }
img.right {border: 2px solid #323730; clear: right; float: right; margin: 0 0 20px 20px; }
img.left-no-border {clear: left; float: left; margin: 0 20px 20px 0; }
img.right-no-border {clear: right; float: right; margin: 0 0 20px 20px; }
img.team-photo {border: 2px solid #323730; background: #FFF; padding: 5px; float: right; margin: 0 0 20px 20px; }


#sidebar #callouts img.link {
	margin: 0 0 10px 50px; 
	clear: both; 
	/*margin: 30px 31px 60px 0;*/ 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-box-shadow: 2px 2px 5px #000000; 
	-moz-box-shadow: 2px 2px 5px #000000; 
	box-shadow: 2px 2px 5px #000000; 
}

img.invisalign-link {background-color: #FFF; padding: 0 3px; }
img.invisalign-propack-link {background-color: #FFF; padding: 0 32px; }
img.invisalign-teen-link {background-color: #FFF; padding: 5px 20px 5px 21px; }
img.invisalign-propack-link {padding: 0 32px;}
img.facebook-link {background-color: #FFF; padding: 2px 3px 2px 3px; }

img.aao-link {background-color: #FFF; padding: 0px 6px 0px 5px; }
img.cao-link {background-color: #FFF; padding: 3px 2px 3px 1px; }
img.abo-link {background-color: #FFF; padding: 8px 5px 8px 6px; }
img.damon-link {background-color: #FFF; padding: 8px 23px; }
img.clearcorrect-link {background-color: #FFF; padding: 0 1px 0 0; }
img.incognito-link {background-color: #FFF; padding: 6px 8px; }
img.inovation-link {background-color: #FFF; padding: 0px 18px 4px 18px; }

img.ada-link {background-color: #FFF; padding: 8px 33px 8px 32px; }
img.cda-link {background-color: #FFF; padding: 1px 5px 1px 6px; }
img.cerec-link {background-color: #FFF; padding: 9px 21px 9px 20px; } 
img.agd-link {background-color: #FFF; padding: 2px 18px 2px 17px; } 
img.aacd-link {background-color: #FFF; padding: 8px 21px 8px 20px; } 
img.aapd-link {background-color: #FFF; padding: 3px 4px 3px 4px; } 
img.aadsm-link {background-color: #FFF; padding: 3px 4px 3px 5px; } 
img.lumineers-link {background-color: #FFF; padding: 7px 20px 7px 21px; } 
img.docs-link {background-color: #FFF; padding: 2px 20px 2px 21px; }
img.opalescence-link {background-color: #FFF; padding: 0px 4px 0px 2px; }
img.britesmile-link {background-color: #FFF; padding: 0px 0px 0px 0px; }
img.lumibrite-link {background-color: #FFF; padding: 0px 4px 0px 2px; }
img.velscope-link {background-color: #FFF; padding: 0px 4px 0px 2px; }
img.zoom-link {background-color: #FFF; padding: 4px 18px; }
img.underarmour-link {background-color: #FFF; padding: 0 3px 0 3px; }

.text-callout {width: 185px; padding: 0; border: 1px solid #ebece8; clear: both; margin: 0 0 10px 30px;  background-color: #fff; }
.text-callout h3 {font-size: 16px; font-weight: bold; text-align: center; padding: 0px; margin: 5px 2px; line-height: 1em; }
.text-callout h3 a {color: #395915; text-decoration: none; margin: 0px; padding: 0; }
.text-callout p {font-size: 11px; font-style: italic; text-align: center; padding: 0px; margin: 5px 2px; line-height: 1em; }
.text-callout p a {color: #395915; text-decoration: none; margin: 0px; padding: 0; }






div.dr-resources  {margin-top: 50px; }
div.dr-resources div.group {border-top: 1px solid #395915; padding-top: 5px; margin-top: 25px; clear: both; }
div.dr-resources div.group img.callout {float: left; margin: 5px 33px 10px 0; padding: 5px; border: 1px solid #5f8a23; background: #FFF;}}
div.dr-resources div.group h3, 
div.dr-resources div.group p, 
div.dr-resources div.group p.ortho-resources-link  {margin-left: 220px; }
div.dr-resources div.group p.ortho-resources-link  {margin-top: 0; padding-top: 0; }
div.dr-resources div.group h3 {margin:  10px 0 0 220px; }

 


div.map iframe {border: 2px solid #cfcfcf; }

.preventive care .left {margin: 0 20px 20px 0; float: left; clear: left; }

.border {
  border: solid 1px #333; /* Customize me! */
; }
#invisalign-sidebar {
  border: solid 1px #333; /* Customize me! */
; }
#invisalign-sidebar a {
  color: #036; /* Customize me! */
; }
#invisalign-sidebar h3 {
  background: #97AFC2; /* Customize me! */
; }
.thumb {
  border: solid 1px #333; /* Customize me! */
; }
	


fieldset dl dd.form-footer button {
	background-color: #aaaaaa; 
	border: solid 1px #333333; 
	color: #000000; }
fieldset dl dd.form-footer button:hover {background-color: #dddddd; }
fieldset li div input, fieldset li div textarea, fieldset li div select {color: #000000; }
fieldset li h3, fieldset dl dt {color: #323730; }
fieldset li div label {color: #5f8a23;}



div.common-treatments-container {
	float: right; 
	clear: right; 
	width: 336px; 
	background-color: #ebece8; /* Customize me! */
	padding: 5px 0 5px 5px; 
	margin: 0 0 20px 20px; 
	border: solid 1px #cfcfcf; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; 
; }
div.common-treatments-container img {
	float: left; 
	border: solid 1px #cfcfcf; /* Customize me! */
	margin-right: 5px; 
; }
div.common-treatments-container p {
	float: left; 
	width: 50%; 
	margin: 0; 
	padding: 0; 
	color: #51840a; 
; }

.damon-clear .text-left {margin: 0 15px 20px 0; float: left; clear: left; width: 300px; }  
.damon-clear .text-right {margin: 0 0 20px 0; float: right; clear: right; width: 300px; }  
.damon-clear .img-left {margin: 0 15px 20px 0; float: left; clear: left; } 
.damon-clear .video {display: block;  ; }



div.comparison {
	background: #01233d; 
	color: #cfcfcf; 
	border: 1px solid #cfcfcf; 
	; }
.in-ovation-image {
  	border: 1px solid #cfcfcf; 
; }

  
#social-media-icons {
    margin: 0 0 10px 30px; 
    width: 200px; 
; }
#social-media-icons a.social-icon {
    border: none; 
    clear: none; 
    float: left; 
    margin: 0 9px 10px  0px; 
    height: 30px; 
    width:  30px; 
; }
#social-media-icons a.social-icon img {
    height: 30px; 
    width:  30px; 
; }

  

#home-promo {
	font-family: Georgia, "Times New Roman", times, serif;
	font-style: italic;
	width: 250px;
	float: right;
	background: #ffffff url(../images/home-promo.jpg) repeat-x -100px -50px;
	padding: 20px;
	margin: 0 0 20px 10px;
	border: 3px solid #cfcfcf;
}
#home-promo h4 {color: #cfcfcf; font-weight: bold; font-style: normal;}
#home-promo p {margin: 0; color: }
#home-promo span.address {margin: 8px 0 8px 25px; color: ; font-style: normal; font-size: 12px; line-height: 130%; font-weight: bold; display: block; }