/* Layout */
body {background-color: #454545; margin: 0}
body, table {font: 12px/18px Arial, Helvetica, sans-serif; color: #454545}
#container {background: #f4f4f4 url(images/wrap_bg.gif) repeat-y; width: 100%; margin: 0}
#head {background: url(images/head_bg.gif) repeat-x; width: 100%}
#outer_wrap {float: left; width: 900px}
#wrap {margin-left: 12px;}
#nav_wrap {float: left}
#nav_add {margin: 0; padding: 15px 0 15px 22px; color: #f4f4f4}
#subnav {margin: 0 0 10px 0; padding: 0}
#content_wrap {background: url(images/content_bg.gif) repeat-y; width: 548px; padding: 8px 15px 15px 15px; float: right}
#homecontent_wrap {background: url(images/content_bg.gif) repeat-y; width: 648px; padding: 8px 15px 15px 15px; float: right; line-height: 15px;}
.footer_grey {width: 100%; height: 8px; background-color: #d9d9d9; font-size: 1px}
#footer_blue {width: 100%; height: 19px; background-color:#363f99; color: #f4f4f4; text-indent: 35px;}
#sesame {width: 100%; background-color:#454545;}
.center {margin: 0 auto; display: block}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.break {clear: both}
#contact_info {margin: 0; padding: 0; float: left}

/* Images */
.img_right {margin: 0 0 15px 15px; float: right}
.img_right_border {border: solid 1px #454545; margin: 0 0 15px 15px; float: right}
.img_left_border {border: solid 1px #454545; margin: 0 15px 15px 0; float: left}
.img_center_border {border: solid 1px #454545; margin: 0 auto; display: block}
.img_border {border: solid 1px #454545}

/* Lists */
ul, ol {margin: 10px 0 10px 15px}
#hours {list-style: none; margin: 0; padding: 0}
#hours li#right_col {margin: -18px 0 0 50px}

/* Text */
.bold_blue {font-weight: bold; color: #363f99}

/* Headings */
h1 {font: 24px Arial, Helvetica, sans-serif; color: #454545; margin: 0 0 15px 0}
h2 {font: bold 17px Arial, Helvetica, sans-serif; color: #363f99; margin: 0 0 5px 0}
h3 {font: bold 11px Arial, Helvetica, sans-serif; color: #363f99; margin: 0 0 0px 0}
h4 {font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; margin: 0 0 0px 0}

/* Links */
a:link, a:visited {color: #363f99}
#footer_blue a:link, #footer_blue a:visited {font: 11px Arial, Helvetica, sans-serif; color: #f4f4f4; text-decoration: none}
#footer_blue a:hover {text-decoration: underline}
#sesame a:link, #sesame a:visited {font-size: 10px; color: #f4f4f4; text-decoration: none}
#sesame a:hover {text-decoration: underline}
#subnav a:link, #subnav a:visited {color: #454545; text-decoration: underline}
#subnav a:hover {color: #363f99}
#subnav a.active {color: #363f99; cursor: default}

/* Nav */
b {display: none}
ul#nav {width: 210px; padding: 0; margin: 0}
ul#nav li a {margin: 10px 0 0 0}

#nav_about {background: url(images/nav/about_us.gif)}
#nav_first_visit {background: url(images/nav/first_visit.gif)}
#nav_faqs {background: url(images/nav/faqs.gif)}
#nav_ortho {background: url(images/nav/about_ortho.gif)}
#nav_braces {background: url(images/nav/braces_101.gif)}
#nav_invisalign {background: url(images/nav/invisalign.gif)}
#nav_contact {background: url(images/nav/contact.gif)}
#nav_home {background: url(images/nav/home.gif)}

#nav a {width: 210px; height: 18px; display: block; text-decoration: none; margin: 0}
#nav a:hover, 
#about #nav_about, #nav li:hover #nav_about, #nav li.sfhover #nav_about,
#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,
#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, 
#invisalign #nav_invisalign, #nav li:hover #nav_invisalign, #nav li.sfhover #nav_invisalign,
#contact #nav_contact, #nav li:hover #nav_contact, #nav li.sfhover #nav_contact,
#home #nav_home, #nav li:hover #nav_home, #nav li.sfhover #nav_home {background-position: 0 -18px}

/* Drop Down */
#nav, #nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0}
#nav li {display: inline; margin: 10px 0 0 0}
/* Drop Down Box */
#nav li ul {background-color: #f4f4f4; border: solid 1px #939393; border-width: 1px 1px 1px 0; font: 12px tahoma; color: #fff; left: -9999px; position: absolute; z-index: 1; padding: 0 2px 2px 2px}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -19px 0 0 210px}
/* Drop Down Text/Link */
#nav ul li a {color: #fff; padding: 3px 0 0 10px; margin: 2px 0 0 0; width: 145px; height: 20px; background-color: #939393}
#nav ul li a:hover {color: #454545; background-color: #d9d9d9}