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

/* TEXT ---------- */
body, table {color: #393939; font: 12px/18px arial, sans-serif}
p {margin: 0}
b {visibility: hidden}
td {vertical-align: top}
.white {color: #fff}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; color: #0c479d; font: normal 16px times new roman, serif; height: 30px; margin: 0; text-indent: -999em; text-transform: uppercase}
h2 {color: #106cb6; font-size: 12px; margin: 0}
h3, .highlight {font-size: 12px; font-weight: bold; margin: 0}

/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0}
ul#nav {list-style-type: none; margin: -5px 0 0 0; padding: 0}

/* LINKS ---------- */
a:link, a:visited {color: #106cb6; text-decoration: underline}
a:hover, a:active {text-decoration: none}
#footer a {color: #FFF}
a#sesame {color: #393939}

/* NAV ---------- */
#nav a {display: block; height: 20px; margin-bottom: 10px; text-decoration: none; width: 165px}
#nav_what_is_invisalign {background: url(images/nav_what_is_invisalign.gif)}
#nav_benefits_of_invisalign {background: url(images/nav_benefits_of_invisalign.gif)}
#nav_invisalign_instructions {background: url(images/nav_invisalign_instructions.gif)}
#nav_getting_started {background: url(images/nav_getting_started.gif)}
#nav_about_us {background: url(images/nav_about_us.gif)}
#nav_referral_form {background: url(images/nav_referral_form.gif)}
#nav_comment_form {background: url(images/nav_comment_form.gif)}

#navbar a {float: left; height: 20px; text-decoration: none}
#nav_smilepower_com {background: url(images/nav_smilepower_com.gif); width: 144px}
#nav_home {background: url(images/nav_home.gif); width: 57px}
#nav_contact_us {background: url(images/nav_contact_us.gif); width: 82px}

#nav a:hover, #navbar a:hover {background-position: 0 -20px}
#what_is_invisalign #nav_what_is_invisalign, 
#benefits_of_invisalign #nav_benefits_of_invisalign, 
#invisalign_instructions #nav_invisalign_instructions, 
#getting_started #nav_getting_started, 
#about_us #nav_about_us, 
#referral_form #nav_referral_form, 
#comment_form #nav_comment_form, 
#home #nav_home, 
#contact_us #nav_contact_us {background-position: 0 -20px; cursor: default}

/* IMAGES ---------- */
img, table {border: none}
.image {border: 2px solid #575757}
.centered {display: block; margin: 0 auto}
.clear {clear: both}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
.cc {margin-bottom: -7px}

/* LAYOUT ---------- */
#container {background: #FFF url(images/layout_container_bg.gif) repeat-x; width: 100%}
#col1 {background: url(images/layout_col1_bg.gif) repeat-y}
ul#nav {background: url(images/layout_nav_bg.gif) no-repeat; height: 406px; padding-left: 25px; width: 165px}
#col2 {background: url(images/layout_col2_bg.gif) repeat-y; width: 100%}
#header {background: url(images/layout_header_bg.jpg); height: 140px; width: 590px}
#navbar {height: 20px}
#content {padding: 30px 0 30px 30px; width: 560px}
#home #content {background: url(images/layout_home_bg.gif) no-repeat 30px 0; padding-top: 10px}
#footer {background: #a6a6a6; color: #000; font-size: 10px}
#footer td {padding: 10px 0 10px 30px}