* { margin: 0; outline: none; padding: 0; }
body { background: #484745 url(../images/bg.gif) repeat-x; }
* html #content { height: 650px; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #FFF; font-family: verdana, sans-serif; font-size: 13px; }

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

.Title		{ color: #FFFFFF; font-size: 24px; font-weight: normal; font-family: Verdana; text-transform: uppercase; letter-spacing: 2px; }
.Header		{ color: #FFFFFF; font-size: 13px; font-weight: bold; font-family: Verdana; text-transform: uppercase; }
.Subheader	{  }

.Blue		{ color: #8FC9CD; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }



div.hr { background: #E5E1DB; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr.contact-us { clear: none; margin: 20px 0; width: 496px; }
div.hr hr { display: none; }

h6 { background: #E5E1DB; clear: both; height: 1px; margin: 20px 0; width: 100%; }
h6.short { clear: none; margin: 20px 0; width: 496px; }

p.breadcrumbs { color: #FFF; font-size: 10px; line-height: 10px; margin: 0; }
p, td { color: #FFF; line-height: 18px; margin: 10px 0; }
body.home p { margin: 0; }
p.signature { color: #8FC9CD; font-style: italic; }
* .signature { color: #8FC9CD; font-style: italic; }
p.top-link { color: #FFF; clear: both; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; text-align: right; }
p.flash { color: #8FC9CD; line-height: 18px; padding: 10px; }
* #address { float: left; text-align: right; }
#content ol { line-height: 18px; list-style: decimal; margin: 10px 40px; }
#content ol li { margin: 10px 0; }
#content ol li ol { line-height: 12px; list-style: lower-alpha; margin: 10px 30px; }
#content ol li ol li { margin: 10px 0; }
#content ul { line-height: 18px; list-style: disc; margin: 10px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 12px; list-style: circle; margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#content ul.sitemap { line-height: 12px; list-style: disc; margin: 10px 20px; }
#content ul.sitemap li { margin: 10px 0; }
#content ul.sitemap ul { font-size: 12px; line-height: 12px; list-style: circle; margin: 10px 30px; }
#content ul.sitemap ul li { margin: 10px 0; }
#footer p { color: #C4C1BB; font-size: 10px; line-height: 14px; margin: 10px 0; }
#header p { margin: 10px 0; }
#navigation p { color: #C4C1BB; font-size: 10px; line-height: 16px; margin-right: 20px; text-align: right; }
ul.collapsible li ul li { list-style: none; }
ul#home-page-list { list-style: none; margin: 20px 0; padding: 0; width: 719px; }
ul#home-page-list li { color: #FFF; display: inline; float: left; margin: 5px 0; width: 358px; }
#our-services-list ul { line-height: 12px; text-transform: uppercase; }
#our-services-list ul li a { background: none; color: #FFF; font-weight: bold; text-decoration: none; }
#our-services-list ul li ul li a { color:#8FC9CD; font-weight: normal; line-height: 12px; text-decoration: underline; text-transform: capitalize; }
#our-services-list ul li ul li a:hover { text-decoration: none; }

/* - - - LINKS - - - */
a { color: #8FC9CD; text-decoration: underline; }
a:hover { text-decoration: none; }
p.breadcrumbs a { color: #8FC9CD; font-size: 10px; line-height: 10px; text-decoration: none; }
p.breadcrumbs a:hover { text-decoration: underline; }
p.top-link a { color: #FFF; text-decoration: none; }
p.top-link a:hover { color: #FFF; text-decoration: underline; }
ul.collapsible li h2 { color: #8FC9CD; text-decoration: underline; }
ul.collapsible li h2:hover { text-decoration: none; }
.flash a { color: #FFF; font-weight: bold; }
#footer a { color: #F9F5EE; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#content h2 a[href^="http:"] { background: url(../images/external-icon.gif) no-repeat right top; padding: 0 14px 1px 0; }
#content p a[href^="http:"] { background: url(../images/external-icon.gif) no-repeat right top; padding: 0 14px 1px 0; }
#content p.flash a[href^="http:"] { background: none; padding: 0; }
#content a[href$='.doc'] { background: url(../images/doc-icon.gif) no-repeat right top; padding: 0 18px 1px 0; }
#content a[href$='.pdf'] { background: url(../images/pdf-icon.gif) no-repeat right top; padding: 0 18px 1px 0; }

.home #content a[href$='.doc'] { background: none; padding: 0; }
.home #content a[href$='.pdf'] { background: none; padding: 0; }

/* - - - HEADERS - - - */
h1 { color: #FFF; font-size: 24px; font-weight: normal; letter-spacing: 2px; margin: 20px 0; text-transform: uppercase; }
h2 { color: #FFF; font-size: 13px; margin: 20px 0; text-transform: uppercase; }
h3 { color: #FFF; font-size: 13px; margin: 20px 0 0; text-transform: uppercase;}
h4 { color: #C4C1BB; font-size: 10px; font-style: italic; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 0 auto; }
img.left { clear: left; float: left; margin: 0 20px 20px 0; }
img.left-nofloat { clear: left; margin: 20px 0; }
img.right { clear: right; float: right; margin: 0 0 20px 20px; }
img.logo { clear: left; float: left; }
img.auto { clear: right; display: inherit; float: right; margin: 0 0 20px 20px; }
img.center, img.left, img.right, img.auto { border: #8B8985 1px solid; }
.border-eating {border: #8B8985 1px solid; float:left; margin: 0 30px 30px 0; }
* .flash img { float: left; padding-right: 20px; }
* .flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
* .map { float: right; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
.clear { clear:both}
* #address { height: 57px; width: 630px; }
* #container { margin: 0 auto; width: 1000px; }
* #content { border-left: 1px solid #E5E1DB; float: left; min-height: 725px; padding: 35px 20px 0; width: 719px; position:relative; }
* #header { position: relative; clear: both; display: block; height: 120px; width: 1000px; }
* #flash-home { height: 324px; width: 719px; }
* #flash-special-dental-services-1 { float: right; height: 314px; margin: 20px 0 20px 20px; width: 209px; }
* #flash-special-dental-services-2 { height: 375px; margin: 20px auto; width: 500px; }
* #flash-one-stop-bonding { height: 496px; width: 471px; }
* #flash-snap-on-smile { height: 496px; width: 471px; }
* #flash-special-dental-services-1, * #flash-special-dental-services-2, * #flash-one-stop-bonding, * #flash-snap-on-smile { border: #8B8985 1px solid; }
* #footer { clear: both; padding: 60px 20px 30px 35px; width: 945px; }
* #navigation { float: left; width: 240px; position: relative;}


#logins-nav {
  display: block;
  height: 40px;
  left: 371px;
  overflow: hidden;
  position: absolute;
  top: 45px;
  width: 280px;
  z-index: 5;
}

#testimonials-btn {
  display: block;
  height: 58px;
  overflow: hidden;
  position: absolute;
  right: 21px;
  top: 127px;
  width: 208px;
  z-index: 5;
}

#social-icons {
  display: block;
  height: 40px;
  right: 15px;
  overflow: hidden;
  position: absolute;
  top: 45px;
  width: 341px;
  z-index: 6;
}

#social-icons img {
  display: inline-block;
  padding-left: 6px;
  height: 40px;
}








.eating-pics li { list-style:none; }

#realself-callout {
  background: url("../images/realself-callout.png") no-repeat scroll left top transparent;
  display: inline-block;
  height: 80px;
  margin: 6px 0 0 -9px;
  width: 202px;
}

#realself-callout a {
	width:122px;
	height:32px;
	padding:24px 0 24px 80px;
	margin:0;
	font-size:12px;
	display:inline-block;
	line-height:15px;
}

/* - - - - - - - - - - - - - - - - - - - - VERTICAL NAVIGATION - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#logins-nav {
  display: block;
  height: 40px;
  left: 371px;
  overflow: hidden;
  position: absolute;
  top: 45px;
  width: 280px;
  z-index: 5;
}

#logins-nav img
{
	display: inline-block;
	padding-right: 6px;
}

* #nav { display: inline-block; margin: 25px 0 40px 26px; width: 214px; }
#nav ul { list-style: none; width: 214px; }
#nav li { float: left; }
#nav a { display: block; height: 30px; overflow: hidden; text-indent: -9999px; width: 214px; }

/* - - - NAVIGATION IMAGES - - - */
a#home { background: url(../images/nav/home.gif); }
a#contact-us { background: url(../images/nav/contact-us.gif); margin-bottom: 11px; }
a#concierge { background: url(../images/nav/concierge.gif); }

a#testimonials 
{ 
	background: url(../images/nav/testimonials-btn.png); 
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	height: 58px !important;
	margin: 0 0 11px -22px;
}

a#meet-the-drs { background: url(../images/nav/meet-the-drs.gif); }
a#media-coverage { background: url(../images/nav/media-coverage.gif); }
a#for-new-patients { background: url(../images/nav/for-new-patients.gif); }
a#our-services { background: url(../images/nav/our-services.gif); }
a#sedation { background: url(../images/nav/sedation.gif); }
a#smile-designs { background: url(../images/nav/smile-designs.gif); }
a#smile-galleries { background: url(../images/nav/smile-galleries.gif); }
a#periodontics { background: url(../images/nav/periodontics.gif); }
a#biomimetic-dentistry { background: url(../images/nav/biomimetic-dentistry.gif); }
a#preventive-dentistry { background: url(../images/nav/preventive-dentistry.gif); }
a#cosmetic-dentistry { background: url(../images/nav/cosmetic-dentistry.gif); }
a#botox-cosmetic { background: url(../images/nav/botox-cosmetic.gif); }
a#cosmetic-retentive-dentures { background: url(../images/nav/cosmetic-retentive-dentures.gif); }
a#tmj-migraines { background: url(../images/nav/tmj-migraines.gif); }
#nav ul li a#eating-disorders { background: url(../images/nav/eating-disorders.gif); }
a#snoring-sleep-apnea { background: url(../images/nav/snoring-sleep-apnea.gif); }
a#new-technology { background: url(../images/nav/new-technology.gif); }
a#health-concerns { background: url(../images/nav/health-concerns.gif); }
a#dental-implants { background: url(../images/nav/dental-implants.gif); }
a#silver-fillings { background: url(../images/nav/silver-fillings.gif); }
a#news-for-you { background: url(../images/nav/news-for-you.gif); }
a#for-dental-professionals { background: url(../images/nav/for-dental-professionals.gif); }
a#home { background: url(../images/nav/home.gif); }
a#cosmetic-facelift-dentures { background: url(../images/nav/cosmetic-facelift-dentures.gif); }
a#custom-cosmetic-dentures { background: url(../images/nav/custom-cosmetic-dentures.gif);}
a#all-on-4-the-better-choice { background: url(../images/nav/all-on-4-procedure.gif); }

a#root-canal---endodontist { background: url(../images/nav/root-canal-endodontist.gif); }
a#oral-systemic-connection { background: url(../images/nav/oral-systemic-connection.gif);}
/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -30px; }

#nav ul li:hover #home, #nav ul li.sfhover #home,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us,
#nav ul li:hover #concierge, #nav ul li.sfhover #concierge,
#nav ul li:hover #cosmetic-facelift-dentures, #nav ul li.sfhover #cosmetic-facelift-dentures,
#nav ul li:hover #custom-cosmetic-dentures, #nav ul li.sfhover #custom-cosmetic-dentures,
#nav ul li:hover #meet-the-drs, #nav ul li.sfhover #meet-the-drs,
#nav ul li:hover #media-coverage, #nav ul li.sfhover #media-coverage,
#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients,
#nav ul li:hover #periodontics, #nav ul li.sfhover #periodontics,
#nav ul li:hover #preventive-dentistry , #nav ul li.sfhover #preventive-dentistry ,
#nav ul li:hover #cosmetic-dentistry, #nav ul li.sfhover #cosmetic-dentistry,
#nav ul li:hover #tmj-migraines, #nav ul li.sfhover #tmj-migraines,
#nav ul li:hover #eating-disorders, #nav ul li.sfhover #eating-disorders,
#nav ul li:hover #snoring-sleep-apnea, #nav ul li.sfhover #snoring-sleep-apnea,
#nav ul li:hover #new-technology, #nav ul li.sfhover #new-technology,
#nav ul li:hover #health-concerns, #nav ul li.sfhover #health-concerns,
#nav ul li:hover #for-dental-professionals, #nav ul li.sfhover #for-dental-professionals,
#nav ul li.hover #oral-systemic-connection { background-position: 0 -30px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #E5E1DB; left: -9999px; list-style: none; padding: 8px 0; position: absolute; z-index: 5000; }
#nav ul li ul.meet-the-drs, #nav ul li ul.for-new-patients, #nav ul li ul.dental-mouthguards { width: 170px; }
 #nav ul li ul.cosmetic-dentistry, #nav ul li ul.smile-galleries  { width: 240px; }
#nav ul li ul.media-coverage, #nav ul li ul.our-services, #nav ul li ul.for-dental-professionals { width: 260px; }
#nav ul li ul.periodontics, #nav ul li ul.new-technology, #nav ul li ul.health-concerns { width: 270px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -30px 0 0 214px; }
#nav ul li:hover ul.for-dental-professionals, #nav ul li.sfhover ul.for-dental-professionals { left: auto; margin: -200px 0 0 214px; }
#nav ul li ul li { float: none; }
#nav ul li ul li a { display: block; height: 24px; line-height: 15px; overflow: hidden; text-indent: -9999px; }
#nav ul li ul.meet-the-drs li a, #nav ul li ul.for-new-patients a { width: 170px; }
#nav ul li ul.media-coverage a, #nav ul li ul.our-services a, #nav ul li ul.for-dental-professionals a { width: 260px; }
#nav ul li ul.cosmetic-dentistry a, #nav ul li ul.smile-galleries a  { width: 240px; }
#nav ul li ul.periodontics li a, #nav ul li ul.new-technology a, #nav ul li ul.health-concerns a { width: 270px; }
#nav ul li.active ul li a { background-position: 0 0; }

/* - - - SUBNAVIGATION IMAGES - - - */
a.meet-the-drs { background: url(../images/nav/meet-the-drs-sub.gif); }
a.meet-dr-berland { background: url(../images/nav/meet-dr-berland.gif); }
a.meet-the-team { background: url(../images/nav/meet-the-team.gif); }
a.meet-dr-margolin { background: url(../images/nav/meet-dr-margolin.gif); }
a.meet-dr-oquinn { background: url(../images/nav/meet-dr-oquinn.gif); }
a.meet-dr-kong { background: url(../images/nav/meet-dr-kong.gif); }
a.meet-dr-canfield { background: url(../images/nav/meet-dr-canfield.gif); }
a.meet-dr-mcconnell { background: url(../images/nav/meet-dr-mcconnell.gif); }
a.meet-dr-white { background: url(../images/nav/meet-dr-white.gif); }
a.meet-dr-ayik { background: url(../images/nav/meet-dr-ayik.gif) no-repeat;}
a.meet-dr-han { background: url(../images/nav/meet-dr-han.gif) no-repeat;}
a.meet-dr-aleagha { background: url(../images/nav/meet-dr-aleagha.gif); }
a.meet-the-lab { background: url(../images/nav/meet-the-lab.gif); }
a.blog { background: url(../images/nav/our-blog.gif); }
a.television-appearances { background: url(../images/nav/television-appearances.gif) no-repeat; }
a.publications { background: url(../images/nav/publications.gif) no-repeat; }
a.dental-journals { background: url(../images/nav/dental-journals.gif) no-repeat; }
a.your-first-visit { background: url(../images/nav/your-first-visit.gif) no-repeat; }
a.patient-forms { background: url(../images/nav/patient-forms.gif) no-repeat; }
a.special-dental-services { background: url(../images/nav/special-dental-services.gif); }
a.sedation { background: url(../images/nav/sedation-sub.gif); }
a.smile-designs { background: url(../images/nav/smile-designs-sub.gif); }
a.before-and-after-photos { background: url(../images/nav/before-and-after-photos.gif); }
a.cosmetic-dentistry { background: url(../images/nav/cosmetic-dentistry-sub.gif); }
a.cosmetic-retentive-dentures { background: url(../images/nav/cosmetic-retentive-dentures-sub.gif); }
a.dental-mouthguards { background: url(../images/nav/dental-mouthguards-sub.gif); }
a.new-technology { background: url(../images/nav/new-technology-sub.gif); }
a.our-services { background: url(../images/nav/our-services.gif); }
a.payment-options { background: url(../images/nav/payment-options.gif); }
a.no-interest-payment-plans { background: url(../images/nav/no-interest-payment-plans.gif); }
a.extended-payment-plans { background: url(../images/nav/extended-payment-plans.gif); }
a.massage { background: url(../images/nav/massage.gif); }
a.snap-on-smile { background: url(../images/nav/snap-on-smile.gif); }
a.implants { background: url(../images/nav/implants.gif); }
a.same-day-inlay-onlay-cd-testimonials { background: url(../images/nav/same-day-inlay-onlay-cd-testimonials.gif); }
a.cosmetic-imaging { background: url(../images/nav/cosmetic-imaging.gif); }
a.microdermabrasion { background: url(../images/nav/microdermabrasion.gif); }
a.periodontics { background: url(../images/nav/periodontics-sub.gif); }
a.gummy-smiles { background: url(../images/nav/gummy-smiles.gif); }
a.gum-disease { background: url(../images/nav/gum-disease.gif); }
a.why-is-gum-disease-so-serious { background: url(../images/nav/why-is-gum-disease-so-serious.gif); }
a.understanding-and-arresting-gum-disease { background: url(../images/nav/understanding-and-arresting-gum-disease.gif); }
a.dental-implants { background: url(../images/nav/dental-implants-sub.gif); }
a.mini-implants-for-dependable-dentures { background: url(../images/nav/mini-implants-for-dependable-dentures.gif); }
a.whoopi-talks-about-gum-disease { background: url(../images/nav/whoopi-talks-about-gum-disease.gif); }
a.more-involved-cases { background: url(../images/nav/more-involved-cases.gif); }
a.deep-bleaching { background: url(../images/nav/deep-bleaching.gif); background-repeat:no-repeat; }
a.one-stop-bonding { background: url(../images/nav/one-stop-bonding.gif); }
a.no-prep-or-micro-veneers { background: url(../images/nav/no-prep-or-micro-veneers.gif); }

a.no-prep-or-micro-porcelain-veneers { background: url(../images/nav/no-prep-or-micro-porcelain-veneers.gif); }

a.same-day-inlays-onlays { background: url(../images/nav/same-day-inlays-onlays.gif); }
a.cosmetic-gum-lifts { background: url(../images/nav/cosmetic-gum-lifts.gif); }
a.sports-mouth-guards { background: url(../images/nav/sports-mouth-guards.gif); }
a.for-snoring { background: url(../images/nav/for-snoring.gif); }
a.for-sleep-apnea { background: url(../images/nav/for-sleep-apnea.gif); }
a.snoring-and-sleep-apnea-treatment { background: url(../images/nav/snoring-and-sleep-apnea-treatment.gif); }
a.sleep-quality-assessment { background: url(../images/nav/sleep-quality-assessment.gif); }
a.for-headaches-tmj { background: url(../images/nav/for-headaches-tmj.gif); }
a.eating-disorders { background: url(../images/nav/eating-disorders-sub.gif); }
a.digital-radiography { background: url(../images/nav/digital-radiography.gif); }
a.painless-digital-anesthesia { background: url(../images/nav/painless-digital-anesthesia.gif); }
a.sterilization-and-infection-control { background: url(../images/nav/sterilization-and-infection-control.gif); }
a.oral-cancer-screening { background: url(../images/nav/oral-cancer-screening.gif); }
a.cosmetic-digital-imaging { background: url(../images/nav/cosmetic-digital-imaging.gif); }
a.drill-less-dentistry { background: url(../images/nav/drill-less-dentistry.gif); }
a.laser-cavity-finder { background: url(../images/nav/laser-cavity-finder.gif); }
a.hi-tech-polishing-brightener { background: url(../images/nav/hi-tech-polishing-brightener.gif); }
a.therapeutic-tmj-scanning { background: url(../images/nav/therapeutic-tmj-scanning.gif); }
a.tooth-organ-chart { background: url(../images/nav/tooth-organ-chart.gif); }
a.headaches-tmj { background: url(../images/nav/headaches-tmj.gif); }
a.snoring { background: url(../images/nav/snoring.gif); }
a.sleep-apnea { background: url(../images/nav/sleep-apnea.gif); }
a.eating-disorders { background: url(../images/nav/eating-disorders-sub.gif); }
a.biocompatibility-and-testing { background: url(../images/nav/biocompatibility-and-testing.gif); }
a.health-warnings-about-silver-fillings { background: url(../images/nav/health-warnings-about-silver-fillings.gif); }
a.oral-cancer { background: url(../images/nav/oral-cancer.gif); }
a.same-day-inlay-onlay-cd---8-agd-credits { background: url(../images/nav/same-day-inlay-onlay-cd---8-agd-credits.gif); }
a.for-dental-professionals { background: url(../images/nav/for-dental-professionals-sub.gif); }
a.seminars { background: url(../images/nav/seminars.gif) no-repeat; }
a.video { background: url(../images/nav/video.gif) no-repeat; }
a.lorin-library { background: url(../images/nav/lorin-library.gif) no-repeat; }
a.three-step-process { background: url(../images/nav/three-step-process.gif) no-repeat; }
a.lorin-library-style-guide { background: url(../images/nav/lorin-library-style-guide.gif) no-repeat; }
a.doctor-reviews-of-style-guide { background: url(../images/nav/doctor-reviews-of-style-guide.gif) no-repeat; }
a.restorative-kits { background: url(../images/nav/restorative-kits.gif) no-repeat; }
a.articles-and-links { background: url(../images/nav/articles-and-links.gif) no-repeat; }
a.affiliations { background: url(../images/nav/affiliations.gif) no-repeat; }
a.biography { background: url(../images/nav/biography.gif) no-repeat; }
a.contact-me { background: url(../images/nav/contact-me.gif) no-repeat; }
a.now-hiring { background: url(../images/nav/now-hiring.gif) no-repeat; }
a.from-beauty-experts { background: url(../images/nav/from-beauty-experts.gif) no-repeat; }
a.denture-wearers { background: url(../images/nav/denture-wearers.gif) no-repeat; }
a.professional-dental-journals { background: url(../images/nav/professional-dental-journals.gif) no-repeat; }
a.my-health-care-practicephp { background: url(../images/nav/my-health-care-practice.gif) no-repeat; }
a.same-day-inlay-onlay-lecture { background: url(../images/nav/same-day-inlay-onlay-lecture.gif); }
a.tmj-massage { background: url(../images/nav/tmj-massage.gif) no-repeat; }
a.oral-appliances { background: url(../images/nav/oral-appliances.gif) no-repeat; }
a.tensing { background: url(../images/nav/tensing.gif) no-repeat; }
a.same-day-inlay-onlay-cd { background: url(../images/nav/same-day-inlay-onlay-cd.gif) no-repeat; }
a.doctor-testimonials-of-style-guide { background: url(../images/nav/doctor-testimonials-of-style-guide.gif) no-repeat; }
a.dentaledutv { background: url(../images/nav/dentaledutv.gif) no-repeat; }
a.a-full-mouth-rehabilitation-in-2-visits-dvd { background: url(../images/nav/a-full-mouth-rehabilitation-in-2-visits-dvd.gif) no-repeat; }
a.all-on-4-procedurephp{ background: url(../images/nav/all-on-4-procedure-sub.gif) no-repeat; }
a.nobel-guide { background: url(../images/nav/nobel-guide.gif) no-repeat; }
a.three-d-ct-scan { background: url(../images/nav/3d-ct-scan.gif) no-repeat; }
a.all-on-4-faq { background: url(../images/nav/all-on-4-faq.gif) no-repeat; }
a.all-on-4{ background: url(../images/nav/all-on-4.gif) no-repeat; }
a.endodontic-services { background: url(../images/nav/endodontic-services.gif) no-repeat; }
a.post-op-instructions { background: url(../images/nav/post-op-instructions.gif) no-repeat; }
a.root-canal-questions { background: url(../images/nav/root-canal-questions.gif) no-repeat; }
a.cosmetic-facelift-dentures { background: url(../images/nav/cosmetic-facelift-dentures2.gif) no-repeat; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { background-position: 0 -24px; }

/* - - - - - - - - - - - - - - - - - - - - HORIZONTAL NAVIGATION - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
* #topnav { background: url(../images/nav-bg.gif) repeat-x; float: left; width: 630px; }
#topnav ul { list-style: none; width: 630px; }
#topnav li { float: left; }
#topnav a { display: block; height: 35px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul a:hover, #topnav ul li.active a { background-position: 0 -35px; }

/* - - - FILLER FOR TOP NAV THAT WAS REMOVED TO KEEP HORIZONTAL NAV PUSHED TO LEFT - - - */
#top-filler { float: left; width: 630px; height: 35px; display: block;}


/*-----------------------------------------------
	Forms 
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		margin-top: 18px;	
		letter-spacing: normal;
	}
	
	fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both; 
						margin: 3px 0; 
						padding: 5px 0 4px 10%;  
						overflow: auto; 
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background:#CCCCCC; color:#000033;/* customize me - this is the hover color change of li */}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus, 
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-age {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 35%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 25%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid; 
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px; 
								font-weight: bold; 
								margin-bottom: 9px;
								font-size: 80%; 
								color: #537197;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block; 
								line-height: 18px; 
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}	
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
							clear:both;/*do not change, forces button to sit below floated elements*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#cfdae4;/* customize me! */
							border: 1px solid #537197;
							line-height: 34px;
							color:#537197;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}
							
	
	/* appointment form 
	* Styles only for the appointment request form
	*/	

	
	/* comment form 
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #537197;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}
		
	
	/* referral form 
	* Styles only for the referral form
	*/	
	.referral-form fieldset li div.radio {width: 40%;}
	
	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat; 
		color: #a52003; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success {margin-left: 0;}

ul.upper-case li {
	text-transform: uppercase;	
}

/* jQuery Cycle Plugin */
.cycle-gallery-container {
	display: block;
	width: 471px;
	height: 510px;	
	clear: both;
	margin-bottom: 50px;
}

/* jQuery Cycle Plugin Previous, Next, Pause Slideshow*/
/* set border-box so that percents can be used for width, padding, etc (personal preference) */

.

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow {margin: 0; padding: 0; position: relative;


 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(../images/cycle-left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(../images/cycle-right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* Loader Background */
#spinner-bg {
	display: block;
	z-index: 500;	
}

/* Before & After Captions */
#cycle-before-caption {
	display: none;
	z-index: 1000;
	position: absolute;
	left: 100px;
	bottom: 70px;
	font-size: 26px;
	color: #000;
}

#cycle-after-caption {
	display: none;
	z-index: 1000;
	position: absolute;
	left: 310px;
	bottom: 70px;
	font-size: 26px;
	color: #000;
}