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

html {height: 100%; margin-bottom: 1px}

body {background: #111; margin: 0}



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

body, table, input, textarea {color: #ffffff; font: 12px/18px tahoma, sans-serif}



BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; font-family: Tahoma, Times New Roman, Arial, Helvetica, sans serif; font-size: 12px; line-height: 18px; }



.Header		{color: #CC0000; font-size: 24px; font-weight: normal; font-family: Times New Roman, serif; margin: 0 0 10px 0; text-transform: uppercase;}

.Subheader	{color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 0;}

.Subheader2	{font-size: 12px; font-weight: bold; margin: 0;}



.Red		{ color: #CC0000; }

.Gray		{ color: #CCCCCC; }

.White		{ color: #FFFFFF; }



p {margin-top: 0}

td {vertical-align: top}

hr {border: 0; background: #212121; clear: both; color: #212121; height: 4px; margin: 20px 0}

* .flash p {background: #FFFF99; color: #333; font-size: 10px; line-height: 14px; margin: 10px; padding: 5px}



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

h1 {color: #CC0000; font: normal 22px times new roman, serif; height: 22px; margin: 0 0 10px 0; overflow: hidden; position: relative; text-transform: uppercase}

h1 span {background-color: #111; background-repeat: no-repeat; height: 100%; position: absolute; width: 100%}

h2, * .highlight {color: #FFF; font-size: 14px; font-weight: bold; margin: 0}

h3 {font-size: 12px; font-weight: bold; margin: 0}



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

input, textarea {color: #333}



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

ol, ul {margin-top: 0}

ol.faq {margin-left: 20px; padding: 0 0 0 10px}

ol.faq ul {list-style-type: none}

ol.faq ul {list-style: disc; padding-bottom: 1em}



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

a {color: #FF6666; text-decoration: underline}

a:hover {color: #CC0000; text-decoration: none}



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

* #nav ul {list-style: none; margin: 0; padding: 0}

* #nav li {float: left}

* #nav li a {display: block; height: 30px; overflow: hidden; text-indent: -999em}

* #patient_login {background: url(images/navigation/patient_login.gif); width: 171px}

* #our_team {background: url(images/navigation/our_team.gif); width: 123px}

* #our_services {background: url(images/navigation/our_services.gif); width: 146px}

* #all_about_braces {background: url(images/navigation/all_about_braces.gif); width: 180px}

* #contact_us {background: url(images/navigation/contact_us.gif); width: 140px}

* #our_office {background: url(images/navigation/our_office.gif); width: 133px}

* #faq {background: url(images/navigation/faq.gif); width: 76px}

* #patient_forms {background: url(images/navigation/patient_forms.gif); width: 152px}

* #fun_and_games {background: url(images/navigation/fun_and_games.gif); width: 161px}

* #helpful_links {background: url(images/navigation/helpful_links.gif); width: 149px}

* #home {background: url(images/navigation/home.gif); width: 89px}

* #nav li a:hover, #nav * .active {background-position: 0 -30px}

* .subnav {border-top: 2px solid #FFF; list-style: none; margin: 0; padding: 0}

* .subnav li {font-size: 10px; height: 16px; line-height: 15px}

* .subnav a {background: #1B1B1B; border-top: 1px solid #4b4b4b; color: #CCC; display: block; height: 15px; text-align: center; text-decoration: none}

* .subnav a:hover {background: #4b4b4b; border-top: 1px solid #FFF; color: #FFF}



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

img, table {border: none}

* .border {border: 4px solid #333; padding: 1px}

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

* .clear {clear: both}

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

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

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

* .team {float: left; height: 250px; text-align: center; width: 25%}

* .before_after {float: left; text-align: center; width: 50%}

TD.before_after {text-align: center; width: 50%}

* .before_after img {border: 4px solid #333; margin: 2px; padding: 1px}

* #games img {background: #FFF; border: 4px solid #212121}



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

* .container {margin: 0 auto; position: relative; width: 760px}

* #header {height: 90px; margin: 0 auto; width: 760px}

* #nav {background: #1B1B1B; border: 5px solid #212121; border-width: 5px 0; height: 170px}

* #content {padding: 20px 0}

* #content:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #footer {background: url(images/layout_footer_bg.gif) repeat-x; clear: both; font-size: 11px; padding: 15px 0; text-align: center}