/* Customer CSS */
body {
margin:0;
background-color:#9F9C8D;
font-size:12px;
color:#413D33;
font-family:Arial, Helvetica, sans-serif;
}

.sbContainer {
background:url(../images/bg_repeat.jpg) top repeat-x;
}

.sbContainer h1,.sbContainer h2,.sbContainer h3,.sbContainer h4,.sbContainer h5,.sbContainer h6 {
font-weight:400;
letter-spacing:0;
}

.sbContainer a {
color:#103B6B;
}

#top {
margin:0 auto;
width:950px;
height:23px;
padding-top:7px;
font-size:11px;
color:#fff;
}

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

#slot-top-left {
float:left;
width:300px;
min-height:15px;
}

#slot-top-right {
float:right;
width:500px;
min-height:15px;
text-align:right;
}

#container {
margin:0 auto;
width:930px;
background-color:#fff;
padding:10px 10px 0;
overflow:hidden;
}

#page-index #container {
width:950px;
background:none;
padding:0;
}

#header {
position:relative;
width:930px;
height:135px;
background-color:#85ABC2;
margin-bottom:50px;
border-bottom:1px solid #85ABC2;
}

#page-index #header {
height:107px;
background:none;
margin:0;
border:none;
}

#logo a {
position:absolute;
top:18px;
left:20px;
width:192px;
height:90px;
background:url(../images/bg_logo_interior.jpg) no-repeat;
}

#page-index #logo a {
left:35px;
background:url(../images/bg_logo.jpg) no-repeat;
}

#slot-navigation {
position:absolute;
bottom:0;
right:0;
width:680px;
height:50px;
font-size:10px;
}

#page-index #slot-navigation {
top:30px;
right:50px;
width:600px;
height:15px;
font-size:10px;
text-align:right;
}

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

#page-index #slot-navigation ul {
float:right;
}

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

#page-index #slot-navigation li {
display:inline;
float:none;
}

#slot-navigation a {
display:block;
float:left;
height:29px;
background-color:#fff;
border-left:1px solid #85ABC2;
border-top:4px solid #85ABC2;
padding:17px 15px 0;
text-decoration:none;
color:#000;
}

#page-index #slot-navigation a {
display:inline;
background:none;
border:none;
padding:0 5px;
color:#fff;
text-decoration:underline;
}

#slot-navigation a:hover {
height:29px;
background-color:#DFD9CD;
border-top:none;
padding:21px 15px 0;
color:#000;
}

#page-index #slot-navigation a:hover {
color:#413D33;
}

#slot-header-text {
position:absolute;
top:55px;
right:50px;
width:600px;
height:45px;
font-size:14px;
color:#103B6B;
text-align:right;
}

#slot-header-text strong {
font-size:18px;
color:#fff;
}

#flash-wrapper {
width:950px;
height:378px;
background:url(../images/flash_temp.png) top no-repeat;
font-size:14px;
}

#main-text {
float:left;
width:305px;
margin:30px 0 0 55px;
}

#main-text h1 {
font-size:26px;
}

#main-text h2 {
font-size:14px;
margin:0;
padding:0;
}

#main-text h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

#main-text hr {
width:100%;
height:23px;
background:url(../images/bg_hr.png) top no-repeat;
border:0 none;
margin:14px 0;
}

#about-doctor {
width:305px;
}

#about-doctor img {
float:left;
margin:0 20px 20px 0;
}

#flash {
float:right;
width:497px;
height:300px;
margin:27px 70px 0 0;
}

#content {
width:930px;
overflow:hidden;
}

#page-index #content {
width:870px;
min-height:230px;
padding:13px 50px 0 30px;
}

#content-left {
float:left;
width:693px;
}

#page-index #content-left {
position:relative;
float:left;
width:587px;
height:186px;
}

a.btn-homepage {
position:relative;
display:block;
width:280px;
height:78px;
background-color:#F6F4EB;
border:3px solid #FFF;
color:#413D33;
}

a:hover.btn-homepage {
background-color:#fff;
border-color:#BAB3A1;
}

.btn-1 {
position:absolute;
top:0;
left:0;
}

