/* Customer CSS */
body {
margin:0;
}

.sbContainer {
background:url(../images/main.jpg) top no-repeat;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

#container {
background:url(../images/background_repeat.jpg) top repeat-x;
}

.sbContainer a {
color:#676767;
outline:none;
zoom:1;
}

.sbContainer a:focus {
outline:none;
}

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

.sbContainer hr {
color:#424242;
}

#main {
margin:0 auto;
width:1000px;
overflow:hidden;
}

#header {
float:left;
width:1000px;
height:117px;
}

#logo {
float:left;
position:relative;
width:278px;
height:149px;
background:url(../images/logo.png) top no-repeat;
_background:url(../images/logo_ie6.png) top no-repeat;
top:10px;
left:160px;
}

#slot-address {
float:right;
width:500px;
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-size:14px;
margin:87px 10px 0 0;
}

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

#content {
float:left;
width:1000px;
}

#contentLeft {
float:left;
width:172px;
}

#nav {
float:right;
width:172px;
text-align:right;
}

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

#nav li {
list-style:none;
margin:0 0 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-transform:uppercase;
display:block;
width:172px;
height:28px;
}

#nav a {
display:block;
width:167px;
height:23px;
color:#fff;
text-decoration:none;
padding:5px 5px 0 0;
}

#nav a:hover {
background:url(../images/nav_over.png) center right no-repeat;
_background:url(../images/nav_over_ie6.png) center right no-repeat;
}

#btnOffice a {
float:left;
display:block;
width:163px;
height:22px;
background:url(../images/btn_office.jpg) top no-repeat;
margin-top:20px;
border:2px solid #676767;
padding-top:100px;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-size:14px;
color:#ccc;
text-decoration:none;
text-align:center;
}

#btnOffice a:hover {
background:url(../images/btn_office.jpg) bottom no-repeat;
}

#btnAppointment a {
float:left;
display:block;
width:167px;
height:56px;
background:url(../images/btn_appointment.png) right no-repeat;
_background:url(../images/btn_appointment.gif) right no-repeat;
margin-top:30px;
}

#btnGallery a {
float:left;
display:block;
width:167px;
height:71px;
background:url(../images/btn_gallery.png) right no-repeat;
_background:url(../images/btn_gallery.gif) right no-repeat;
}

#slot-lsidebar {
float:left;
width:172px;
min-height:20px;
margin-top:30px;
}

#contentRight {
float:right;
width:817px;
}

#contentMain {
float:left;
width:635px;
min-height:800px;
}

#flash {
float:left;
width:620px;
height:329px;
background:url(../images/flash_background.png) no-repeat;
padding:14px 0 0 15px;
}

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

#page-index #slot-main {
float:left;
width:632px;
margin-top:10px;
}

.indexStaff img {
border:2px solid #676767;
}

.imgBorder {
border:2px solid #676767!important;
}

.staffPhoto {
float:right;
border:2px solid #676767!important;
margin:0 0 20px 20px;
}

#contentMain_right {
float:right;
width:172px;
}

#services {
float:left;
width:162px;
}

#page-index #services {
float:left;
width:162px;
}

#services a {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-size:14px;
color:#ccc;
text-decoration:none;
}

#services a:hover {
color:#fff;
}

#slot-links {
float:left;
width:162px;
}

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

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

#slot-links a {
float:left;
display:block;
width:157px;
height:19px;
margin-bottom:10px;
padding-top:85px;
text-align:center;
border:2px solid #676767;
}

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

#slot-links #links-1 a:hover {
background:url(../images/service1_btn.jpg) bottom no-repeat;
}

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

#slot-links #links-2 a:hover {
background:url(../images/service2_btn.jpg) bottom no-repeat;
}

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

#slot-links #links-3 a:hover {
background:url(../images/service3_btn.jpg) bottom no-repeat;
}

#slot-links #links-4 a {
background:url(../images/service4_btn.jpg) top no-repeat;
margin-bottom:0;
}

