@charset utf-8;

/* Customer CSS */
/* CSS Document */
body {
margin:0;
background-color:#392c35;
}

.sbContainer {
background-image:url(../images/background_repeat.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#392c35;
font-size:12px;
color:#fff;
font-family:Verdana, Geneva, sans-serif;
}

.sbContainer a {
color:#66d29c;
outline:none;
}

.sbContainer a:hover {
color:#;
outline:none;
}

.sbContainer a:focus {
outline:none;
}

.sbContainer h1 {
font-size:18px;
font-weight:400;
color:#66d29c;
}

.sbContainer h2,.sbContainer h3 {
font-size:16px;
font-weight:400;
color:#867D85;
}

#container {
width:1000px;
overflow:hidden;
}

#flash {
float:left;
width:1000px;
height:638px;
}

#logo {
float:left;
width:208px;
height:36px;
margin-top:22px;
padding-top:121px;
background:url(../images/logo.png) top center no-repeat;
}

#content {
float:left;
width:969px;
margin-top:-638px;
padding-left:31px;
}

#contentLeft {
float:left;
width:228px;
height:1150px;
background:url(../images/sidebar.png) top left no-repeat;
}

#page-index #contentLeft {
float:left;
width:228px;
height:1000px;
background:url(../images/sidebar.png) top left no-repeat;
}

#nav {
float:left;
width:151px;
height:259px;
padding:28px 49px 0 28px;
}

#nav ul {
margin:0;
padding:0;
}

#nav li {
list-style:none;
width:151px;
border-bottom:1px dotted #66d29c;
padding:16px 0 4px;
}

#nav a {
color:#fff;
text-decoration:none;
}

#nav a:hover {
color:#8D868D;
}

#slot-navigation #navigation-8,#slot-navigation #navigation-8 a {
display:none;
border-bottom:none;
padding:0;
}

#appointment {
float:left;
width:228px;
height:130px;
background:url(../images/appointment.png) no-repeat;
}

#appointment a {
display:block;
width:228px;
height:130px;
}

#services {
float:left;
width:135px;
height:156px;
padding:30px 0 0 93px;
background:url(../images/services.png) no-repeat;
}

#services ul {
margin:5px 0 0;
padding:0;
}

#services li {
list-style:none;
padding:3px 0;
}

#services a {
color:#fff;
text-decoration:none;
}

#services a:hover {
color:#8D868D;
}

#slot-invisalign {
float:left;
width:170px;
min_height:10px;
margin:20px 0 0 17px;
}

#contentRight {
float:right;
width:681px;
padding:0 0 0 29px;
}

#slot-address {
float:left;
width:623px;
height:63px;
padding-top:10px;
color:#DFDFDF;
font-size:12px;
}

#slot-address p {
margin:0;
padding:0;
}

#mainContent {
float:left;
width:623px;
margin-top:399px;
}

#slot-mainWrapper {
float:left;
width:623px;
}

#page-index #slot-main {
float:left;
width:469px;
}

#slot-buttons {
float:right;
width:134px;
height:320px;
background:url(../images/buttons_background.png) top no-repeat;
}

/* footer styles */
#footerContent {
clear:both;
width:900px;
margin:0 auto;
padding:30px 0;
text-align:center;
border-top:1px dotted #66d29c;
font-size:11px;
}

#footerContent p {
margin:0;
padding:0;
}

#slot-footer1,#slot-footer2,#slot-footer3 {
margin:0 0 5px;
}

#slot-footer2 ul,#slot-footer3 ul {
margin:0;
padding:0;
}

#slot-footer2 li,#slot-footer3 li {
list-style:none;
display:inline;
}

#slot-footer2 a,#slot-footer3 a {
padding:0 5px;
}

/* Interior Styles */
#int_container {
width:1000px;
background:url(../images/background_interior.jpg) no-repeat;
overflow:hidden;
}

#int_content {
float:left;
width:969px;
padding-left:31px;
background:url(../images/int_image1.jpg) top right no-repeat;
}

#page-staff #int_content {
background:url(../images/int_image1.jpg) top right no-repeat;
}