.btn-2 {
position:absolute;
bottom:0;
left:0;
}

.btn-3 {
position:absolute;
top:0;
right:0;
}

.btn-4 {
position:absolute;
bottom:0;
right:0;
}

.btn-1 img,.btn-2 img,.btn-3 img,.btn-4 img {
float:right;
}

.blue-box {
position:absolute;
top:10px;
left:10px;
float:left;
width:16px;
height:15px;
background:url(../images/bg_blue_box.jpg) top no-repeat;
}

.btn-text {
position:absolute;
top:10px;
left:35px;
width:150px;
height:58px;
font-size:11px;
}

.btn-text span {
font-size:14px;
font-weight:700;
font-family:Georgia, "Times New Roman", Times, serif;
}

#video {
float:right;
width:258px;
height:176px;
background-color:#fff;
padding:5px;
}

#side-bar {
float:left;
width:210px;
}

#gallery,#blog-section,#audio {
width:204px;
min-height:180px;
background-color:#DCD9CC;
margin-bottom:10px;
padding:3px;
}

#appointment,#downloads {
width:204px;
min-height:180px;
background-color:#D3E0E8;
margin-bottom:10px;
padding:3px;
}

.apneaWidget {
	width: 204px;
	margin-bottom: 20px;
}

.section-title {
width:194px;
background-color:#fff;
padding:5px 0 5px 10px;
font-size:18px;
color:#26314F;
}

.section-title p {
margin:0;
padding:0;
}

#slot-gallery,#slot-appointment,#slot-downloads,#slot-blog,#slot-audio {
width:184px;
margin:20px 10px;
}

#slot-gallery a,#slot-appointment a,#slot-downloads a,#slot-blog a,#slot-audio a {
display:block;
background:url(../images/bg_box_arrow.jpg) 10px 8px no-repeat;
background-color:#fff;
padding:5px 10px 5px 30px;
text-decoration:none;
font-weight:700;
}

#slot-gallery a:hover,#slot-downloads a:hover,#slot-blog a:hover,#slot-audio a:hover {
background-color:#DEEBF2;
}

#slot-appointment a:hover,#slot-downloads a:hover {
background-color:#DCD9CC;
}

#content-main {
float:right;
width:455px;
min-height:500px;
margin-bottom:30px;
}

#page-title {
float:left;
width:455px;
height:38px;
margin-bottom:20px;
}

#slot-main {
float:left;
width:455px;
}

#page-education #slot-main {
	margin-bottom: 30px;
}

#next-step {
float:left;
width:449px;
background-color:#DCD9CC;
margin-top:30px;
padding:3px;
}

#next-step .section-title {
width:439px;
padding:7px 0 7px 10px;
}

#next-step a.btn-appointment {
display:block;
width:409px;
margin:20px 10px;
padding:10px;
font-weight:700;
text-decoration:none;
}

#next-step a:hover.btn-appointment {
background-color:#fff;
}

#content-right {
float:right;
width:210px;
}

#footer {
margin:0 auto;
width:950px;
min-height:40px;
padding:20px 0 0;
font-size:11px;
color:#fff;
}

#page-index #footer {
width:870px;
padding:20px 50px 0 30px;
}

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

#footer a {
color:#103B6B;
text-decoration:underline;
}

#slot-footer-left {
float:left;
width:300px;
min-height:20px;
}

#slot-footer-right {
float:right;
width:500px;
min-height:20px;
text-align:right;
}

#bio_pic {
float:right;
margin:0 8px 25px 25px;
_margin:0 4px 25px 13px;
text-align:center;
}

.staff_divider {
width:105px;
}

#bio2 {
float:right;
width:200px;
margin:0 8px 25px 25px;
_margin:0 4px 25px 13px;
text-align:center;
}

/* library pages
-------------------------------------------------------------------------- */
.wrapperText {
float:left;
width:455px;
margin-bottom:20px;
}

.leftText {
float:left;
width:200px;
}

.rightText {
float:right;
margin-left:20px;
}

.wrapperPic {
float:left;
width:540px;
height:auto;
margin:10px 0 20px;
}

