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; }
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: #d9c5b2; color: #321c05; font-family: Georgia, "Times New Roman", serif;}
.clear {clear: both; }

#hd {height: 214px; background: #ffffff url(../images/hd-bg.png) 50% 0 repeat-x ;}

#hd-inner {background: url(../images/hd-inner.png) top center repeat-y;) z-index: 1;}

#hd-wrapper {width: 990px; height: 225px; margin: 0 auto; position: relative; z-index: 2; }
#hd-wrapper #logo {background: url(../images/logo.png) 0 9px no-repeat; width: 612px; height: 214px; display: block; text-indent: -9999px; position: absolute; }



#address {width: 250px; height: 160px; position: absolute; top: 65px; left: 725px; line-height: 20px; text-align: right; }
#address p {color: #ffffff; margin: 0; font-family: Arial, Helvetica, sans-serif;}
#address p strong {font-size: 15px;}

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

#address span.phone {color: #ffffff; font-size: 20px; font-weight: normal; line-height: 45px; font-family: Arial, Helvetica, sans-serif;}
#address span.phone a {color: #ffffff; }  /* this maintains color when iOS makes links out of phone numbers */
#address span.practice-name {font-weight: bold; text-transform: uppercase;}




#topnav {float: right; position: relative; width: 145px; margin-right: 16px; }
#topnav ul {list-style: none; width: 145px;}
#topnav li {float: right;}
#topnav a {color: #ffffff; display: block; font-size: 14px; height: 39px; line-height: 39px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

#topnav a:hover {color: #dfd7cf;}

a#patient-login {background: #882b02; border: 1px solid #ffffff; width: 140px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
a#doctor-login {background: #882b02; border: 1px solid  #ffffff; margin-left: 5px; width: 140px; font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase; }

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

#ft {height: 130px;}

#ft-wrapper {height: 81px; margin: 0 auto; width: 932px; position: relative; border: 2px solid  #882b02; border-top: none;  font-size: 12px; color: #ffffff; clear: both; background: #08326F url(../images/ft-wrapper.png) repeat-x;}

#ft p {position: absolute; top: 25px;  margin: 0 auto; text-align: center; width: 932px;}
#ft a {color: #ffffff; padding: 0 3px; text-shadow: 1px 1px 2px rgba(0,0,0, .15); line-height: 22px; text-decoration: none;}
#sesame-link {position: absolute; top: 48px; left: 356px; margin: 0 auto; text-align: center; width: 250px; font-weight: bold; }
#ft a:hover {text-decoration: underline;}

#menu {background: url(../images/menu-bg.png) #d9c5b2; height: 88px; 
	box-shadow: 3px 3px 3px rgba(0,0,0,.65);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.65);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.65);
    
    }
#menu-wrapper {width: 990px; position: relative; margin: 0 auto; z-index: 100; }

#nav {width: 995px;  height: 86px;  position: absolute; top: 1px; left: 8px;}

#nav a {color: #ffffff; font-size: 17px; padding: 0 10px; line-height: 86px; display: block; height: 86px; width: auto; text-decoration: none; font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase; font-weight: bold; }

#nav ul li:hover a, 
#nav ul li.active a, 
#nav ul li a:hover {-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); font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase; background: url(../images/nav-hover.png) repeat-x; }

#nav ul li:hover li a {background: url(../images/nav-hover.png) repeat-x; color: #08326F; }

#nav li {display: inline; height: 86px; float: left; margin-left: 1px; position: relative; }

#nav ul ul {background: #ab4800; border: 1px solid #ffffff; height: auto; position: absolute; left: -999em; z-index: 99; margin: 0; padding: 10px 0; width: 239px;  -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: #ffffff; font-size: 14px; font-weight: normal; line-height: 18px; height: auto; padding: 5px 16px; margin: 0; background: none; width: 207px; text-shadow: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-transform: capitalize;  }

#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: #df8646; -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; }

#slideshow {overflow: hidden;}
.home #slideshow {height: 299px; }
#slideshow-wrapper {width: 971px; margin: 0 auto; position: relative; }
#slideshow-wrapper #slideshow-overlay {
	position: absolute;
	top: 0px; left: 0px; 
	width: 971px; height: 299px; 
	z-index: 10; 
	background: url(../images/slideshow/slideshow-overlay.png) 0 100% no-repeat;
	}

#home-slideshow {position: absolute; top: 0px; left: 0;  background-color: #031946;}
#home-slideshow li {list-style: none; }
#home-slideshow img {width: 971px; height: 299px; }
#home-slideshow-text {position: absolute; top: 75px; left: 707px; width: 260px; color: #08326F; font-size: 45px; font-family: Arial, Helvetica, sans-serif; text-align: center; text-shadow: 5px 5px 20px rgba(0,0,0,.6); }





#sub_nav {margin-top: 60px;}
#sub_nav h2  { color: #882b02; font-size: 17px; line-height: 2px; text-transform: uppercase; font-weight: bold; margin: 30px 0 0 30px; }
#sub_nav ul {margin: 0 0 0 45px; list-style: none;}
#sub_nav ul li {list-style: none; }
#sub_nav a {color: #882b02; font-size: 14px; font-style: italic; line-height: 24px;}
#sub_nav ul li a:hover  {color: #031946; text-decoration: none;}
#sub_nav ul li.active a  {color: #031946; text-decoration: none; font-weight: bold;}




#bd {background: #d9c5b2 url(../images/bg-bd.png) top center repeat-x}
#bd-wrapper {width: 990px; margin: 0 auto; background: url(../images/bd-wrapper.png) right 0 repeat-y; position: relative; }

