@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements. Please note that this sheet is heavily
edited for this site, you might be better off with Stu's origional.
=================================================================== */


/* non specific stuff */

#menu {background:#fff url("../images/menu_bg.gif") no-repeat bottom; height:63px; width:800px;}
#nav {margin:10px 0 5px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%}
#nav {float:left; padding-left:20px; padding-top:0px; width:790px; height:auto; }
#nav .sub {margin:0; padding:0; list-style:none;}
#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .sub {display:none;}
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}
#nav .sub li a:hover { color:#999;}
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-5em; margin-left:-9px;}
#nav .three .sub {left:-13em; margin-left:-18px;}
* html #nav .three .sub {margin-left:-9px; marg\in-left:-18px;}
#nav .four .sub {left:-22em; margin-left:-27px;}
* html #nav .four .sub {margin-left:-18px; marg\in-left:-27px;}

/* button normal state code */

#nav .home, #nav .clinic, #nav .treatment, #nav .faq, #nav .contact  {margin:.1em 0 0 0; padding:0; list-style:none; display:block; float:left;}
#nav .home a, #nav .clinic a, #nav .treatment a, #nav .faq a, #nav .contact a {display:block; height:2.5em; float:left; width:100px; background:url("../images/left_both.gif") no-repeat left top; padding:0 0 0 8px; border-bottom:1px solid #ccc; text-decoration:none; line-height:2.4em; white-space:nowrap;}

#nav .home a b, #nav .clinic a b, #nav .treatment a b, #nav .faq a b, #nav .contact a b {height:100%; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff; font-weight:normal;}
#nav .home a:hover .sub li a, #nav .clinic a:hover .sub li a, #nav .treatment a:hover .sub li a, #nav .faq a:hover .sub li a, #nav .contact a:hover .sub li a, #nav .home li:hover .sub li a, #nav .clinic li:hover .sub li a, #nav .treatment li:hover .sub li a, #nav .faq li:hover .sub li a, #nav .contact li:hover .sub li a {display:inline; background:#fff; border-right:1px dashed #ccc; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
#nav .home a:hover, #nav .clinic a:hover, #nav .treatment a:hover, #nav .faq a:hover, #nav .contact a:hover {background-position:0% -150px; border-color:#fff;}
#nav .home a:hover b, #nav .clinic a:hover b, #nav .treatment a:hover b, #nav .faq a:hover b, #nav .contact a:hover b, 
#nav .home li:hover a b, #nav .clinic li:hover a b, #nav .treatment li:hover a b, #nav .faq li:hover a b, #nav .contact li:hover a b {background-position:100% -150px; border-color:#fff; color:#666;}



/* for IE5.5 and IE6 only */


#nav .home a:hover b, #nav .clinic a:hover b, #nav .treatment a:hover b, #nav .faq a:hover b, #nav .contact a:hover b {color:#000; cursor:pointer;}
#nav .home a:hover .sub li a:hover, #nav .clinic a:hover .sub li a:hover, #nav .treatment a:hover .sub li a:hover, #nav .faq a:hover .sub li a:hover, #nav .contact a:hover .sub li a:hover, #nav .home li:hover .sub li a:hover, #nav .clinic li:hover .sub li a:hover, #nav .treatment li:hover .sub li a:hover, #nav .faqli:hover .sub li a:hover, #nav .contact li:hover .sub li a:hover { color:#999;} 
#nav .home a:hover .sub, #nav .clinic a:hover .sub, #nav .treatment a:hover .sub, #nav .faq a:hover .sub, #nav .contact a:hover .sub, 
#nav .home li:hover .sub, #nav .clinic li:hover .sub, #nav .treatment li:hover .sub, #nav .faq li:hover .sub, #nav .contact li:hover .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 5px 0;}
* html #nav .home a:hover .sub, * html #nav .clinic a:hover .sub, * html #nav .treatment a:hover .sub, * html #nav .faq a:hover .sub, * html #nav .contact a:hover .sub   {margin-top:0; margin-t\op:1px;}
 
 /* if body class equals homepage, this highlights the home button... */

body.homepage #nav .home a  {display:block; height:2.5em; float:left; width:100px; background:url("../images/left_both.gif") no-repeat left top; padding:0 0 0 8px; border-bottom:1px solid #ccc; text-decoration:none; line-height:2.4em; white-space:nowrap;}
body.homepage #nav .home a b  {height:100%; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff; font-weight:normal;}
body.homepage #nav .home .sub li a {display:inline; background:#fff; border-right:1px dashed #ccc; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
body.homepage #nav .home a {background-position:0 -150px; border-color:#fff;}
body.homepage #nav .home a b {background-position:100% -150px; color:#000;}
body.homepage #nav .home a {background-position:0 -150px; border-color:#fff;}
body.homepage #nav .home a b {background-position:100% -150px; color:#000;}
body.homepage #nav .home .sub .end_sub a, body.homepage #nav .clinic .sub .end_sub a, body.homepage #nav .treatment .sub .end_sub a {border-right: 0px}
body.homepage #nav .home .sub a:hover {color:#000;}
body.homepage #nav .home .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 5px 0;}
body.homepage * html #nav .home .sub, {margin-top:0; margin-t\op:1px;}

 /* if body class clinicpage, this highlights the clinic button... */

