

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; text-decoration: none; }
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: #f0f0f0 url(../images/paper-texture.jpg) repeat; font-family: Times new roman; line-height: 1.5em; }
.clear {clear: both; }



#logo a {border-top: 6px solid #ccb893; background: #ffffff url(../images/logo.png) 50% 50% no-repeat; height: 260px; display: block; overflow: hidden; text-indent: -9999px; }



#ft {margin-top:20px; background:#695a41 url(../images/footer-logo.png) 762px 60px no-repeat; height: 210px; font-size: 14px; position: relative}

#ft h3 {font-size: 14px; color: #ffffff; margin-top: 25px; }

#ft-nav {margin-left: 25px; width: 405px; }

#ft p.text_nav {width: 450px; }
#ft p.text_nav a {color: #BAA378; border: 0; display: block; float:left; width: 150px; }
#ft p.text_nav a:hover {color: #f0f0f0; }
#ft p.text_nav span, #ft p.text_nav br {display: none; }


#foot-top {height: 45px; }
#ft-address {position: absolute; left: 500px; top: 48px; color: #BAA378; line-height:1.3em; }
#ft-address h3 {margin-bottom: 20px; }
#ft-address span {display: block; padding-top: 8px; }

a#ft-home {width: 74px; height: 45px; float: left; text-indent: -5000px; display: block; background: url(../images/home-icon-foot.png) 27px 14px no-repeat; border-right: 1px solid #BAA378; }
a#ft-home:hover {background: url(../images/home-icon-foot-hov.png) 27px 14px no-repeat; }

#foot-name {float: left; line-height: 45px; padding-left: 20px; border-bottom: 1px solid #BAA378; color: #ffffff; width: 844px; }
#foot-name strong {}
#foot-name a {text-decoration: none; color: #ffffff; padding-left:10px;}

#sesame-link {color: #382E1C; font-size: 14px; float: right; padding: 15px 0; display: block; text-decoration: none; }




#nav ul {list-style: none; width: 940px; height: 50px; background: #ffffff;  position: absolute; z-index: 9; top: 17px; }
#nav li {float: left; position: relative; margin-bottom: 15px; border-left: 1px solid #f0f0f0; }
#nav a {color: #382E1C; font-size: 18px; padding: 14px 31px; text-align: center; display: block; text-decoration: none; border-bottom: 0; margin-bottom: -2px; font-weight: bold; }
#nav .contact-us a {color: #382E1C; font-size: 18px; padding: 14px 32px; text-align: center; display: block; text-decoration: none; border-bottom: 0; margin-bottom: -2px; font-weight: bold; }

#nav li:hover a, #nav li.active a {background: #695a41; border-top: 8px solid #695a41; margin-top: -10px; }


#nav ul li:hover a, #nav li.active a {color: #ffffff; }
#nav ul li:hover li a {background: none; }

a#home {background: url(../images/home-icon.png) no-repeat 30px 19px; padding-left: 53px; }
a#home:hover, li.active a#home {background: url(../images/home-icon2.png) no-repeat 30px 19px #695a41!important; padding-left: 53px; } 




#nav ul li ul {background: #ccb893; border-bottom: 4px solid #695a41; height: auto; padding: 10px 0; display: block; left: -9999px; list-style: none; position: absolute; width: 210px; z-index: 100; }
#nav ul li:hover ul, #nav ul li.sfhover ul {left: 0; top: 50px; }

#nav ul li ul li, #nav ul li ul li a {display: block; padding: 0!important; margin: 0!important; border: 0!important; }

#nav ul li ul li a {color: #695a41!important; padding-left:25px!important; background: none; font-size: 13px; text-align:left; height: 25px; line-height: 25px; text-decoration: none; width: 184px; }

#nav ul ul li:hover, #nav ul ul li.active {background: none; }
#nav ul ul a:hover, #nav ul ul .active a {color: #ffffff!important; }