.wrapperPic img {
border:1px solid #9F9C8D;
}

.pic1 {
float:left;
text-align:center;
}

.pic2 {
float:left;
margin-left:80px;
text-align:center;
}

.pic3 {
float:left;
margin-left:80px;
text-align:center;
}

.imgCenter {
float:left;
width:455px;
text-align:center;
margin:10px 0 20px;
}

.imgCenter img {
border:1px solid #9F9C8D;
}

#middleWrapper {
float:left;
width:455px;
}

#page-landing-orthodontics #coupon {
background-image:url(/images/OrthoTMJCoupon.jpg);
display:inline;
float:left;
height:292px;
margin-left:23px;
width:473px;
}

#libraryBody img {
border:1px solid #9F9C8D;
margin:0 0 20px 15px;
padding:0!important;
}

.right_img {
float:right;
border:1px solid #9F9C8D!important;
margin:0 0 20px 15px;
}

/* education styles
-------------------------------------------------------------------------- */
.mlmenu {
font-family:Arial, Helvetica, sans-serif;
}

#education {
width:204px;
min-height:200px;
background-color:#DCD9CC;
margin-bottom:10px;
padding:3px;
}

#siteSearch {
width:184px;
margin:20px 10px 10px;
}

#siteSearch #query {
width:110px;
height:20px;
}

#siteSearch #search {
margin-left:5px;
}

#slot-library {
width:184px;
margin:0 10px 20px;
}

#librarySearchForm #search {
display:none;
}

.sbContainer #libraryBody img {
float:right;
margin:0 0 20px 20px;
padding:5px;
border:1px solid #413D33;
}

/*this is the css for the vertical version*/
.vertical ul {
margin:0;
padding:0;
}

.vertical li a {
display:block;
list-style:none;
width:165px;
background:url(../images/bg_white_box_arrow.jpg) left no-repeat;
padding:5px 0 5px 20px;
color:#413D33;
text-decoration:none;
}

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

.vertical li ul {
position:absolute;
width:190px;
margin-top:-24px;
margin-left:197px;
border-top:1px solid #A2B8C4;
color:#fff;
background-color:#D3E0E8;
}

.vertical li ul li a {
width:172px;
padding:4px 8px;
background:none;
border:1px solid #A2B8C4;
border-top:none;
margin:0;
font-size:11px;
color:#413D33;
}

.vertical li ul li a:hover {
/* to style sub levels */
color:#fff;
background-color:#779CAF;
border-top:none;
text-decoration:none;
}

.vertical li ul ul {
margin-left:189px;
}

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

.vertical .page,.vertical .page:hover {
background-image:none;
background-color:#64325a;
color:#fff;
}

/*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
------------------------------------------------------------------------------------------------------------------- */
#blog {
width:204px;
min-height:200px;
background-color:#DCD9CC;
margin-bottom:10px;
padding:3px;
overflow:hidden;
}

#blogContainer {
width:184px;
margin:20px 10px;
}

.sbBlogPost {
float:left;
width:455px;
border-bottom:1px solid #413D33;
margin-bottom:25px;
padding-bottom:25px;
}

#sbBlogNavbar {
padding:20px 0 10px;
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:455px;
}

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

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

.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,.sbTagList,#sbBlogCategoryList {
float:left;
width:184px;
margin:0 0 25px;
}

#sbBlogArchive h3,.sbTagList h3,#sbBlogCategoryList h3 {
color:#413D33;
letter-spacing:0;
}

#sbBlogComments h3 {
color:#413D33;
}

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

#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;
margin:0;
color:#103B6B;
}

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

#sbBlogArchive ul ul ul ul li a:hover {
}

#sbBlogArchive ul,.sbTagList ul,#sbBlogCategoryList ul {
margin:0;
padding:0;
}

.sbTagList li,#sbBlogCategoryList li {
list-style-type:none;
background:none;
}

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

.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:184px;
margin:0 0 15px;
}

#sbBlogFeed a {
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:3px 0 3px 25px;
text-decoration:underline;
display:block;
color:#413D33;
}

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