* { margin: 0; outline: none; padding: 0; }
body { background: #8B8958 url(../images/bg.jpg) top repeat-x; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form { color: #FFF; font-family: tahoma, arial, sans-serif; font-size: 11px; }
input, textarea { color: #49452C; font-family: tahoma, arial, sans-serif; font-size: 11px; }
p { color: #FFF; line-height: 20px; margin: 10px 0; }
p.breadcrumbs { color: #5C3E4B; font-size: 10px; line-height: 10px; }
p.top-link { clear: both; font-size: 11px; line-height: 14px; margin-top: 20px; text-align: right; }
blockquote { margin: 10px 40px; padding: 0; }
body.site-map #content ul { font-size: 12px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 20px; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { font-size: 12px; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: url(../images/hr.gif); clear: both; height: 2px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ul { font-size: 11px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 40px; }
#content ul li { margin: 5px 0; }
#content ul li ul { line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 5px 0; }
#footer p { color: #FFF; font-size: 11px; line-height: 16px; }
.phone { text-indent:0; z-index:999; color:#483c32; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; position:absolute; left:20px; top:41px; }
/* - - - LINKS - - - */
a { color: #49452C; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p.breadcrumbs a { color: #5C3E4B; font-size: 10px; font-weight: normal; line-height: 10px; text-decoration: none; }
p.breadcrumbs a:hover { text-decoration: underline; }
p.top-link a { color: #5C3E4B; text-decoration: none; }
p.top-link a:hover { text-decoration: underline; }
#footer a { color: #FFF; font-weight: bold; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 65px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 75px; overflow: hidden; text-indent: -9999px; }
h2 { color: #5A5533; font-size: 24px; font-weight: normal; margin: 15px 0; }
h2.home{font-size: 18px; font-weight:bold; font-style:italic; color:#49452c; font-family: tahoma, arial, sans-serif; }
h3 { color: #FFF; font-size: 18px; font-weight: normal; margin: 15px 0; }
h4 { color: #FFF; font-size: 11px; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.border { border: 2px solid #49452C; }
img.center { clear: both; margin: 0 auto; }
img.clear { clear: left; }
img.left { clear: left; float: left; margin: 0 20px 20px 0; }
img.right { clear: right; float: right; margin: 0 0 20px 20px; }
img.auto { clear: right; float: right; margin: 0 0 20px 20px; }
img.link { float: left; margin: 10px 20px 10px 0; }
img.link-end { margin: 10px 0; }
img.logo { margin-top: 34px; position: absolute; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { border: 2px solid #49452C; float: right; margin-bottom: 20px; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#citrus-heights-address { background: url(../images/citrus-heights-address.gif); height: 108px; margin: 60px 0 0 406px; text-indent: -9999px; overflow: hidden; position: absolute; width: 182px; }
#container { margin: 0 auto; width: 820px; }
#content { width: 820px; }
#header { display: block; height: 203px; width: 820px; }
#home-links { margin-left: 340px; width: 480px; }
#footer { margin: 60px auto 0; padding: 40px 0 20px; width: 820px; }
#footer-wrapper { background: #493C33 url(../images/footer-bg.jpg) top repeat-x; clear: both; width: 100%; }
#in-ovation-comparison { margin: 20px auto; overflow: auto; width: 500px; }
#in-ovation-comparison p { margin: 0; }
#in-ovation-comparison img.left { border: none; clear: left; float: left; margin: 0 10px 50px 0; }
#in-ovation-comparison .float { float: left; width: 225px; margin-left: 20px; }
#roseville-address { background: url(../images/roseville-address.gif); height: 108px; margin: 60px 0 0 628px; text-indent: -9999px; overflow: hidden; position: absolute; width: 182px; }

/* - - - FLASH - - - */
#flash-braces-diagram { height: 375px; margin: 20px 0; width: 500px; }
#flash-brushing-and-flossing { height: 300px; margin: 20px 0; width: 500px; }
#flash-common-treatments { height: 300px; margin: 20px 0; width: 500px; }
#flash-emergency-care { height: 300px; margin: 20px 0; width: 500px; }
#flash-home { float: left; height: 420px; margin-right: 20px; width: 320px; }
#video-in-ovation { background: #000; border: 1px solid #000; height: 280px; margin: 20px 0; width: 350px; }
#flash-palatal-expander { border: 2px solid #49452C; height: 150px; margin: 20px 0; width: 200px; }
flash-patient-care-videos { height: 350px; margin: 20px 0; width: 500px; }
#flash-types-of-appliances { height: 300px; margin: 20px 0; width: 500px; }
#flash-types-of-braces { height: 300px; margin: 20px 0; width: 500px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { height: 108px; width: 820px; }
#nav ul { list-style: none; width: 820px; }
#nav li { float: left; }
#nav a { display: block; height: 68px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION IMAGES - - - */
a#for-new-patients { background: url(../images/nav/for-new-patients.gif); width: 124px; }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.gif); width: 143px; }
a#faq { background: url(../images/nav/faq.gif); width: 49px; }
a#about-braces { background: url(../images/nav/about-braces.gif); width: 102px; }
a#treatment-options { background: url(../images/nav/treatment-options.gif); width: 138px; }
a#emergency-care { background: url(../images/nav/emergency-care.gif); width: 122px; }
a#contact-us { background: url(../images/nav/contact-us.gif); width: 88px; }
a#home { background: url(../images/nav/home.gif); width: 54px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover { background-position: 0 -136px; }
#nav ul li.active a { background-position: 0 -68px; }
#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients,
#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics,
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces,
#nav ul li:hover #treatment-options, #nav ul li.sfhover #treatment-options,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -136px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #483C32 url(../images/subnav-bg.gif) top repeat-x; left: -9999px; list-style: none; padding: 5px 0; position: absolute; z-index: 1; width: 180px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin-top: -10px; }
#nav ul li ul li { float: none; }
#nav ul li ul li a { color: #FFF; font-size: 11px; font-weight: normal; height: 22px; line-height: 22px; padding: 0 10px; text-decoration: none; text-indent: 0; width: 160px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { color: #FFF; font-weight: bold; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
#topnav { margin-left: 614px; position: absolute; width: 206px; }
#topnav ul { list-style: none; width: 206px; }
#topnav li { float: left; }
#topnav a { display: block; height: 34px; overflow: hidden; text-indent: -9999px; }

/* - - - TOP NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.gif); width: 103px; }
a#doctor-login { background: url(../images/nav/doctor-login.gif); width: 103px; }

/* - - - TOP NAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul a:hover, #topnav ul li.active a { background-position: 0 -34px; }

/* - - - - - - - - - - FORMS - - - - - - - - - - */

/* Global Form Styles */
fieldset { border: none; padding: 9px 0; }
fieldset div { clear: both; }
.form-header { }
.form-header h3 { margin: 0 0 9px; }
.form-header p { margin: 0; padding-bottom: 18px; }
.form-footer { padding-top: 18px; text-align: center; }
.form-footer button { background: #5C3E4B; border: 1px solid #5C3E4B; clear: both; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 31px; line-height: 31px; margin: 9px auto; text-align: center; width: 125px; }

/* Referral Form */
.referral-form-content { border: none; margin: 0 auto; width: 500px; }
.referral-form-content li { padding-left: 20px; }
.referral-form-content fieldset { border: none; padding: 9px 0; }
.referral-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 4px; text-align: right; width: 200px; }
.referral-form-content label span { color: #49452C; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
.referral-form-content input, .referral-form-content textarea { background: #fff; border: none; float: left; font-size: 12px; margin: 9px 0 9px 10px; padding: 4px 2px; width: 200px; }
.referral-form-content p.radio, .referral-form-content p.verification { clear: both; font-size: 12px; margin: 9px 0 9px 210px; }
.referral-form-content p.radio-float { clear: none; float: left; margin: 9px 0; padding: 0; width: 200px; }
.referral-form-content p.verification { margin-top: 0; }
.referral-form-content p.verification img { border: none; }
.referral-form-content p.radio input, .referral-form-content p.radio-float input { float: none; margin: 0 0 0 10px; padding: 4px 2px; width: auto; }

/* Comments Form */
.comment-form-content { border: none; }
.comment-form-content li { font-weight: bold; }
.comment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; padding-top: 4px; text-align: right; width: 200px; }
.comment-form-content label span { color: #49452C; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
.comment-form-content .label-block label { clear: both; float: none; text-align: left; width: 100%; }
.comment-form-content li.label-block { margin-left: 20px; }
.comment-form-content input, .comment-form-content textarea { background: #fff; border: none; float: left; font-size: 12px; margin: 9px 0 9px 10px; padding: 4px 2px; width: 200px; }
.comment-form-content p.verification { clear: both; font-size: 12px; margin: 0 0 9px 210px; }
.comment-form-content p.radio-float { clear: none; float: left; margin: 9px 0; padding: 0; width: 200px; }
.comment-form-content p.verification img { border: none; }
.comment-form-content p.radio input, .comment-form-content p.radio-float input { float: none; margin: 0 0 0 10px; padding: 4px 2px; width: auto; }
.comment-form-content .radio { font-weight: normal; text-align: left; }
.comment-form-content .comment-form-box label { display: block; float: none; font-weight: normal; text-align: left; }
.comment-form-content .comment-form-box textarea { float: none; margin-left: 0; width: 95%; }