/* 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_right { 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}

#social-icons {margin:10px;}
#social-icons img, #social-icons a {height:40px; width:auto;}