#content {width: 630px; margin: 0 0 0 10px; padding: 0 35px 20px 35px;  background:  url(../images/content-bg.png) top center repeat-x; min-height: 650px;}

.home #content {width: 630px; margin: 0px 0 0 10px; padding: 0 35px 27px 35px;  background:  url(../images/content-bg.png) top center repeat-x; min-height:1150px;}

.home #sidebar {position: absolute; top: 397px; left: 713px; }
#sidebar {position: absolute; top: 100px; left: 709px; }
#procedures-nav {margin: 0 0 15px; }
#logos {margin: 37px; }

a#appointment {display: block; position: relative;  font-size: 19px;    
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #d9c5b2;
    box-shadow: 2px 2px 5px #000000;
    background: #ffffff; margin: 36px 0 20px 39px; width: 188px; height: 85px;  text-decoration: none;  cursor: pointer;}

a#appointment span {color: #67564b; position: absolute; top: 6px; left: 13px; font-family: "Times New Roman", Georgia, serif; font-weight: bold; font-style: italic; text-shadow: 0px 2px 3px rgba(0,0,0,.2);}
#appointment em {position: absolute; top: 28px; left: 12px; color: #08326F; font-family: Georgia, "Timesw New Roman", serif; font-size: 23px; font-style: italic; text-shadow: 0px 2px 3px rgba(0,0,0,.2); }
a#appointment strong {position: absolute; top: 48px; left: 87px; font-size: 27px; color: #67564b; font-family: "Times New Roman", Georgia, serif; font-weight: bold; font-style: italic; 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: #ab4800; height: 1px; margin: 20px 0; padding: 0; }
div.hr hr, div.hr-short hr {background-color: #ab4800; border: 1px solid #ab4800; border-width: 1px 0 0 0; clear: both; display: none; height: 0; }
div.hr {clear: both; }
div.hr-short {clear: none; width: 330px; }

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


sup {font-size: 60%; }


 
/* #watermark {position: absolute; bottom: 0px; left: 300px; background: url(../images/watermark.png) top center; height: 300px; width: 300px;} */

 
a {color: #882b02; 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;}

p.back-to-top {color: #031946; margin: 0; padding: 20px 0; font-size: 11px; font-weight: bold; text-align: left; }
p.back-to-top a {color: #031946; }


h1 {color: #08326F; font-size: 35px; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: normal; padding: 35px 0 25px; }
body.home h1 {font-size: 31px;}
h2 {color: #ab4800; font-size: 20px; line-height: 22px; font-weight: bold; margin: 10px 0; font-family:  Arial, Helvetica, san-serif;}
h2.home {border-top: 1px solid #08326F; font-size: 12px; font-weight: normal; font-style: italic; padding-top: 20px; }
h3 {color: #402d1d; font-size: 16px; font-weight: bold; margin: 10px 0;  font-family:  Arial, Helvetica, san-serif;}
h4 {color: #321c05; font-size: 13px; font-weight: bold; font-style: italic; margin: 10px 0;  font-family:  Arial, Helvetica, san-serif;}

img {border: 0; display: block; }
a img {border: none; }

img.auto {border: 1px solid #031946; float: right; margin: 14px 00px 20px 20px; }
img.resources {float: left; margin: 5px; padding: 5px; border: 1px solid #031946; background: #FFF; }

img.center {border: 2px solid #031946; clear: both; margin: 20px auto; }
img.left {border: 2px solid #031946; clear: left; float: left; margin: 4px 20px 20px 0; }
img.right {border: 2px solid #031946; 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 #031946; background: #ffffff; padding: 5px; float: right; margin: 0 0 20px 20px; }


#sidebar #callouts img.link {margin: 0 0 10px 40px; 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; border: 1px solid #d9c5b2; }

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.vda-link {background-color: #FFF; padding: 0px 0px 0px 0px; }
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 #dfd7cf; 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: #ab4800; 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: #ab4800; text-decoration: none; margin: 0px; padding: 0; }

div.dr-resources  {margin-top: 50px; }
div.dr-resources div.group {border-top: 1px solid #ab4800; padding-top: 5px; margin-top: 25px; clear: both; }
div.dr-resources div.group img.callout {float: left; margin: 5px 10px 10px 0; padding: 5px; border: 1px solid #d9c5b2; 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 #08326F; }

.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: #031946; }
fieldset li div label {color: #08326F; }



div.common-treatments-container {
	float: right; 
	clear: right; 
	width: 336px; 
	background-color: #ffffff; /* Customize me! */
	padding: 5px 0 5px 5px; 
	margin: 0 0 20px 20px; 
	border: solid 1px #08326F; /* 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 #08326F; /* Customize me! */
	margin-right: 5px; 
; }
div.common-treatments-container p {
	float: left; 
	width: 50%; 
	margin: 0; 
	padding: 0; 
	color: #d9c5b2; 
; }

.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: #321c05; 
	color: #08326F; 
	border: 1px solid #08326F; 
	; }
.in-ovation-image {
  	border: 1px solid #08326F; 
; }

  
#social-media-icons {
    margin: 20px 0 0px 40px; 
    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;
	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 #08326F;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#home-promo h4 {color: #08326F; font-weight: bold; font-style: normal; text-align: center; margin: 10px 0;}
#home-promo p {margin: 0; color: #d9c5b2; text-align: center; line-height: 120%; }
#home-promo span.address {margin: 8px 0 8px 25px; color: ; font-style: normal; font-size: 12px; line-height: 130%; font-weight: bold; display: block; }

.asird {width:192px; background-color:#fff;}