body.clinicpage #nav .clinic a  {display:block; height:2.5em; float:left; width:100px; background:url("../images/left_both.gif") no-repeat left top; padding:0 0 0 8px; border-bottom:1px solid #ccc; text-decoration:none; line-height:2.4em; white-space:nowrap;}
body.clinicpage #nav .clinic a b  {height:100%; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff; font-weight:normal;}
body.clinicpage #nav .clinic .sub li a {display:inline; background:#fff; border-right:1px dashed #ccc; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
body.clinicpage #nav .clinic a {background-position:0 -150px; border-color:#fff;}
body.clinicpage #nav .clinic a b {background-position:100% -150px; color:#000;}
body.clinicpage #nav .clinic a {background-position:0 -150px; border-color:#fff;}
body.clinicpage #nav .clinic a b {background-position:100% -150px; color:#000;}
body.clinicpage #nav .clinic .sub .end_sub a, body.clinicpage #nav .treatment .sub .end_sub a {border-right:0px}
body.clinicpage #nav .clinic .sub a:hover {color:#000;}
body.clinicpage #nav .clinic .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 5px 0; z-index:500; }
body.clinicpage * html #nav .clinic .sub, {margin-top:0; margin-t\op:1px;}
body.clinicpage #nav .treatment .sub {display:none;}

 /* if body class equals treatmentpage, this highlights the treatment button... */

body.treatmentpage #nav .treatment a  {display:block; height:2.5em; float:left; width:100px; background:url("../images/left_both.gif") no-repeat left top; padding:0 0 0 8px; border-bottom:1px solid #ccc; text-decoration:none; line-height:2.4em; white-space:nowrap;}
body.treatmentpage #nav .treatment a b  {height:100%; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff; font-weight:normal;}
body.treatmentpage #nav .treatment .sub li a {display:inline; background:#fff; border-right:1px dashed #ccc; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
body.treatmentpage #nav .treatment a {background-position:0 -150px; border-color:#fff;}
body.treatmentpage #nav .treatment a b {background-position:100% -150px; color:#000;}
body.treatmentpage #nav .treatment a {background-position:0 -150px; border-color:#fff;}
body.treatmentpage #nav .treatment a b {background-position:100% -150px; color:#000;}
body.treatmentpage #nav .treatment .sub .current_sub a, body.treatmentpage #nav .treatment .sub .end_sub a {border-right: 0px} 
body.treatmentpage #nav .treatment .sub a:hover {color:#000;}
body.treatmentpage #nav .treatment .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 5px 0; z-index:200;}
body.treatmentpage * html #nav .treatment .sub {margin-top:0; margin-t\op:1px;}

 /* if body class equals faqpage, this highlights the faq button... */

body.faqpage #nav .faq a  {display:block; height:2.5em; float:left; width:100px; background:url("../images/left_both.gif") no-repeat left top; padding:0 0 0 8px; border-bottom:1px solid #ccc; text-decoration:none; line-height:2.4em; white-space:nowrap;}
body.faqpage #nav .faq a b  {height:100%; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff; font-weight:normal;}
body.faqpage #nav .faq .sub li a {display:inline; background:#fff; border-right:1px dashed #ccc; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
body.faqpage #nav .faq a {background-position:0 -150px; border-color:#fff;}
body.faqpage #nav .faq a b {background-position:100% -150px; color:#000;}
body.faqpage #nav .faq a {background-position:0 -150px; border-color:#fff;}
body.faqpage #nav .faq a b {background-position:100% -150px; color:#000;}
body.faqpage #nav .faq .sub .current_sub a, body.faqpage #nav .clinic .sub .end_sub a, body.faqpage #nav .treatment .sub .end_sub a {border-right: 0px} 
body.faqpage #nav .faq .sub a:hover {color:#000;}
body.faqpage #nav .faq .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 5px 0;}
body.faqpage * html #nav .faq .sub, {margin-top:0; margin-t\op:1px;}

 /* if body class equals contact us, this highlights the contact us button... */

body.contactus #nav .contact a  {display:block; height:2.5em; float:left; width:100px; background:url("../images/left_both.gif") no-repeat left top; padding:0 0 0 8px; border-bottom:1px solid #ccc; text-decoration:none; line-height:2.4em; white-space:nowrap;}
body.contactus #nav .contact a b  {height:100%; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff; font-weight:normal;}
body.contactus #nav .contact .sub li a {display:inline; background:#fff; border-right:1px dashed #ccc; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
body.contactus #nav .contact a {background-position:0 -150px; border-color:#fff;}
body.contactus #nav .contact a b {background-position:100% -150px; color:#000;}
body.contactus #nav .contact a {background-position:0 -150px; border-color:#fff;}
body.contactus #nav .contact a b {background-position:100% -150px; color:#000;}
body.contactus #nav .contact .sub .current_sub a, 
body.contactus #nav .contact .sub a:hover {color:#000;}
body.contactus #nav .contact .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 5px 0;}
body.contactus * html #nav .contact .sub, {margin-top:0; margin-t\op:1px;}


/* calculate the required widths of the top level - don't move this or it breaks things */
#nav .one a, body.homepage #nav .one a  {width:5em;}
#nav .two a, body.clinicpage #nav .two a{width:8em;}
#nav .three a, body.treatmentpage #nav .three a {width:9em;}
#nav .four a {width:4em;}
body.faqpage #nav .four a {width:4em;}
#nav .five a {width:8.5em;}
body.contactus #nav .five a {width:8.5em;}