/* Layout */

body {background: #87a0aa url(images/bg.gif) repeat-x; margin: 10px}

body, table, td {font: 12px/18px Arial; text-align: left}

#container {width: 772px; margin: 0 auto}

#nav_wrap {background: url(images/nav/nav_bg.gif) repeat-y; width: 225px; height: 100%}

#address {width: 205px; padding: 10px; color: #fff; line-height: 14px}

#content_wrap {background: url(images/content_bg.gif) repeat-y; width: 547px; height: 350px}

#content_home {padding: 5px 30px 0 30px}

#content {padding: 5px 30px 15px 30px}

#footer_bg {background: url(images/footer_bg.gif) no-repeat; height: 46px; font: 12px Arial; color: #234552; padding: 0 10px}

#footer_bg a:link, #footer_bg a:visited {color: #234552; text-decoration: none}

#footer_bg a:hover {text-decoration: underline}

#flash_logo {float: right; margin-top: -3px}

a.sesame:link, a.sesame:visited {color: #fff; text-decoration: none; padding-left: 10px}

a.sesame:hover {text-decoration: underline}

.sidebar {width: 120px; border: solid 1px #373737; display: inline; background-color: #fff200; padding: 7px; float: right; text-align: center; margin: 5px 0 15px 15px}

.clear {clear: both}



/* Headings */

h1 {font: bold 17px Arial; color: #4f844d; margin: 10px 0 3px 0}

h2 {font: bold 14px Arial; color: #45869f; margin: 10px 0 3px 0}

h3 {font: bold 12px Arial; color: #000; margin: 10px 0 0 0}



/* Images */

.img_border {border: solid 1px #373737}

.img_left_border {border: solid 1px #373737; margin: 5px 15px 15px 0; float: left}

.img_right_border {border: solid 1px #373737; margin: 5px 0 15px 15px; float: right}

.img_center_border {border: solid 1px #373737; margin: 0 auto; display: block}



/* Lists */

ol, ul {margin-bottom: 10px; margin-top: 0}

#contact_info {margin:0; padding: 0;}

#hours {list-style: none; margin: 0; padding: 0}

#hours li#right_col {margin: -18px 0 0 130px} 





/* Links */

a:link, a:visited {color: #45869f}

a:hover {color: #4f844d}



/* Nav */

b {display: none}

#nav {background: #009933; width: 225px}



#nav_home {background: url(images/nav/home.gif)}

#nav_office {background: url(images/nav/about_office.gif)}

#nav_ortho {background: url(images/nav/thinking_ortho.gif)}

#nav_braces {background: url(images/nav/braces_101.gif)}

#nav_magic {background: url(images/nav/magic_braces.gif)}

#nav_painter {background: url(images/nav/brace_painter.gif)}

#nav_emergency {background: url(images/nav/emergency_care.gif)}

#nav_form {background: url(images/nav/patient-forms.gif)}

#nav_testimonials {background: url(images/nav/testimonials.gif)}

#nav_games {background: url(images/nav/game_room.gif)}

#nav_contact {background: url(images/nav/contact.gif)}



#nav a {width: 225px; height: 28px; display: block; text-decoration: none}

#nav a:hover, 

#home #nav_home, #nav li:hover #nav_home, #nav li.sfhover #nav_home,

#office #nav_office, #nav li:hover #nav_office, #nav li.sfhover #nav_office,

#ortho #nav_ortho, #nav li:hover #nav_ortho, #nav li.sfhover #nav_ortho, 

#braces #nav_braces, #nav li:hover #nav_braces, #nav li.sfhover #nav_braces, 

#magic #nav_magic, #nav li:hover #nav_magic, #nav li.sfhover #nav_magic,

#painter #nav_painter, #nav li:hover #nav_painter, #nav li.sfhover #nav_painter,

#emergency #nav_emergency, #nav li:hover #nav_emergency, #nav li.sfhover #nav_emergency,

#testimonials #nav_testimonials, #nav li:hover #nav_testimonials, #nav li.sfhover #nav_testimonials,

#games #nav_games, #nav li:hover #nav_games, #nav li.sfhover #nav_games,

#forms #nav_form, #nav li:hover #nav_form, #nav li.sfhover #nav_form,

#contact #nav_contact, #nav li:hover #nav_contact, #nav li.sfhover #nav_contact {background-position: 0 -28px}



/* Drop Down */

#nav, #nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: solid 1px #000; border-width: 0 0 1px 0}

#nav li {display: inline}

#nav li ul {background: #7ca67a; border: 1px solid #000; font: bold 12px arial; color: #fff; left: -9999px; position: absolute; z-index: 1; padding: 3px 0}

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -28px 0 0 225px}

#nav ul li a {color: #fff; padding: 3px 0 0 10px; width: 140px; height: 20px}

#nav ul li a:hover {color: #fff200}