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;}
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;}
a img {border:none;}
.hide {display:none;}

* {outline: none;}
body {background: #2c2011;}

body, form, input, textarea {color: #FFFFFF; font-family: Tahoma, Arial, sans-serif; font-size: 14px;}
p {line-height: 20px; margin: 15px 0;}

blockquote {margin: 10px 40px; padding: 0;}
em {font-style: italic;}

#address p {color: #FFFFFF; font-size: 13px; margin: 0;}
#address p span.phone {font-size: 14px; font-weight: bold;}

#content ul {font-size: 14px; line-height: 20px; margin: 10px 40px;}
#content ul li {margin: 10px 0;}
#content ul li ul {line-height: 16px; margin: 10px 30px;}
#content ul li ul li {list-style: circle; margin: 10px 0;}

#ft p {color: #FFFFFF; font-size: 14px; line-height: 14px;}
#ft p#sesame-link-p {text-align: center;}
#ft p.text_nav {line-height: 20px; text-align: center;}

#subnav-container p {color: #FFFFFF; font-size: 13px; line-height: 20px; margin: 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 {background: url(../images/divider.png) repeat-x 0 20px; clear: both; height: 1px; padding: 20px 0;}
div.hr hr {background: url(../images/divider.png) repeat-x 0 20px; clear: both; display: none; height: 0;}
div.hr.title {background: url(../images/divider.png) repeat-x 0 10px; padding: 10px 0;}
div.hr.title hr {background: url(../images/divider.png) repeat-x 0 10px; clear: both; display: none; height: 0;}

p.back-to-top {text-align: right;}

 
a {color: #84b2a0; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

#appointment a {color: #725f48; display: block; font-weight: normal; text-decoration: none;}

#ft a {color: #2c2011; font-weight: normal;}
#ft p#sesame-link-p a {color: #FFFFFF; font-weight: bold;}

#subnav-container a {color: #FFFFFF; font-weight: normal;}
#subnav-container a:hover, #subnav-container a.active {color: #84b2a0;}

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 a {font-weight: normal;}

a.link-bg {background: #FFF; border: 1px solid #725f48; display: block; height: 55px; margin: 20px auto; padding-top: 5px; width: 175px;}

h1 {color: #7b9e90; font-family: Trebuchet, "Trebuchet MS", serif; font-size: 36px; font-style: italic; font-weight: normal; letter-spacing: -1px; margin: 0;}
h2 {color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; margin: 10px 0;}
h2.home {font-size: 12px; font-weight: normal; font-style:italic; padding-top: 20px; border-top: 1px solid #4d0a13;}
h3 {color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 14px; font-weight: bold; margin: 10px 0;}
body.home h1 {font-size: 23px; margin-top: 230px;}
#appointment h2 {color: #725f48; font-family: Trebuchet, "Trebuchet MS", serif; font-size: 20px; font-style: italic; font-weight: normal; line-height: 22px; margin: 10px 0; text-align: center;}
#appointment h2 span.appointment {font-size: 24px; font-weight: bold;}

img {border: 0; display: block;}
img.auto {border: 5px solid #7b9e90; float: right; margin: 20px 0 20px 20px;}
img.link {clear: both; margin: 0 auto 20px;}

img.center {border: 1px solid #725f48; clear: both; margin: 20px auto;}
img.left {border: 1px solid #725f48; clear: left; float: left; margin: 0 20px 20px 0;}
img.right {border: 1px solid #725f48; clear: right; float: right; margin: 0 0 20px 20px;}
img.right-no-border {clear: right; float: right; margin: 0 0 20px 20px;}

div.iframe {border: 2px solid #725f48;}

#address {margin: 0 50px 0 0; position: absolute; right: 0; top: 40px;}

#appointment {background: #84b2a0 url(../images/links/appointment-bg.png); border: 1px solid #725f48; clear: both; height: 66px; margin: 0 auto 20px; width: 175px;}

#bd {background: #503c24 url(../images/body-bg.png) repeat-x top; padding-top: 30px; width: 700px;}
#bd-container {overflow: hidden; width: 700px;}

#container {background: url(../images/container-bg.png) repeat-y; margin: 0 auto; padding: 0 88px; width: 700px;}
#content {background: url(../images/divider.png) repeat-y left; margin-left: 198px; min-height: 700px; padding: 20px; width: 462px;}

#hd {background: url(../images/header.png) repeat-x top; margin: 0 auto; height: 145px; width: 700px;}
#hd a#logo {background: url(../images/logo.png) no-repeat; display: block; height: 135px; margin: 5px 0 0 15px; position: absolute; overflow: hidden; text-indent: -9999px; width: 368px;}
#hd-container {background: #503c24; height: 205px; position: relative; width: 700px;}
#hd-large-bar {background: #4d0a13 url(../images/header-large-bar.png) repeat-x; height: 50px; width: 700px;}
#hd-small-bar {background: #84b2a0 url(../images/header-small-bar.png) repeat-x; height: 10px; width: 700px;}

#ft {background: #725f48; margin: 0 auto; padding: 10px 0; width: 670px;}
#ft-container {background: #503c24; padding: 95px 0 30px; width: 700px;}

#nav-container {left: 50%; margin: 205px 0 0 -350px; padding: 30px 10px; position: absolute; top: 0; width: 178px;}

#subnav-container {background: #725f48 url(../images/nav/subnav-bg.png) no-repeat; margin: 0 auto 10px; padding: 10px 10px 20px; width: 442px;}

.clear {clear: both;}

#flash-slideshow {height: 299px; margin: -80px 0 0 -20px; position: absolute; width: 502px;}

#nav {width: 198px;}
#nav ul {list-style: none; margin-left: 20px; width: 178px;}
#nav li {float: left;}
#nav a {color: #FFFFFF; display: block; font-family: "Century Gothic", Arial, sans-serif; font-size: 16px; font-weight: normal; height: 32px; line-height: 32px; text-decoration: none; width: 158px;}

#nav ul li:hover, #nav ul li.active {font-size: 18px; list-style: disc;}
#nav ul li:hover #our-team, #nav ul li.sfhover #our-team,
#nav ul li:hover #new-patients, #nav ul li.sfhover #new-patients,
#nav ul li:hover #services, #nav ul li.sfhover #services,
#nav ul li:hover #invisalign, #nav ul li.sfhover #invisalign {list-style: disc;}

#nav ul li ul {background: #725f48; border: 1px solid #725f48; display: block; left: -9999px; list-style: none; position: absolute; width: 178px; z-index: 100;}
#nav ul li:hover ul, #nav ul li.sfhover ul {left: auto; margin: -26px 0 0 148px;}
#nav ul li ul li {display: block;}
#nav ul li ul li a {color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 12px; height: 24px; line-height: 24px; padding-left: 10px; text-decoration: none; width: 168px;}

#nav ul li ul li a:hover, #nav ul li ul li.active a {background: url(../images/nav/subnav-rollover.png);}

#loginnav {width: 198px;}
#loginnav ul {list-style: none; margin-left: 20px; width: 158px;}
#loginnav li {float: left;}
#loginnav a {color: #FFFFFF; display: block; font-family: "Century Gothic", Arial, sans-serif; font-size: 22px; font-weight: normal; height: 38px; line-height: 38px; text-decoration: none; width: 158px;}

#loginnav ul li:hover, #loginnav ul li.active {font-size: 18px; list-style: disc;}


#invisalign-teen-sidebar {background: #fff; border: solid 1px #000; clear: right; float: right; font-size: 14px; line-height: 18px; margin: 0 0 15px 15px; padding: 0; width: 275px;}
#invisalign-teen-sidebar p {font-size: 12px; line-height: 18px; margin: 15px 0; padding: 0 15px;}
#invisalign-teen-sidebar a {color: #036;}
#invisalign-teen-sidebar h3 {background: #97AFC2; color: #fff; margin: 0; padding: 15px;}
.invisalign-teen-thumb {border: solid 1px #000; clear: left; float: left; margin: 0 10px 10px 0;}

.sedation-btn{margin-top:20px;display:block}

ul.before-after-static {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.before-after-static li {
list-style: none;
  width: 468px;
  margin: 0 0 18px 0;
  padding: 10px 0 10px 10px;
  background-color: #84b2a0; /* Customize me */
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
}
ul.before-after-static li img {
  width: 222px;
  height: 169px;
  float: left;
  margin-right: 10px;
  border: solid 1px #333; /* Customize me */
}
ul.before-after-static li p {
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
}
ul.before-after-static li div.detail {
  clear: both;
  background-color: #725f48; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */ 
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */ 
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */ 
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}