#slot-links #links-4 a:hover {
background:url(../images/service4_btn.jpg) bottom no-repeat;
}

#musicPlayer {
float:left;
width:161px;
height:33px;
margin-top:10px;
}

#slot-rsidebar {
float:left;
width:161px;
min-height:20px;
margin-top:10px;
}

/* footer styles -------------------------------------------------------------------------- */
#footer {
float:left;
width:1000px;
margin:60px 0 0;
padding:0 0 30px;
text-align:center;
}

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

#slot-footer1 {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-size:14px;
}

#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 -------------------------------------------------------------------------- */
#pageTitle {
float:left;
width:635px;
height:70px;
margin-top:10px;
}

#patientEducation {
float:left;
width:157px;
height:339px;
background:url(../images/education_repeat.png) top repeat-y;
_background:url(../images/education_repeat_ie6.png) top repeat-y;
border:2px solid #676767;
}

#intImage {
float:left;
width:635px;
height:343px;
background:url(../images/flash_temp.png) no-repeat;
}

#page-meet-the-team #intImage {
background:url(../images/flash_temp.png) no-repeat;
}

#page-services #intImage {
background:url(../images/int_services.png) no-repeat;
}

#page-contact #intImage {
background:url(../images/int_contact.png) no-repeat;
}

#page-patients #intImage {
background:url(../images/int_patients.png) no-repeat;
}

#page-childrens-center #intImage {
background:url(../images/int_childrens.png) no-repeat;
}

#page-directions #intImage {
background:url(../images/int_directions_new.png) no-repeat;
}

#page-education #intImage {
background:url(../images/int_education.png) no-repeat;
}

#page-sleep-apnea #intImage {
background:url(../images/int_apnea.png) no-repeat;
}

#page-dental-implants #intImage {
background:url(../images/int_implants.png) no-repeat;
}

#page-pediatrics #intImage {
background:url(../images/int_pediatrics.png) no-repeat;
}

#page-orthodontics #intImage {
background:url(../images/int_orthodontics.png) no-repeat;
}

#page-gallery #intImage {
background:url(../images/int_patients.png) no-repeat;
}

#assistants {
float:right;
width:250px;
height:290px;
margin:0 0 20px 20px;
}

#hygienists {
float:right;
width:250px;
height:290px;
margin:0 0 20px 20px;
}

#contact {
float:right;
width:250px;
height:290px;
margin:0 0 20px 20px;
}

#childrens {
float:right;
width:250px;
height:290px;
margin:0 0 20px 20px;
}

#officeGallery {
float:left;
width:630px;
height:473px;
}

#pedoGallery {
float:left;
width:630px;
height:233px;
}

#page-what-is-tmd #pageTitle {
display:none;
}

/* education menu styles ----------------------------------------------------------------------- */
#educationMenu {
float:left;
margin:0;
padding:0;
}

.mlmenu {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

#education #query {
float:left;
width:107px;
height:15px;
margin-left:10px;
}

#education #search_btn {
float:right;
display:block;
width:27px;
height:26px;
background:url(../images/btn_search.png) top no-repeat;
_background:url(../images/btn_search_ie6.png) top no-repeat;
border:none;
font-size:0!important;
text-indent:-5000px;
margin-top:-4px;
margin-right:5px;
text-transform:uppercase;
}

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

#slot-main .libraryImage {
border:2px solid #676767;
padding:0;
margin:0 0 20px 20px;
}

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

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

.vertical li a {
display:block;
width:128px;
border-bottom:1px dotted #676767;
padding:3px 5px 1px 3px;
color:#fff;
text-decoration:none;
}

.vertical li a:hover {
color:#000;
background-color:#dfdfdf;
}

.vertical li ul,.vertical li ul ul {
position:absolute;
margin-top:-20px;
margin-left:-176px;
}

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

.vertical li ul li a {
width:161px;
padding:3px 5px 1px;
}

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

.vertical li ul li a:hover {
/* to style sub levels */
background-color:#676767;
color:#fff;
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 .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;
}

#page-index h1 {
font-size: 16px;
}