/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #111; margin: 0}

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

BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; color: #FFF; 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}
#top-info { text-align:right; width:200px; float:right; padding:5px 0;}

img.right {
border: solid 1px #000;
margin: 0 0 15px 15px;
float: right;
clear: right;}
.img-left {
border: solid 1px #000;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
#sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
#sidebar a {
color: #036;}
#sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 15px 0;}
.clear {clear: both;}