/* Customer CSS */
body {
background:#03115d;
}

.sbContainer {
background:url(../images/int_background.jpg) repeat-x;
font-size:14px;
color:#000;
}

.sbContainer a {
color:#123184;
}

.sbContainer a:hover {
color:#1D5BEF;
}

.sbContainer h1 {
color:#1D5BEF;
font-size:24px;
}

.sbContainer h2 {
font-size:18px;
margin:0 0 10px;
}

#page-index .sbContainer h2 {
color:#C5BA9E;
}

.sbContainer h2 {
margin:0 0 15px;
}

.sbContainer h3 {
color:#C5BA9E;
font-weight:700;
font-size:14px;
}

.sbContainer {
font-weight:400;
overflow:hidden;
}

#page-index .sbContainer {
background:url(../images/background.jpg) repeat-x;
font-size:14px;
color:#fff;
overflow:hidden;
}

#container {
margin:0 auto;
width:1000px;
}

#header {
background:url(../images/headerBG.jpg) no-repeat;
height:106px;
width:1000px;
}

#slot-appointment {
width:225px;
height:80px;
padding-top:20px;
background:url(../images/clickHere.png) bottom left no-repeat;
float:left;
margin-left:45px;
}

#slot-appointment a {
display:block;
font-family:"Times New Roman", Georgia, serif;
text-transform:uppercase;
color:#000;
font-size:20px;
height:80px;
}

#slot-address {
width:300px;
height:80px;
float:right;
color:#000;
text-align:right;
margin-right:45px;
padding-top:20px;
}

#page-index #nav {
width:1000px;
height:40px;
float:left;
}

#page-index #nav {
width:1000px;
height:40px;
float:left;
position:absolute;
top:0;
left:0;
}

#slot-navigation {
width:914px;
margin:10px auto 0;
}

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

#slot-navigation li {
display: inline;
float: left;
}

#slot-navigation li a {
color: black;
text-decoration: none;
padding: 0 15px;
}
*/
/* -- fly out nav -- */
/*this is the css for the horizontal version*/
.horizontal ul {
margin:0;
padding:0;
}

.horizontal li {
display:inline;
list-style:none;
padding:0 13px;
float:left;
}

.horizontal li a {
color:#000;
font-size:12px;
text-decoration:none;
}

.horizontal li li a {
border-top:none;
width:154px;
}

.horizontal li ul {
position:absolute;
margin-top:10px;
margin-top:27px !ie;
margin-left:-97px !ie;
width:154px;
height:25px;
display:block;
background-color:#E2E3E5;
text-align:left;
}

.horizontal li ul li {
border-bottom:1px solid #E2E3E5;
border-right:none;
background:#03115C;
width:154px;
height:auto;
display:block;
padding:9px 0 5px 5px;
}

.horizontal li li ul {
position:absolute;
margin-top:-33px;
margin-left:155px;
border:none;
}

.horizontal li ul li a {
width:150px;
color:#fff;
border:none;
display:block;
padding:5px 0;
}

.horizontal li ul li a:hover {
text-decoration:underline;
}

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

/* -- end flyout nav -- */
#flash {
width:1000px;
height:268px;
position:relative;
float:left;
}

#topImage {
width:1000px;
height:268px;
background:url(../images/int_header.jpg) no-repeat;
float:left;
}

#page-introduction #topImage,#page-patients #topImage,#page-scheduling-appointments #topImage {
background:url(../images/int_header01.jpg) no-repeat;
}

#page-first-visit #topImage,#page-forms #topImage,#page-offices #topImage,#page-office-locations #topImage {
background:url(../images/int_header02.jpg) no-repeat;
}

#page-financial-options #topImage,#page-staff #topImage,#page-periodontal-procedures #topImage,#page-periodontal-plastic-surgery #topImage {
background:url(../images/int_header03.jpg) no-repeat;
}

#page-dental-implants #topImage,#page-implant-faq #topImage,#page-surgical-tooth-removal #topImage,#page-periodontal-disease #topImage,#page-research #topImage {
background:url(../images/int_header04.jpg) no-repeat;
}

