/* Layout */
body {background: #fff url(images/body-bg.jpg) repeat-x; margin: 0; text-align: center;}
* #container {width: 840px; margin: 0 auto; text-align: left; position: relative;}
* #header {width: 100%; padding: 0; margin: 0;}
* #content-wrap {background: url(images/content-bg.jpg) no-repeat; width: 492px; padding: 9px 84px 15px 264px; margin: 0; min-height: 285px;}
* html #content-wrap {height: 285px;}
* #nav-wrap {width: 179px; left: 40px; top: 378px; position: absolute; z-index: 2;}
* .footer-line {margin: 25px 0; clear: both;}
* .sidebar {background: #cfc3ad; width: 105px; display: block; text-align: center; border: solid 1px #013366; float: right; margin: 5px 0 15px 15px; padding: 5px;}

/* Flash */
p.upgrade {width: 80%; background: #e4e4e4; font-size: 10px; text-align: left; margin: 20px auto; padding: 5px; border: solid 1px #000;}

/* Images */
img {border: 0; display: block;}
* .img_right {border: 0; margin: 5px 0 15px 15px; float: right; clear: right;}
* .img_center_border {border: solid 1px #435b89; margin: 0 auto; display: block;}
* .img_right_border {border: solid 1px #435b89; margin: 5px 0 15px 15px; float: right; clear: right;}
* .img_left_border {border: solid 1px #435b89; margin: 5px 15px 15px 0; float: left; clear: left;}
* .sidebar img {padding-bottom: 5px; margin: 0 auto;}

/* Text */
body {font: .75em/1.5em "Trebuchet MS", Verdana, Arial; color: #435b89;}
p {margin-bottom: 10px; margin-top: 0;}
* #nav-wrap p {margin: 15px 0 10px 15px; line-height: 1.2em;}
* #footer {text-align: center;}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 12px; line-height: 1.5em; font-family: Trebuchet MS, Verdana, Arial; color: #435B89;}

.Title		{ color: #435B89; font-size: 24px; font-weight: bold; font-family: Verdana; font-style: italic; }
.Header		{ color: #435B89; font-size: 18px; font-weight: bold; font-family: Trebuchet MS; }
.Subheader	{ color: #435B89; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; }

.Blue		{ color: #435B89; }
.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; }

/* Links */
a {color: #435b89;}
a:hover, a.active {color: #868100;}
* #sesame {font-size: .83em;}

/* Lists */
ul, ol {margin-bottom: 10px; margin-top: 0;}

/* Headings */
h1 {width: 492px; height: 43px; margin: 0; text-indent: -999em; overflow: hidden;}
h2 {font-size: 1.5em; font-weight: bold; color: #435b89; margin: 10px 0;}
h3 {font-size: 1.17em; color: #435b89; margin: 0;}

h1.header {background: url(images/ionia-header.jpg); width: 840px; height: 170px; margin: 0;}
h1.home {background: url(images/headings/welcome.gif);}
h1.our-office {background: url(images/headings/our-office.gif);}
h1.meet-the-dentists {background: url(images/headings/meet-dentists.gif);}
h1.dr-swartz {background: url(images/headings/dr-swartz.gif);}
h1.dr-wong {background: url(images/headings/dr-wong.gif);}
h1.meet-the-team {background: url(images/headings/meet-team.gif);}
h1.front-desk {background: url(images/headings/front-desk.gif);}
h1.hygienists {background: url(images/headings/hygienists.gif);}
h1.assistants {background: url(images/headings/assistants.gif);}
h1.office-tour {background: url(images/headings/office-tour.gif);}
h1.care-for-your-smile {background: url(images/headings/care-for-smile.gif);}
h1.why-see-a-dentist {background: url(images/headings/why-dentist.gif);}
h1.prevention {background: url(images/headings/prevention.gif);}
h1.gum-disease {background: url(images/headings/gum-disease.gif);}
h1.plaque {background: url(images/headings/eliminating-plaque.gif);}
h1.tooth-decay {background: url(images/headings/eliminating-decay.gif);}
h1.sealants {background: url(images/headings/sealants.gif);}
h1.improve-your-smile {background: url(images/headings/improve-smile.gif);}
h1.porcelain-crowns {background: url(images/headings/porcelain-crowns.gif);}
h1.veneers {background: url(images/headings/veneers.gif);}
h1.smile-gallery {background: url(images/headings/smile-gallery.gif);}
h1.tooth-whitening {background: url(images/headings/tooth-whitening.gif);}
h1.cosmetic-dentistry {background: url(images/headings/cosmetic.gif);}
h1.your-smile {background: url(images/headings/your-smile.gif);}
h1.bridges {background: url(images/headings/bridges.gif);}
h1.crowns {background: url(images/headings/crowns.gif);}
h1.fillings {background: url(images/headings/fillings.gif);}
h1.root-canals {background: url(images/headings/root-canals.gif);}
h1.extractions {background: url(images/headings/extractions.gif);}
h1.implants {background: url(images/headings/implants.gif);}
h1.our-technology {background: url(images/headings/our-technology.gif);}
h1.digital-x-rays {background: url(images/headings/x-rays.gif);}
h1.intra-oral-pictures {background: url(images/headings/intra-oral.gif);}
h1.web-based-communication {background: url(images/headings/web-based.gif);}
h1.single-visit-crowns {background: url(images/headings/single-visit.gif);}
h1.specialty-services {background: url(images/headings/specialty-services.gif);}
h1.sedation-dentistry {background: url(images/headings/sedation.gif);}
h1.pediatric-dentistry  {background: url(images/headings/pediatric.gif);}
h1.wisdom-teeth {background: url(images/headings/wisdom-teeth.gif);}
h1.braces {background: url(images/headings/braces.gif);}
h1.office-guidelines {background: url(images/headings/office-guidelines.gif);}
h1.privacy-policy {background: url(images/headings/privacy-policy.gif);}
h1.contact-us {background: url(images/headings/contact.gif);}
h1.location {background: url(images/headings/location.gif);}
h1.comment-form {background: url(images/headings/comments.gif);}
h1.appointment-request {background: url(images/headings/appointments.gif);}
h1.site-map {background: url(images/headings/site-map.gif);}

/* Login Buttons */
* #logins {position: absolute; z-index: 2; top: 0; right: 0;}
* #logins a {width: 91px; height: 27px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden; float: left;}
* #logins a:hover {background-position: 0 -27px;}
* #dt-login {background: url(images/nav/dt-login.gif);}
* #pt-login {background: url(images/nav/pt-login.gif);}

/* Side Navigation */
* #nav {width: 179px; margin: 0; padding: 8px 0 6px 0; background: #c3d8dd; border: solid 1px #fff;}
* #nav a {display: block; height: 29px; text-decoration: none; text-indent: -999em; overflow: hidden;}

* #our-office {background: url(images/nav/our-office.gif);}
* #care-for-smile {background: url(images/nav/care-for-smile.gif);}
* #improve-smile {background: url(images/nav/improve-smile.gif);}
* #your-smile {background: url(images/nav/your-smile.gif);}
* #our-technology {background: url(images/nav/our-technology.gif);}
* #specialty-services {background: url(images/nav/specialty-services.gif);}
* #office-guidelines {background: url(images/nav/office-guidelines.gif);}
* #contact {background: url(images/nav/contact.gif);}
* #home {background: url(images/nav/home.gif);}

#nav a:hover, #nav a.active,
#nav li:hover #our-office, #nav li.sfhover #our-office,
#nav li:hover #care-for-smile, #nav li.sfhover #care-for-smile,
#nav li:hover #improve-smile, #nav li.sfhover #improve-smile,
#nav li:hover #your-smile, #nav li.sfhover #your-smile,
#nav li:hover #our-technology, #nav li.sfhover #our-technology,
#nav li:hover #specialty-services, #nav li.sfhover #specialty-services,
#nav li:hover #office-guidelines, #nav li.sfhover #office-guidelines,
#nav li:hover #contact, #nav li.sfhover #contact,
#nav li:hover #home, #nav li.sfhover #home {background-position: 0 -29px;}
#nav a.active {cursor: default;}

/* Drop Down */
#nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0;}
#nav li {display: inline;}
#nav li ul {background: #c3d8dd; border: solid 1px #fff; font-size: 12px; left: -999em; position: absolute; z-index: 4; padding: 5px 0;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -29px 0 0 179px;}
#nav ul li a {color: #435b89; padding: 2px 0 2px 10px; width: 160px; height: 18px; line-height: 18px; text-indent: 0;}
#nav ul li a:hover {background: #435b89; color: #fefe00;}

/* Tertiary Nav */
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li li:hover ul, #nav li li.sfhover ul {left: auto; margin: -28px 0 0 170px;}
#nav li li:hover a.expand, #nav li li.sfhover a.expand {background: #435b89; color: #fefe00;}