/* HTML, BODY ---------- */

html {background: #BEC0C2 url(images/html_bg.gif) repeat-x; height: 100%; margin-bottom: 1px}

body {background: url(images/body_bg.gif) no-repeat center 30px; margin: 0; min-height: 570px}

* html body {height: 570px}



/* TEXT ---------- */

body, table, input, textarea {color: #464A4C; font: 11px/18px tahoma, sans-serif}

p {margin: 0 0 10px 0}

td {vertical-align: top}

.flash p {background: #FFFF99; bottom: 0; font-size: 10px; line-height: 14px; margin: 10px; padding: 5px; position: absolute}

hr {background: #FFF; border: 0; clear: both; color: #FFF; height: 2px; margin-bottom: 10px}



/* HEADERS ---------- */

h1 {color: #19437E; font: normal 25px georgia, serif; margin: 0}

h2 {color: #19437E; font: normal 18px georgia, serif; margin: 0 0 5px 0}

h3 {color: #19437E; font-size: 12px; font-weight: bold; margin: 0}

h4 {font-size: 11px; font-weight: bold; margin: 0}



/* LISTS ---------- */

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



/* LINKS ---------- */

a {color: #19437E; text-decoration: underline}

a:hover {text-decoration: none}

a#logo {background: url(images/definition_dental.gif) no-repeat 0 10px; display: block; height: 110px; padding: 10px 0; overflow: hidden; text-indent: -999em; width: 333px}

#footer a {font-size: 9px}



/* NAVIGATION ---------- */

ul#navigation {border: 1px solid #FFF; border-width: 2px 0 1px 0; list-style: none; margin: 0; padding: 0; position: absolute; right: 20px; top: 20px; z-index: 1}

#navigation a {display: block; height: 30px; overflow: hidden; text-indent: -999em; width: 160px}

#our_office {background: url(images/navigation/our_office.gif)}

#for_new_patients {background: url(images/navigation/for_new_patients.gif)}

#teeth_101 {background: url(images/navigation/teeth_101.gif)}

#define_your_smile {background: url(images/navigation/define_your_smile.gif)}

#restore_your_smile {background: url(images/navigation/restore_your_smile.gif)}

#care_for_your_smile {background: url(images/navigation/care_for_your_smile.gif)}

#contact_us {background: url(images/navigation/contact_us.gif)}

#home {background: url(images/navigation/home.gif)}

#navigation a:hover, #navigation a.active {background-position: 0 -30px}

#navigation a.active {cursor: default}



.subnav a {font-weight: bold}

.subnav a.active {text-decoration: none}



/* IMAGES ---------- */

img, table {border: none}

.border {border: 2px solid #FFF}

.centered {display: block; margin: 0 auto 10px auto}

.clear {clear: both}

.left {float: left; margin: 0 10px 10px 0}

.right {float: right; margin: 0 0 10px 10px}

.flash img {float: left; margin-right: 10px}



/* LAYOUT ---------- */

#wrap {margin: 0 auto; width: 760px}

#container {background: #19437E url(images/container_bg.gif) no-repeat; border: 5px solid #FFF; min-height: 375px; padding: 20px; position: relative}

* html #container {height: 375px}

#content {background: #D1D9E5 url(images/content_bg.gif) no-repeat; border: 2px solid #FFF; margin-right: 182px; padding: 20px 20px 10px 20px}

.flash {position: relative}

#footer {padding: 10px 0; text-align: center}