#page-benefits-of-dental-implants #topImage,#page-single-missing-tooth #topImage,#page-replacing-dentures #topImage,#page-bone-grafting #topImage {
background:url(../images/int_header05.jpg) no-repeat;
}

#page-gallery #topImage,#page-dental-implant-gallery #topImage,#page-periodontal-plastic-surgery-gallery #topImage {
background:url(../images/int_header06.jpg) no-repeat;
}

#linkHolder {
width:1000px;
height:114px;
background:url(../images/linksBG.jpg) no-repeat;
float:left;
}

#slot-special {
}

#slot-special ul {
margin:0;
}

#slot-special li {
display:inline;
float:left;
list-style-type:none;
padding:5px 10px 0;
width:210px;
text-align:center;
height:95px;
}

#slot-special li a {
font-family:"Times New Roman", Georgia, Times, serif;
text-transform:uppercase;
font-size:17px;
text-decoration:none;
color:#000;
text-shadow:0 1px 0 #FFF;
}

#slot-special li a:hover {
color:#193D95;
}

#slot-special .readmore {
background:url(../images/learnmore.png) no-repeat bottom center;
}

#slot-special .beforeandafter {
background:url(../images/learnmore.png) no-repeat bottom center;
}

#content {
background:url(../images/contentRpt.jpg) repeat-y;
width:1000px;
min-height:200px;
overflow:hidden;
float:left;
}

#contentMain {
background:url(../images/contentTop.jpg) no-repeat;
min-height:320px;
width:1000px;
}

#intContent {
background:url(../images/int_contentRpt.jpg) repeat-y;
width:1000px;
min-height:200px;
overflow:hidden;
float:left;
}

#intContentMain {
background:url(../images/int_contentTop.jpg) no-repeat;
min-height:487px;
width:1000px;
}

#left {
width:230px;
float:left;
margin-left:42px;
}

#intLeft {
width:230px;
margin-left:41px;
float:left;
}

#intSidebar {
margin-top:10px;
}

#slot-referringDoctors {
width:226px;
height:113px;
float:left;
background:url(../images/btn-doctors.jpg) no-repeat;
}

#slot-intReferringDoctors {
width:226px;
height:113px;
float:left;
background:url(../images/intbtn-doctors.jpg) no-repeat;
}

#slot-idia {
width:205px;
height:103px;
float:left;
background:url(../images/intbtn-idia.jpg) no-repeat;
font-size:11px;
padding:0 10px;
color:#fff;
}

#slot-idia a {
color:#fff;
text-decoration:underline;
}

#slot-referringDoctors a {
font-family:"Times New Roman", Georgia, Times, serif;
text-transform:uppercase;
font-size:17px;
text-decoration:none;
color:#fff;
float:left;
margin:35px 15px 0;
height:70px;
}

#slot-intReferringDoctors a {
font-family:"Times New Roman", Georgia, Times, serif;
text-transform:uppercase;
font-size:17px;
text-decoration:none;
color:#fff;
float:left;
margin:20px 15px 0;
height:70px;
}

#wellnessHour a,#perio a,#edVideos a,#int_wellnessHour a,#int_perio a,#int_edVideos a {
display:block;
width:100%;
height:100%;
}

a.idia {
display:block;
height:70px;
width:100%;
}

#wellnessHour {
width:226px;
height:152px;
float:left;
background:url(../images/btn-wellnesshour.jpg) no-repeat;
}

#int_wellnessHour {
background:url(../images/intbtn-wellnesshour.jpg) no-repeat;
width:226px;
height:152px;
float:left;
}

#perio {
width:226px;
height:155px;
float:left;
background:url(../images/btn-perio.jpg) no-repeat;
}

#int_perio {
width:226px;
height:155px;
float:left;
background:url(../images/intbtn-perio.jpg) no-repeat;
}

#edVideos {
width:226px;
height:115px;
float:left;
background:url(../images/btn-videos.jpg) no-repeat;
}

#int_edVideos {
width:226px;
height:115px;
float:left;
background:url(../images/intbtn-videos.jpg) no-repeat;
}

#slot-lsidebar {
width:226px;
min-height:20px;
float:left;
}

#right {
width:685px;
float:right;
margin-right:43px;
}

