/* Customer CSS */
body {
background-color:#e4e4e2;
}

.sbContainer {
margin:0;
background:url(../images/background.jpg) top repeat-x;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}

.sbContainer a {
color:#019ab6;
outline:none;
}

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

#mainWrapper {
margin:0 auto;
width:965px;
overflow:hidden;
}

#main {
float:left;
width:945px;
background:url(../images/background_mainShadow.png) top repeat-x;
margin-top:14px;
padding:0 10px;
}

#flash {
float:left;
width:945px;
height:331px;
}

#intImage {
float:left;
width:945px;
height:348px;
background:url(../images/int_img1.jpg) right no-repeat;
}

#page-staff #intImage {
background:url(../images/int_img1.jpg) right no-repeat;
}

#page-services #intImage,#page-education-videos #intImage {
background:url(../images/int_img2.jpg) right no-repeat;
}

#page-office #intImage,#page-offices #intImage,#page-Tidewater-Dental #intImage {
background:url(../images/int_img3.jpg) right no-repeat;
}

#page-patients #intImage {
background:url(../images/int_img4.jpg) right no-repeat;
}

#page-education #intImage,#page-gallery #intImage {
background:url(../images/int_img5.jpg) right no-repeat;
}

#page-education #intImage,#page-privacy #intImage {
background:url(../images/int_img5.jpg) right no-repeat;
}

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

#page-contact #intImage,#page- #intImage {
background:url(../images/int_img7.jpg) right no-repeat;
}

#content {
float:left;
width:945px;
background:url(../images/background_int_content.jpg) top no-repeat;
}

#page-index #content {
float:left;
width:945px;
background:url(../images/background_content.jpg) top no-repeat;
}

#contentLeft {
float:left;
width:245px;
margin-top:-100px;
_margin:0;
padding-bottom:100px;
}

#slot-navigation {
width:245px;
}

#slot-navigation ul {
margin:0;
padding:0;
}

#slot-navigation li {
list-style:none;
background:url(../images/divider.png) bottom no-repeat;
padding:7px 0 9px 20px;
}

#slot-navigation a {
color:#000;
text-decoration:none;
background:url(../images/arrow_nav.png) left no-repeat;
padding-left:15px;
}

#slot-navigation a:hover {
color:#fff;
}

#teethWhitening a {
display:block;
width:218px;
height:108px;
background:url(../images/btn_teethWhitening.png) no-repeat;
margin:20px 0 5px 15px;
_margin:20px 0 5px 7px;
}

#slot-links {
width:218px;
margin:0 0 0 15px;
_margin:0 0 0 7px;
}

#slot-links ul {
margin:0;
padding:0;
}

#slot-links li {
list-style:none;
}

#slot-links li a {
display:block;
width:116px;
height:64px;
background:url(../images/btn_service1.png) top no-repeat;
margin-bottom:5px;
padding:8px 70px 0 32px;
}

#slot-links #links-1 a {
background:url(../images/btn_service1.png) top no-repeat;
}

#slot-links #links-2 a {
background:url(../images/btn_service2.png) top no-repeat;
}

#slot-links #links-3 a {
background:url(../images/btn_service3.png) top no-repeat;
}

#slot-links #links-4 a {
display:none;
background:url(../images/btn_service4.png) top no-repeat;
}

#slot-links a {
color:#0d2591;
text-decoration:none;
font-size:15px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:700;
line-height:1;
}

#slot-links a:hover {
color:#019ab6;
}

#slot-services {
width:218px;
background-image:url(../images/divider.png);
background-position:0 75px;
background-repeat:no-repeat;
margin:20px 0 0;
padding:0 0 0 15px;
color:#0d2591;
font-size:15px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:700;
line-height:1;
}

#slot-services ul {
margin:0 0 0 10px;
padding:0;
}

#slot-services li {
font-size:11px;
text-transform:none;
font-family:Verdana, Geneva, sans-serif;
font-weight:400;
line-height:1.2;
}

#slot-services a {
color:#1e3d9e;
text-decoration:none;
}

#slot-services a:hover {
color:#019ab6;
}

#contentRight {
float:right;
width:650px;
margin:0 20px 30px 30px;
_margin:0 10px 30px 15px;
}

#slot-appointment {
float:left;
width:221px;
height:40px;
margin:190px 0 0 45px;
_margin:190px 0 0 22px;
}

#btn_appt {
width:221px;
height:40px;
}

#header {
float:right;
width:550px;
height:97px;
color:#fff;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:700;
margin:217px 20px 0 0;
_margin:217px 10px 0 0;
}

#page-index #header {
float:left;
width:650px;
height:97px;
color:#fff;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:700;
margin-top:0;
}

#slot-docNames {
float:right;
width:190px;
height:97px;
margin:0 0 0 24px;
_margin:0 0 0 12px;
font-size:11px;
}