#subnav-box {border: 1px dotted #ccb893; border-width: 1px  0; margin: -11px 0 25px; padding-bottom: 8px; }
p.sub_nav, #procedures-nav {font: italic .9em Georgia, Times New Roman, times, serif; width: 575px; margin-top: 8px; }
#procedures-nav {margin-top: -10px; }
p.sub_nav a {color: #695a41; font-size: 14px; padding: 3px 5px; margin: 1px 4px; float: left; display: block; border: 0; }
#procedures-nav a {color: #695a41; font-size: 14px; padding: 3px 5px; margin: 1px;  border: 0; line-height: 1.5em; }
#procedures-nav a:hover {text-decoration: underline; }

p.sub_nav span, p.sub_nav br {display: none; }
p.sub_nav a.active {color: #C0A172; text-decoration: none; }
p.sub_nav a:hover {border: 0; color: #C0A172}



#home-slideshow, #home-slideshow li, #home-slideshow img {width: 625px; height: 281px; z-index: 1; }
#home-slideshow {margin: 10px; }
#home-slideshow li {list-style: none; }



#container {z-index: 1; padding-bottom: 30px; }
#container-width {width: 940px; margin: 0 auto; position: relative; }

#cont-main {width: 645px; float: right; background: #ffffff url(../images/content-bg.png) no-repeat right bottom; margin-top: 82px; border-top: 6px solid #ccb893; }
#content {padding: 25px 35px 65px; color: #382E1C; font-size: 16px; position: relative; min-height: 467px; }

#cont-sidebar {width: 280px; position: relative; right: 15px; float: right; margin-top: 82px; } 



#address-login-box {background: #ffffff; border-top: 6px solid #ccb893; margin-top: 15px; height: 126px; } 

#address {padding:13px 25px 17px; color: #382E1C; font-size: 14px; margin: 0; }

#address span.phone {display: block; margin-top: 5px; font-size: 18px; font-weight: bold;}
#address a, /* this maintains color when iOS makes links out of phone numbers */
#address p span.phone {color: #382E1C;} 


#top-nav ul {list-style: none;  }
#top-nav a {color: #382E1C; font-size: 12px; font-weight: bold; text-decoration: none; border: 1px solid #f0f0f0; border-width: 1px 1px 0 0; display: block;  width:139.5px; text-align:center; height: 40px; line-height:40px; float:left; background-color:#ccb893;}
#top-nav a:hover {background: #f0f0f0; }
#top-nav #doctor-login{border-right: 0; }



#appointment {height: 119px; position: relative; margin-top: 49px; border-top: 6px solid #ccb893; background: #ffffff; }
#appointment a {width: 280px; height: 120px; display: block; font-style: italic; text-decoration: none;  z-index: 9; }
#appointment a:hover {background: #ffffff;}
#appointment span#appointment-pic {width:132px; height:135px; background: url(../images/appointment-pic.png) no-repeat; position: absolute; top: -16px; left: 3px}

#appointment span {position: absolute; left:135px }
#appointment #schedule-span {color: #695a41; top: 10px; font-size: 18px; width: 140px; } 
#appointment #appointment-span {top: 28px; color: #695a41; font-size: 14px; width: 140px; }
#appointment #click-span {position: absolute; left:145px; width: 125px; top: 54px; line-height:1.1em; font-size: 13px; color: #382E1C; font-weight: normal; }


body, form, input, textarea {line-height: 1.5em; }
p, td, th {line-height: 20px; margin: 15px 0;}
th {font-weight: bold; text-align: left; }
table.hours td, table.hours th {padding-right: 10px; }
table.hours td p, table.hours th p {padding: 0; margin: 0; }

#content ul, #content ol {margin: 15px 40px; color: #695a41; }
#content ul li {margin: 5px 0; color: #382E1C; list-style-type:disc; /* clear: both; */}

#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 { counter-reset: item; line-height: 1.3em; }
#content ol li { display: block; margin: 6px 0}
#content ol li:before {content: counter(item) " "; counter-increment: item; font-weight: bold; padding-right: 10px; margin-left: -23px; }


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-color: #f0f0f0; clear: both; height: 1px; margin: 20px 0; padding: 0; }
div.hr hr {background-color: #f0f0f0; border: 1px solid #f0f0f0; border-width: 1px 0 0 0; clear: both; display: none; height: 0; }

p.back-to-top {font-size: 13px; font-weight: bold; position: absolute; bottom: 5px; background: url(../images/light-pat.png) repeat; width: 432px;}
p.back-to-top a {color: #ffffff; width: 130px; height: 35px; display: block; padding-left: 17px; line-height: 35px; background: #695a41; border: 0; float: right; position: relative; left: 144px;  }
p.back-to-top a:hover {border: 0; background: #453823; }


dl {margin: 0; }
dt {color: #453823; font-size: 18px; font-weight: bold; margin: 10px 0; }
dd p {margin: 0 0 10px 30px; }

sup {font-size: 60%; }


 
p a, li a {color: #B36B00; border-bottom: 1px dotted #B36B00; }
p a:hover, li a:hover {border-bottom: 1px dotted #ffffff; }

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; }

#procedures-nav a {color: #382E1C; }


h1 {color: #695a41; font-size: 28px; font-weight: bold; padding: 8px 0 19px; margin-bottom: 20px; line-height:.95em; }
body.home h1 {border: none; margin-top: -5px; padding: 0; }
h2 {color: #C0A172; font-weight: bold; font-size: 20px; margin: 15px 0 10px; line-height: 1.2em; }
h2.home {color: #C0A172; border: 1px solid #C0A172; border-width: 1px 0; font-size: 16px; font-weight: normal; padding: 10px 0; margin: 25px 0 8px; line-height: 1.5em; font-style: italic; font-weight: bold; }
h3, h4 {color: #453823; font-size: 18px; font-weight: bold; margin: 10px 0; }


img {border: 0; display: block; }
a img {border: none; }
img.auto, img.team-photo {border: 6px solid #ffffff; float: right; margin: 0 0 20px 20px; padding: 0; 
-webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3); }
img.link {border: 1px solid #ffffff; clear: both; margin: 0 0 10px 30px; }
img.resources {float: left; margin: 5px; padding: 5px; border: 1px solid #ffffff; background: #FFF; }

img.center {border: 1px solid #f0f0f0; clear: both; margin: 20px auto; }
img.left {border: 1px solid #f0f0f0; clear: left; float: left; margin: 0 20px 20px 0; }
img.right, .img-right {border: 1px solid #f0f0f0; 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: 10px 0 20px 20px; padding: 0; }


#pro-pack-callout-sm {
	url(http://media.sesamehost.com/images/invisalign-pro-package/callout-sm.png); 
	border: none;
	height: inherit;
	margin: 0 auto;
	width: 280px;}
    
#callouts a {width: 280px; margin-top: 15px; background-color: #FFF; display: block; padding:11px 0; border-top: 6px solid #ccb893;}
div#pro-pack-callout-sm a {width: 280px; margin-top: 15px; display: block; height: 50px; background: none; }
#pro-pack-callout-sm {background: url("http://media.sesamehost.com/images/invisalign-pro-package/callout-sm.png") no-repeat scroll 73px 6px #FFFFFF!important; }

#callouts a img, div#pro-pack-callout-sm a img {margin: 0 auto;}

.text-callout {width: 185px; padding: 0; border: 1px solid #382E1C; 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: #382E1C; 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: #666; text-decoration: none; margin: 0px; padding: 0;}


blockquote {margin: 10px 40px; padding: 0; }
div.map iframe {border: 2px solid #382E1C; }
.preventive care .left {margin: 0 20px 20px 0; float: left; clear: left; }

.border {
  border: solid 1px  #f0f0f0; /* 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! */
; }




div.common-treatments-container {
	float: right; 
	clear: right; 
	width: 336px; 
	background-color: #ffffff; 
	padding: 5px 0 5px 5px; 
	margin: 0 0 20px 20px; 
	border: solid 1px #382E1C; 
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; 
; }
div.common-treatments-container img {
	float: left; 
	border: solid 1px #382E1C; 
	margin-right: 5px; 
; }
div.common-treatments-container p {
 float: left; 
 width: 49%; 
 margin: 0; 
 padding: 0; 
 color: #BAA378; 
 text-align: center; 
; }


div.comparison {
	background: #BAA378; 
	color: #382E1C; 
	border: 1px solid #382E1C; 
	; }
.in-ovation-image {
  	border: 1px solid #382E1C; 
; }

  
#social-media-icons {
	margin: 0 0 0 0; 
	width: 500px;
	position: absolute;
	right: 31px;
	top: 3px;
}
#social-media-icons a.social-icon {
    border: none;
    clear: none;
    float: right;
    margin: 0 0 0 15px;
    height: 40px;
    width:  40px;
}
#social-media-icons a.social-icon img {
    height: 40px;
    width:  40px;
}

#social-media-icons div.clear {display: none;}