#page-office #int_content,#page-offices #int_content {
background:url(../images/int_image2.jpg) top right no-repeat;
}

#page-services #int_content {
background:url(../images/int_image3.jpg) top right no-repeat;
}

#page-patients #int_content {
background:url(../images/int_image4.jpg) top right no-repeat;
}

#page-education #int_content {
background:url(../images/int_image5.jpg) top right no-repeat;
}

#page-appointment #int_content,#page-disclaimer #int_content {
background:url(../images/int_image6.jpg) top right no-repeat;
}

#page-contact #int_content,#page-privacy #int_content,#page-sitemap #int_content {
background:url(../images/int_image7.jpg) top right no-repeat;
}

#int_title {
float:left;
width:623px;
height:52px;
margin-top:55px;
}

#int_mainContent {
float:left;
width:623px;
margin-top:100px;
}

#slot-lsidebar {
float:left;
width:155px;
min-height:10px;
}

/* blog styles */
#blogContainer {
float:left;
clear:both;
width:151px;
}

.sbBlogPost {
float:left;
width:623px;
border-bottom:1px dotted #005b7f;
padding-bottom:25px;
}

#sbBlogNavbar {
padding:10px 0;
clear:both;
margin-bottom:20px;
}

#sbBlogNavbar ul {
margin:0;
padding:0;
}

#sbBlogNavbar li {
list-style:none;
float:left;
font-weight:700;
}

#sbBlogNavbar a {
background:url(/sbtemplates/1207/images/blog_icons_06.gif) right no-repeat;
padding-right:18px;
font-weight:400;
}

.sbBlogPost #slot-main {
float:left;
width:623px;
}

.sbBlogPostHeader {
padding-bottom:15px;
}

.sbBlogPostTitle a {
text-decoration:none;
}

.sbBlogPostSubTitle {
margin:0;
padding:0;
}

.sbBlogPostByLine {
float:left;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_01.gif) left no-repeat;
padding:0 0 0 20px;
margin-right:20px;
}

.sbBlogPostByLine img {
background-color:#000;
}

.sbBlogPostPublishDate {
float:left;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_02.gif) no-repeat;
padding:0 0 0 20px;
margin-right:20px;
}

.sbBlogPostTags {
float:left;
clear:both;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_04.gif) left no-repeat;
padding:0 0 0 20px;
margin-top:10px;
}

.sbBlogPostCategories {
float:left;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_03.gif) left no-repeat;
padding:0 0 0 20px;
}

.sbBlogPostContent {
float:left;
clear:both;
width:623px;
margin:10px 0;
}

.sbBlogPostFooter {
float:left;
clear:both;
width:623px;
}

.sbBlogPostFooterComments {
float:left;
background:url(/sbtemplates/1246/images/blog_icons_05.gif) left no-repeat;
padding-left:18px;
margin-right:20px;
}

.sbBlogPostPermalink {
float:left;
background:url(/sbtemplates/1246/images/blog_icons_06.gif) left no-repeat;
padding-left:18px;
}

.sbBlogComments {
float:left;
clear:both;
margin:10px 0;
}

.sbBlogArchive,.sbTagList h3,#sbBlogCategoryList h3 {
color:#867D85;
}

#sbBlogArchive ul {
margin:0;
padding:0;
}

/*year*/
#sbBlogArchive li {
list-style-type:none;
margin-bottom:5px;
color:#333;
}

#sbBlogArchive ul ul {
margin:0;
padding:0;
}

#sbBlogArchive ul ul ul li {
list-style-type:none;
margin:0;
}

/*month*/
#sbBlogArchive ul ul ul li a {
text-decoration:none;
color:#867D85;
margin:0;
}

#sbBlogArchive ul ul ul ul {
margin-bottom:10px;
}

/*posts*/
#sbBlogArchive ul ul ul ul li a {
text-decoration:underline;
font-weight:400;
margin:0 0 0 5px;
color:#005B7F;
}

#sbBlogArchive ul ul ul ul li a:hover {
color:#666;
}

.sbTagList {
padding-top:20px;
}

.sbTagList ul {
margin:0;
padding:0;
}

.sbTagList li {
list-style-type:none;
}

