/* HTML, BODY ---------- */
body {background: #000; color: #FFF; font: 12px/1.5em tahoma, sans-serif; height: 100%; margin: 0; max-height: 100%; overflow: hidden; padding: 0; text-align: center}
* html body {padding-top: 95px}
/* TEXT ---------- */
body, table, input, textarea {color: #FFF; font: 12px/18px arial, sans-serif}
p {margin: 0 0 1em 0}
td {vertical-align: top}
.flash p {margin: 10px; padding: 5px; position: relative; z-index: 3}
/* HEADERS ---------- */
h1 {color: #0297D3; font: normal 20px georgia, serif; margin: 0 0 5px 0}
h2 {color: #939598; font-size: 14px; font-weight: bold; margin: 0}
h3 {color: #0297D3; font-size: 12px; font-weight: bold; margin: 0}
/* LISTS ---------- */
ol, ul {margin-bottom: 1em; margin-top: 0}
dl {list-style: none; margin: 0 0 1em 0; padding: 0}
dd {margin: -1.5em 0 0 6em}
/* FORM ---------- */
input, textarea {color: #000}
/* LINKS ---------- */
a {color: #0297D3; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: url(images/haymore_ward_ortho_home.gif); display: block; height: 50px; left: 50%; margin-left: -143px; overflow: hidden; position: absolute; text-indent: -999em; top: 10px; width: 286px; z-index: 1}
#index a#logo {background: url(images/haymore_ward_ortho_home.gif)}
.thumbnail a {text-decoration: none}
/* NAVIGATION ---------- */
ul#navigation {height: 95px; list-style: none; margin: 0 auto; padding: 0; width: 780px}
#navigation li {float: left}
#navigation a {border: 1px solid transparent; border-width: 0 1px; _border-color: yellow; _filter: chroma(color=yellow); display: block; height: 94px; overflow: hidden; text-indent: -999em}
#home {background: url(images/navigation/home.gif); width: 66px}
#about_us {background: url(images/navigation/about_us.gif); width: 93px}
#new_patients {background: url(images/navigation/new_patients.gif); width: 115px}
#about_orthodontics {background: url(images/navigation/about_orthodontics.gif); width: 162px}
#braces_101 {background: url(images/navigation/braces_101.gif); width: 100px}
#the_game_room {background: url(images/navigation/the_game_room.gif); width: 129px}
#contact_us {background: url(images/navigation/contact_us.gif); width: 101px}
#navigation a:hover, #navigation a.active {background-color: #1D1E1E; border: 1px solid #666; border-width: 0 1px; margin: 0}
#index #home {background: url(images/navigation/home/home.gif)}
#index #about_us {background: url(images/navigation/home/about_us.gif)}
#index #new_patients {background: url(images/navigation/home/new_patients.gif)}
#index #about_orthodontics {background: url(images/navigation/home/about_orthodontics.gif)}
#index #braces_101 {background: url(images/navigation/home/braces_101.gif)}
#index #the_game_room {background: url(images/navigation/home/the_game_room.gif)}
#index #contact_us {background: url(images/navigation/home/contact_us.gif)}
#index #navigation a:hover, #index #navigation a.active {background-color: #001E2A}
#navigation li ul {background: #3B3C3D; border: 1px solid #666; border-width: 1px 1px 0 1px; left: -999em; list-style: none; margin: 0; padding: 0; position: absolute; text-align: left}
#navigation li:hover ul, #navigation li.sfhover ul {left: auto}
#navigation ul li {float: none}
#navigation ul li a {border: 1px solid #666; border-width: 0 0 1px 0; color: #FFF; font-size: 11px; height: 20px; line-height: 20px; margin: 0; padding-left: 10px; text-decoration: none; text-indent: 0; width: 148px}
#navigation ul li a:hover {background: #1D1E1E; border-width: 0 0 1px 0}
#index #navigation li ul {background: #013C54}
#index #navigation ul li a:hover {background: #001E2A}
/* IMAGES ---------- */
img {border: none}
.image {left: 50%; margin-left: -390px; position: absolute; top: 95px}
.flash img {float: left; margin-right: 10px}
/* LAYOUT ---------- */
#header {background: #3b3c3d url(images/header_bg.gif) repeat-x center 0; height: 95px; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 2}
#index #header {background: #013C54 url(images/header_home_bg.gif) repeat-x center 0}
#footer {background: #3b3c3d; border-top: 1px solid #666; bottom: 0; font-size: 11px; height: 100%; left: 0; padding: 10px 0; position: absolute; text-align: center; top: 545px; width: 100%}
#index #footer {background: #013C54}
#wrap {height: 450px; left: 0; overflow: auto; position: fixed; right: 0; text-align: center; top: 95px; width: 100%}
#container {margin: 0 auto; padding: 40px 10px 40px 320px; position: relative; text-align: left; top: 0; width: 450px;}
* html #container {width: 778px}
#flash_home {background: url(images/flash_bg.gif); height: 450px; left: 50%; margin-left: -390px; position: absolute; top: 95px; width: 300px}
.thumbnail {float: left; margin: 10px 0; text-align: center}