/* Layout */
html {background: url(images/bg.jpg) repeat}
body {background: url(images/container_bg.gif) repeat-y center 0; margin: 0; height: 100%}
body, table {font: 12px/18px Arial, Helvetica, sans-serif; color: #722e21}
#container {background: url(images/container_bg.gif) repeat-y; width: 725px; margin: 0 auto; height: 100%}
#wrap {background: url(images/wrap_bg.jpg) repeat-y; margin: 0 0 0 9px; width: 653px; border-width: 0 2px 2px 2px; border: solid 2px #722e21}
#wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
#content_wrap {background: #f7e8da; width: 484px; height: 100%; float: right}
#content {padding: 15px}
#footer {text-align: center; padding: 20px; color: #fff; line-height: normal; vertical-align: bottom}
#footer_nav {font-size: 11px; color: #000}
#subnav {margin: 0 0 30px 0; text-align: right; display: block}
.clear {clear: both}
.none {display: none}

/* Links */
a:link, a:visited {color: #722e21}
#footer_nav a:link, #footer_nav a:visited {color: #000; text-decoration: underline}
#footer_nav a:hover {color: #fff}
#sesame {font-size: 11px; color: #722e21}
#subnav a:link, #subnav a:visited {font: bold italic 14px Georgia, "Times New Roman", Times, serif; color: #722e21; text-decoration: none}
#subnav a:hover, #subnav a.active {text-decoration: underline}


/* Headings */
h1 {font: bold 17px Arial, Helvetica, sans-serif; color: #722e21; margin: 10px 0 5px 0}
h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #722e21; margin: 10px 0 5px 0}
h3 {font: bold 12px Arial, Helvetica, sans-serif; color: #722e21; margin: 10px 0 5px 0}

/* Sidebar */
.sidebar {background-color: #CC9966; border: solid 1px #722e21; width: 120px; padding: 10px; margin: 0 0 10px 10px; float: right; display: block; text-align: center}

/* Images */
img {display: block}
.img_border {border: solid 1px #722e21}.img_center {margin: 0 auto; display: block}
.img_center_border {border: solid 1px #722e21; margin: 0 auto; margin-bottom: 5px; display: block}
.img_left_border {border: solid 2px #722e21; margin: 0 15px 15px 0; padding: 0; float: left; display: inline; background-color: #ad7546}
.img_right_border {border: solid 2px #722e21; margin: 0 0 15px 15px; padding: 0; float: right; display: inline; background-color: #ad7546}

/* Lists */
ul, ol {margin: 0}
ul.list {margin: 0 0 15px 20px}

/* Nav */
b {display: none}
ul#nav {width: 161px; margin-top: 10px; padding: 0; border: 0; line-height: 1; list-style: none; float: left}
#nav li, #top_nav li {display: inline}

/* Top Nav */
#nav_wrap {height: 203px; background: url(images/nav/topnav_bg.jpg) no-repeat; float: right; padding-right: 59px}
ul#top_nav {width: 171px; margin-top: 36px; padding: 0; border: 0; line-height: 1; list-style: none}

#nav_login {background: url(images/nav/patient_login.jpg)}
#nav_contact {background: url(images/nav/contact.jpg)}
#nav_home {background: url(images/nav/home.jpg)}

ul#top_nav a {width: 171px; height: 37px; display: block; text-decoration: none}
ul#top_nav a:hover,
#login #nav_login, #top_nav li:hover #nav_login, #top_nav li.sfhover #nav_login,
#contact #nav_contact, #top_nav li:hover #nav_contact, #top_nav li.sfhover #nav_contact,
#home #nav_home, #top_nav li:hover #nav_home, #top_nav li.sfhover #nav_home {background-position: 0 -37px}

/* Side Nav */
#nav_about {background: url(images/nav/about_us.jpg)}
#nav_tour {background: url(images/nav/office_tour.jpg)}
#nav_policies {background: url(images/nav/office_policies.jpg)}
#nav_first_visit {background: url(images/nav/first_visit.jpg)}
#nav_faqs {background: url(images/nav/faqs.jpg)}
#nav_braces {background: url(images/nav/braces_101.jpg)}
#nav_invisalign {background: url(images/nav/invisalign.jpg)}
#nav_clarity {background: url(images/nav/clarity_braces.jpg)}
#nav_links {background: url(images/nav/ortho_links.jpg)}

ul#nav a {width: 161px; height: 28px; display: block; text-decoration: none}
ul#nav a:hover, 
#about #nav_about, #nav li:hover #nav_about, #nav li.sfhover #nav_about,
#tour #nav_tour, #nav li:hover #nav_tour, #nav li.sfhover #nav_tour,
#policies #nav_policies, #nav li:hover #nav_policies, #nav li.sfhover #nav_policies,
#first_visit #nav_first_visit, #nav li:hover #nav_first_visit, #nav li.sfhover #nav_first_visit, 
#faqs #nav_faqs, #nav li:hover #nav_faqs, #nav li.sfhover #nav_faqs,
#braces #nav_braces, #nav li:hover #nav_braces, #nav li.sfhover #nav_braces, 
#invisalign #nav_invisalign, #nav li:hover #nav_invisalign, #nav li.sfhover #nav_invisalign,
#clarity #nav_clarity, #nav li:hover #nav_clarity, #nav li.sfhover #nav_clarity,
#links #nav_links, #nav li:hover #nav_links, #nav li.sfhover #nav_links {background-position: 0 -28px}