#sbBlogCategoryList {
padding-top:20px;
}

#sbBlogCategoryList ul {
margin:0;
padding:0;
}

#sbBlogCategoryList li {
list-style-type:none;
}

#sbBlogCategoryList a,.sbTagList a {
color:#005B7F;
}

#sbBlogCategoryList a:hover,.sbTagList a:hover {
color:#666;
}

.sbBlogComments {
float:left;
clear:both;
width:623px;
}

.sbBlogComment {
margin-bottom:10px;
}

.sbBlogCommentTitle {
font-weight:700;
}

.sbBlogCommentByLine {
float:left;
margin-right:10px;
}

.sbBlogCommentPublishDate {
font-style:italic;
}

.sbBlogCommentContent {
padding:10px 0 10px 10px;
}

.sbBlogPager {
clear:both;
padding:10px 0;
}

.sbBlogPager a {
padding:0 20px 0 0;
}

#sbBlogFeed {
margin-bottom:10px;
}

#sbBlogFeed a {
font-size:10px;
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:5px 0 5px 20px;
font-weight:700;
}

#sbBlogFeed a:hover {
}

/* education styles */
#education {
float:left;
width:151px;
padding:10px 29px 0 28px;
}

.mlmenu {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

#education #query {
float:left;
width:80px;
height:21px;
}

#education #search_btn {
float:right;
}

.sbContainer #libraryBody img {
border:1px solid #999;
padding:0;
margin:0 0 20px 20px;
}

#page-education #librarySearchForm {
display:none;
}

/*this is the css for the vertical version*/
.vertical ul {
width:151px;
list-style-type:none;
padding:10px 0 0;
border-top:none;
color:#fff;
background-color:none;
}

.vertical li a {
display:block;
width:151px;
padding:16px 0 4px;
border-top:none;
border-bottom:1px dotted #66d29c;
text-decoration:none;
color:#fff;
}

.vertical li a:hover {
background-color:#none;
color:#8D868D;
}

.vertical li ul {
width:170px;
border-top:1px solid #999;
}

.vertical li ul li a {
width:148px;
padding:10px;
}

.vertical li ul li a {
/* to style sub levels */
background-image:none;
background-color:#5A4854;
color:#fff;
border:1px solid #999;
border-top:none;
}

.vertical li ul li a:hover {
/* to style sub levels */
background-color:#66D29C;
color:#392C35;
border-top:1px solid #999;
border-top:none;
}

.vertical li {
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
display:inline;
}

.vertical li ul {
position:absolute;
margin-top:-36px;
margin-left:155px;
padding-top:0;
}

.vertical li ul ul {
position:absolute;
margin-top:-36px;
margin-left:175px;
padding-top:0;
}

.vertical .page,.vertical .page:hover {
background-image:none;
background-color:#CCC;
color:#000;
}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul {
display:none;
}

/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span {
padding-left:1em;
font-size:85%;
}

.arrow a:hover span {
padding-left:2em;
}

.arrow a span.noshow {
visibility:hidden;
}

/*Plus code*/
.plus a span {
padding-left:.5em;
}

/*colors for menu*/
.blackwhite li a {
background-color:#FFF;
color:#000;
border-color:#000;
}

.blackwhite li a:hover {
background-color:#000;
color:#FFF;
border-color:#000;
}

.blackwhite ul {
border-color:#000;
}

.bluewhite li a {
background-color:#FFF;
color:#003;
border-color:#003;
}

.bluewhite li a:hover {
background-color:#003;
color:#FFF;
border-color:#003;
}

.bluewhite ul {
border-color:#003;
}

#slot-main img {
border:1px solid #66D29C;
}

.imgBorder {
border:1px solid #66D29C!important;
}

.imgBorder_margin {
float:right;
border:1px solid #66D29C!important;
margin:0 0 20px 20px;
}

#page-special-promotions #slot-main img {
border:none;
}

.special {
font-family:georgia, times, serif;
font-size:14px;
font-weight:700;
font-style:italic;
color:#66D39C;
}

#page-special-offers .d3cp_review_content {
color:#FFF;
font-size:12px;
line-height:18px;
padding-right:35px;
}