#intRight {
width:685px;
float:right;
margin-right:43px;
margin-top:10px;
padding-bottom:20px;
}

.sbContainer #slot-main {
width:625px;
padding:10px 20px 0;
line-height:20px;
}

#contentBottom {
background:url(../images/contentBtm.jpg) no-repeat;
height:142px;
width:1000px;
float:left;
font-size:12px;
}

/* ---- bottom & footer ---- */
#contactTitle {
margin-left:50px;
width:560px;
}

#contactLeft {
float:left;
clear:both;
width:560px;
position:relative;
margin-left:50px;
}

#contactForm label {
display:none;
}

.sbNameWrap,.sbEmailWrap,.sbPhoneWrap {
float:left;
clear:both;
width:145px;
}

.sbName,.sbEmail,.sbPhone {
width:135px;
height:22px;
border:1px solid #e5e0b5;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
padding-left:5px;
line-height:1.7 \9;
color:#898989;
}

.sbName,.sbEmail {
margin-bottom:7px;
margin-bottom:4px \9;
}

.sbCommentsWrap {
position:absolute;
top:0;
left:160px;
}

.sbCommentsWrap textarea {
float:left;
width:135px;
height:80px;
border:1px solid #e5e0b5;
margin:0;
padding:5px 0 0 5px;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
color:#898989;
}

.sbSubmitWrap {
position:absolute;
right:196px;
bottom:5px;
}

.submit {
display:block;
width:46px;
height:18px;
background:url(../images/submitImage.png) no-repeat;
_background:url(../images/submitImage.gif) no-repeat;
border:none;
text-indent:-5000px;
font-size:0;
text-transform:uppercase;
cursor:pointer;
}

#slot-contactText {
width:240px;
position:absolute;
top:0;
text-align:left;
right:0;
color:#fff;
height:58px;
overflow:hidden;
}

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

#slot-callToday {
background:url(../images/callToday.png) no-repeat top right;
float:right;
width:250px;
text-align:right;
color:#fff;
margin:0 50px 0 0;
display:inline;
padding-top:45px;
}

#slot-callToday h1 {
color:#000;
}

#footer {
width:1000px;
float:left;
margin-bottom:20px;
}

#slot-footer1,#slot-footer2,#slot-footer3 {
width:915px;
margin:0 auto 10px;
text-align:center;
}

#slot-footer1 {
margin-bottom:20px;
}

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

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

#footer li a {
padding:0 5px;
color:#ac9d74;
text-decoration:none;
}

#footer li a:hover {
color:#f1dca3;
text-decoration:underline;
}

/* ---- blog ---- */
#blogContainer {
float:left;
width:200px;
margin:15px 0 20px 10px;
}

.sbBlogPost {
float:left;
width:710px;
border-bottom:1px solid #998675;
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 {
margin-bottom:20px;
}

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

.sbBlogPostHeader {
padding-bottom:15px;
}

.sbBlogPostTitle a {
text-decoration:none;
font-weight:400;
}

.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:710px;
margin:20px 0 10px;
}

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

.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:20px 0;
}

#sbBlogArchive h3,.sbTagList h3,#sbBlogCategoryList h3,#sbBlogComments h3 {
color:#cbb16b;
font-weight:700;
letter-spacing:0;
}

#sbBlogArchive {
float:left;
width:165px;
margin-top:10px;
}

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

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

#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:#362F2D;
margin:0;
}

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

#sbBlogArchive ul ul ul ul li a:hover {
color:#362F2D;
}

.sbTagList {
float:left;
width:165px;
padding-top:20px;
}

.sbTagList a,#sbBlogCategoryList a {
color:#fff;
}

.sbTagList a:hover,#sbBlogCategoryList a:hover {
color:#fff;
text-decoration:underline;
}

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

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

#sbBlogCategoryList {
float:left;
padding-top:20px;
}

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

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

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

#sbBlogComments h3 {
color:#fff;
}

.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 {
float:left;
width:165px;
margin:0 0 15px;
}

#sbBlogFeed a {
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:3px 0 3px 25px;
display:block;
color:0;
font-size:12px;
}

#sbBlogFeed a:hover {
color:#fff;
text-decoration:underline;
}