/* Customer CSS */
#page-index #comp-logo {
display:block;
}

#comp-logo {
display:none;
}

#logo_int {
float:left;
width:355px;
height:63px;
margin:0 0 0 7px;
background-image:url(/images/logo_int.gif);
background-repeat:no-repeat;
}

#address {
font-size:11px;
}

#address_int {
font-size:11px;
}

/*#nav {
float:left;
width:322px;
height:358px;
background-image:url(../images/index_02.jpg);
background-repeat:no-repeat;
}

#nav_int {
float:left;
width:322px;
height:358px;
margin-top:20px;
}*/
#slot-links {
margin-left:20px;
padding-top:5px;
}

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

#slot-links li {
list-style:none;
display:inline;
padding:2px 0 10px;
}

#slot-links a {
color:#fff;
width:auto;
text-decoration:none;
border-bottom:none;
font-size:14px;
float:left;
padding:0 20px;
}

#slot-links a:hover {
color:#BFAB79;
}

#page-index #links-8 {
display:none;
}

#links-8 {
display:block;
}

#slot-doctor {
width:195px;
min-height:100px;
margin-left:72px;
float:left;
}

#links {
float:right;
width:319px;
height:358px;
background-image:url(../images/index_04.jpg);
background-repeat:no-repeat;
position:relative;
}

#page-index #slot-navigation ul {
margin-left:68px;
}

#slot-navigation ul {
margin:20px 0 0;
_margin:0 0 0 0;
padding-left:16px;
}

#slot-navigation li {
list-style:none;
margin-bottom:10px;
margin-bottom:5px !ie;
}

#slot-navigation a {
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
padding-top:65px;
}

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

#navigation-1 {
background-image:url(../images/link_1.gif);
background-repeat:no-repeat;
width:142px;
height:83px;
}

#navigation-2 {
background-image:url(../images/link_2.gif);
background-repeat:no-repeat;
width:142px;
height:83px;
}

#navigation-3 {
background-image:url(../images/link_3.gif);
background-repeat:no-repeat;
width:142px;
height:83px;
}

#navigation-4 {
background-image:url(../images/link_4.gif);
background-repeat:no-repeat;
width:142px;
height:83px;
_margin-bottom:0;
}

#links_int {
float:right;
width:200px;
}

#links_int #links-1,#links_int #links-2,#links_int #links-3,#links_int #links-4 {
background-image:url(../images/link_int.gif);
background-repeat:no-repeat;
width:165px;
height:27px;
}

#links_int #slot-links li {
list-style:none;
margin-bottom:10px;
}

#links_int #slot-links a {
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
padding:0;
padding-top:7px;
}

#links_int #slot-links a:hover {
color:#BFAB79;
}

/* #links-1 {
background-image:url(../images/link_1.gif);
}

#links-2 {
background-image:url(../images/link_2.gif);
}

#links-3 {
background-image:url(../images/link_3.gif);
}

#links-4 {
background-image:url(../images/link_4.gif);
}

*/
#page-office #interior_imageHeader,#page-offices #interior_imageHeader,#interior_imageHeader {
background-image:url(../images/header_1New.jpg);
}

#page-meet-dr-valenzuela #interior_imageHeader {
background-image:url(../images/header_2New.jpg);
}

#page-staff #interior_imageHeader {
background-image:url(../images/header_3New.jpg);
}

#page-patients #interior_imageHeader {
background-image:url(../images/header_4New.jpg);
}

#page-services #interior_imageHeader {
background-image:url(../images/header_5New.jpg);
}

#page-contact #interior_imageHeader {
background-image:url(../images/header_6New.jpg);
}

#page-appointment #interior_imageHeader {
background-image:url(../images/header_2New.jpg);
}

#page-education #interior_imageHeader {
background-image:url(../images/header_3New.jpg);
}

#page-promotions-contests #interior_imageHeader {
background-image:url(../images/header_4New.jpg);
}

#contact-form {
width:100%;
}

/* ---- FLY OUT MENU BEGIN! ---- */
/* Education styles */
.mlmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
clear:both;
}

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

.vertical li a {
display:block;
width:184px;
text-decoration:none;
height:auto;
padding:.4em 5px .4em 11px;
border:none;
border-top:none;
color:#696559;
background-image:url(../images/arrow.png);
_background-image:url(../images/arrow.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#fff;
}

.vertical li a:hover {
background-color:#5A6061;
background-image:none;
color:#f5e8d0;
}

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

.vertical li ul li a:hover {
/* to style sub levels */
background-image:url(../images/edBack.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#000;
color:#fff;
}

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

.vertical li ul {
position:absolute;
margin-top:-1.3em;
margin-left:195px;
border-top:1px #fff solid;
}

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

/* --- Here starts the template changes --- */
#welcome {
background-image:url(../images/index_05.jpg);
background-repeat:no-repeat;
}

#links {
float:right;
width:319px;
height:358px;
background-image:url(../images/index_04.jpg);
background-repeat:no-repeat;
position:relative;
}