#slot-address {
float:right;
width:185px;
height:97px;
font-size:11px;
text-align:right;
}

.phone {
font-size:26px;
}

#pageTitle {
float:left;
width:650px;
height:90px;
margin:10px 0;
}

#slot-main {
float:left;
}

#slot-main img.right {
border:1px solid #999;
margin:0 30px 20px 0;
}

#slot-main img.right {
border:1px solid #999;
margin:0 0 20px 30px;
}

/* footer styles ------------------------------------------------------------------- */
#footerWrapper {
width:100%;
height:92px;
background:url(../images/background_footer.jpg) top repeat-x;
padding-top:30px;
}

#footer {
margin:0 auto;
width:965px;
text-align:center;
}

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

#footer a {
color:#E4E4E2;
text-decoration:none;
}

#footer a:hover {
color:#AFAFAF;
}

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

#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 8px 0 5px;
border-right:1px solid #019AB6;
}

#footer2-8 a,#footer3-4 a {
border:none;
}

/* education styles -------------------------------------------------- */
#education {
width:245px;
margin-top:20px;
}

#educationMenu {
float:left;
margin:0;
padding:0;
}

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

#educationTitle {
width:220px;
height:28px;
margin-left:15px;
_margin-left:7px;
}

#education #query {
float:left;
width:150px;
height:21px;
margin:5px 0 0 15px;
_margin:5px 0 0 7px;
}

#education #search_btn {
float:right;
margin:5px 15px 0 0;
_margin:5px 7px 0 0;
}

.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:245px;
list-style-type:none;
margin:10px 0 0;
padding:0;
color:#000;
}

.vertical li {
float:left;
display:block;
width:245px;
list-style:none;
background:url(../images/divider.png) bottom no-repeat;
padding:7px 0 9px;
}

.vertical a {
display:block;
width:210px;
background:url(../images/arrow_nav.png) left no-repeat;
padding-left:15px;
color:#000;
text-decoration:none;
border:none;
margin-left:20px;
}

.vertical a:hover {
color:#fff;
}

.vertical li ul {
width:225px;
border-top:1px solid #999;
margin:0;
padding:0;
}

.vertical li ul li {
list-style:none;
float:left;
display:block;
width:223px;
background:none;
border:1px solid #999;
border-top:none;
margin:0;
padding:0;
}

.vertical li ul a {
float:left;
display:block;
width:213px;
margin:0;
padding:7px 0 8px 10px;
background:none;
background-color:#E4E4E2;
}

.vertical li ul a:hover {
color:#019AB6;
background:url(../images/background_education.jpg) top right repeat-y;
background-color:#d1d1cf;
}

.vertical li ul {
position:absolute;
margin-top:-23px;
margin-left:196px;
}

.vertical li ul ul {
position:absolute;
margin-top:-1px;
margin-left:227px;
margin-left:3px !ie;
}

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

/*this is the css for the horizontal version*/
.horizontal ul {
list-style-type:none;
padding:0;
border-left:1px solid;
display:block;
height:1.4em;
color:#06F;
background-color:#FFF;
}

.horizontal li {
float:left;
display:inline;
}

.horizontal li a {
text-decoration:none;
height:15px;
float:left;
display:block;
width:125px;
padding:.1em 1px;
border:1px solid;
border-left:none;
color:#06F;
background-color:#FFF;
}

.horizontal li li a {
border-top:none;
border-left:1px solid;
height:30px;
width:154px;
}

.horizontal li ul {
position:absolute;
margin-top:1.3em;
margin-left:-1px;
width:154px;
border:none;
display:block;
height:auto;
border-top:1px solid;
}

.horizontal li li ul {
position:absolute;
margin-top:.1em;
margin-left:125px;
}

.horizontal li ul li a {
width:150px;
}

/*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;
}

/* blog styles ------------------------------------------------------------- */
#blogContainer {
width:218px;
margin:20px 0 0 20px;
}

.sbBlogPost {
float:left;
width:650px;
border-bottom:1px dotted;
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(/images/blog_icons_06.gif) right no-repeat;
padding-right:18px;
font-weight:400;
}

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

.sbBlogPostHeader {
padding-bottom:15px;
}

.sbBlogPostTitle a {
text-decoration:none;
}

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

.sbBlogPostByLine {
float:left;
font-size:11px;
background:url(/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(/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(/images/blog_icons_04.gif) left no-repeat;
padding:0 0 0 20px;
margin-top:10px;
}

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

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

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

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

.sbBlogPostPermalink {
float:left;
background:url(/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:#1e3d9e;
}

#sbBlogArchive {
margin-top:20px;
}

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

.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;
}

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

.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 {
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:0 0 0 25px;
font-size:11px;
}

#sbBlogFeed a:hover {
}

#avatar {
float:right;
}

.docBio {
float:left;
}