#slot-navigation ul {
margin:0;
}

#page-index #slot-navigation {
margin-left:0px;
}

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

#slot-navigation a {
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
border:none;
background:none !important;
}

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

#links_int #slot-navigation {
float:left;
width:200px;
margin-left:10px;
}

#links_int #links-1,#links_int #links-2,#links_int #links-3,#links_int #links-4 {
background-image:url(../images/link_int.gif);
background-repeat:no-repeat;
width:165px;
height:27px;
}

#links_int #slot-links li {
list-style:none;
margin-bottom:10px;
}

#links_int #slot-navigation a {
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
padding:0;
padding-top:7px;
padding-top:2px \9;
background:#5a6061;
border:2px solid #afafaf;
-moz-border-radius:5px;
border-radius:5px;
}

#links_int #slot-navigation a:hover {
color:#afafaf;
}

#slot-links {
width:1000px;
}

#slot-links {
width:1000px;
height:26px;
}

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

#slot-links li {
list-style:none;
padding:2px 0 10px;
display:inline;
}

#slot-links a {
color:#fff;
width:auto;
float:left;
text-decoration:none;
border-bottom:none;
font-size:14px;
padding:0 5px;
}

#page-index #slot-links a:hover {
color:#afafaf;
}

#page-index #navigation-8 {
display:none;
}

#navigation-8 {
display:block;
}

/* ---- FLY OUT SPECIALTY LINKS START HERE ---- */
.mlmenu {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}

/*this is the css for the vertical version*/
#page-index .vertical ul {
float:left;
margin:0;
padding:0;
}

#page-index .vertical li a {
display:block;
height:22px;
width:160px;
color:#fff;
text-decoration:none;
margin:0 0 5px;
padding:74px 0 0;
padding:59px 0 0 0 \9;
padding:74px 0 0 0 !ie;
}

#page-index .vertical li a:hover {
color:#afafaf;
text-decoration:none;
background:none;
}

#page-index .vertical li ul {
position:absolute;
width:190px;
margin-top:-50px!important;
margin-left:-200px!important;
border-top:1px solid #fff;
background-color:#5e6466;
}

#page-index .vertical li ul li a {
width:190px!important;
border-bottom:1px solid #fff!important;
background:none;
color:#00050C;
height:15px;
text-decoration:none;
margin:0;
padding:10px 0;
border-top:none;
}

#page-index .vertical li ul li a:hover {
/* to style sub levels */
color:#FFF;
background-color:#00050C;
background:url(../images/educationBG.jpg) top repeat-y;
border-top:none;
text-decoration:none;
font-weight:700;
}

#page-index .vertical li ul ul {
margin-top:-28px;
margin-left:195px;
}

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

#page-index .vertical .page,#page-index .vertical .page:hover {
background-image:none;
background-color:#309dcf;
color:#fff;
}

/* --- INTERIOR --- */
#links_int .vertical ul {
float:left;
margin:0;
padding:0;
}

#links_int .vertical li a {
display:block;
width:160px;
color:#fff;
text-decoration:none;
margin:0 0 5px;
padding:74px 0 0;
}

#links_int .vertical li a:hover {
color:#CBB16B;
text-decoration:none;
background:none;
}

#links_int .vertical li ul {
position:absolute;
width:190px;
margin-top:-50px!important;
margin-left:-200px!important;
border-top:1px solid #fff;
background-color:#00050C;
}

#links_int .vertical li ul li a {
width:190px!important;
border:none!important;
border-bottom:1px solid #fff!important;
background:none!important;
border-radius:0!important;
-moz-border-radius:0!important;
color:#00050C;
height:15px;
text-decoration:none;
margin:0;
padding:10px!important;
border-top:none;
}

#links_int .vertical li ul li a:hover {
/* to style sub levels */
color:#FFF;
background-color:#00050C;
background:url(../images/educationBG.jpg) top repeat-y;
border-top:none;
text-decoration:none;
font-weight:700;
}

#links_int .vertical li ul ul {
margin-top:-28px;
margin-left:195px;
}

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

#links_int .vertical .page,#links_int .vertical .page:hover {
background-image:none;
background-color:#309dcf;
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;
}

#slot-library{
	display:none;
}