/* HTML, BODY ---------------------------------------- */
html {background: #DFF7F6 url(images/background.gif); height: 100%; margin-bottom: 1px}
body {background: url(images/footer.gif) no-repeat 0 100%; margin: 0; min-height: 100%; text-align: center}
* html body {height: 100%}
/* TEXT ---------------------------------------------- */
body, table, input, textarea {color: #684F40; font: 12px/1.5em georgia, serif}
p {margin: 0; padding-bottom: 1em}
hr {background: #A3958C; border: 0; clear: both; color: #A9DCEE; height: 3px; margin-bottom: 1.5em}
* .clear {clear: both}
* .textless {overflow: hidden; text-indent: -999em}
* .call {background: #A6C6D7; padding: 8px; margin: 0; width: 265px; display: block; float: left; text-align: center; }
/* HEADERS ------------------------------------------- */
h1 {background-repeat: no-repeat; font-size: 1.17em; height: 18px; margin: 0 0 1.29em 0; overflow: hidden; text-indent: -999em}
.information h1 {height: 10px; margin: 0}
h2 {color: #A4958C; font-size: 1.17em; font-weight: normal; margin: 0; text-transform: uppercase}
h3 {font-size: 12px; font-weight: bold; margin: 0}
/* LISTS --------------------------------------------- */
ol, ul {margin-bottom: 1em; margin-top: 0}
* .information {background: #684F40; border: 1px solid #A69389; border-width: 1px 0; color: #A69389; display: inline-block; float: left; font-size: .92em; list-style: none; margin: 30px 15px 0 15px; padding: 5px 0; text-align: center; width: 220px}
* #footer {list-style: none; margin: 5px 30px 0 0; padding: 0; text-align: right;width:76%;float:left;}
#footer li {display: inline}
#social { float:left;width:150px;margin-top:5px; }
/* LINKS --------------------------------------------- */
a {color: #A4958C; text-decoration: underline}
a:hover {text-decoration: none}
#logo {
background:url("images/logo.gif") repeat scroll 0 0 transparent;
display:block;
height:67px;
left:115px;
position:absolute;
top:10px;
width:300px;
z-index:1;
}
* #patient-account-login {background: url(images/navigation/patient-account-login.gif) no-repeat 0 50%; border: 1px solid #684F40; border-width: 1px 0; display: block; height: 28px; margin: 15px 0; padding: 15px 0; width: 190px}
* #patient-testimonials {background: url(images/navigation/patient-testimonials.gif); display: block; height: 70px; width: 190px}
ul#footer a {color: #684F40; font-size: .83em;}
.information a {text-decoration: none;}
.information a:hover {color: #A6C6D7;}
/* NAVIGATION ---------------------------------------- */
* #masthead {list-style: none; margin: 0; padding: 0; position: absolute; right: 60px; top: 90px; width: 235px; z-index: 1}
#masthead li {float: left}
#masthead li a {border: 1px solid #684F40; border-width: 1px 0; display: block; height: 19px}
* #patient-login {background: url(images/navigation/patient-login.gif); margin-right: 10px; width: 139px}
* #site-map {background: url(images/navigation/site-map.gif); width: 86px}
* #navigation {left: 5px; list-style: none; margin: 0; padding: 0; position: absolute; top: 125px; width: 770px}
#navigation li {float: left; position: relative}
#navigation a {display: block; line-height: 20px; overflow: hidden; text-indent: -999em}
* #home {background: url(images/navigation/home.gif); width: 75px}
* #meet-our-team {background: url(images/navigation/meet-our-team.gif); width: 149px}
* #about-our-office {background: url(images/navigation/about-our-office.gif); width: 168px}
* #braces-101 {background: url(images/navigation/braces-101.gif); width: 114px}
* #fun-and-games {background: url(images/navigation/fun-and-games.gif); width: 147px}
* #contact-us {background: url(images/navigation/contact-us.gif); width: 117px}
#navigation a:hover, #navigation a.active,
#navigation li:hover #meet-our-team, #navigation li.sfhover #meet-our-team,
#navigation li:hover #about-our-office, #navigation li.sfhover #about-our-office,
#navigation li:hover #braces-101, #navigation li.sfhover #braces-101,
#navigation li:hover #fun-and-games, #navigation li.sfhover #fun-and-games,
#navigation li:hover #contact-us, #navigation li.sfhover #contact-us {background-position: 0 -20px}
#navigation ul {background: #A3958C; border: 1px solid #FFF; border-width: 0 1px 1px 0; border-top: 1px solid #684F40; left: -999em; list-style: none; margin: 0; padding: 0; position: absolute; width: 200px}
#navigation ul li {display: inline; float: none}
#navigation li:hover ul, #navigation li.sfhover ul {display: block; left: 50%; margin-left: -100px}
#navigation ul a {border: 1px solid #684F40; border-width: 0 1px 1px 1px; color: #FFF; display: block; height: 1.5em; line-height: 1.5em; text-align: center; text-indent: 0; text-decoration: none}
#navigation ul a:hover, #navigation ul a:hover {color: #C2DBE8; background: #684F40}
/* IMAGES -------------------------------------------- */
img {border: none; color: #CCC}
* .border {border: 1px solid #684F40; border-left: 1px solid #EEE; border-top: 1px solid #EEE; padding: 0 1px 1px 0}
* .centered {display: block; margin: 0 auto 1em auto}
* .left {float: left; margin: 0 10px 10px 0}
* .right {float: right; margin: 0 0 10px 10px}
/* LAYOUT -------------------------------------------- */
* #wrap {margin: 0 auto; padding-bottom: 180px; position: relative; text-align: left; width: 780px}
* #container {background: url(images/container.gif); padding: 30px 15px; width: 750px}
* #content {background: #FFF; margin: 0 15px; min-height: 200px; padding: 0 30px; width: 660px}
* html #content {height: 200px}
#container:after, #content:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
* #content-top, * #content-bottom {background: url(images/content-top.gif); height: 30px; margin: 0 auto; width: 720px}
* #content-bottom {background: url(images/content-bottom.gif)}
* .callout {float: left; margin-right: 30px; width: 190px}
* .staff {margin: 0; padding: 0; float: left; width: 80%;}
.staff p {margin: 0; padding-bottom: 1em;}
/* IN-OVATION ---------------------------------------- */
h2.media-center {background: #000033; color: #FFF; margin: 0; padding: 5px}
div.media-center {background: #336699; color: #FFF; display: inline-block; margin-bottom: 10px; overflow: auto; padding: 10px}
div.media-center a {color: #FFF}
div.media-center img {border: 1px solid #FFF}
/* THE GAME ROOM ------------------------------------- */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0; padding: 0}
ul#sesame-games li {clear: both; display: inline-block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games p {padding-bottom: 1em}
/* EDIT.COM ------------------------------------- */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Georgia, serif;
font-size: 12px;
line-height: 16px;
color: #684F40;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.SubjectHeader {
font-family: Georgia, serif;
font-size: 14px;
color: #A4958C;
font-weight: normal;
text-transform: uppercase;
}
* .PageTitle {
font-family: Georgia, serif;
font-size: 18px;
line-height: 22px;
color: #A6C6D7;
font-weight: bold;
text-transform: uppercase;
}
td.BrownBorderTop {border-top: solid 2px #A3958C; padding-top: 20px;}
* div.information {background: #684F40; border: 1px solid #A69389; border-width: 1px 0; color: #A69389; display: inline-block; float: left; margin: 30px 15px 0 15px; padding: 5px 0; text-align: center; width: 220px}
#youtube {
background:url("images/icon-youtube.gif") repeat scroll 0 0 transparent;
display:block;
height:25px;
left:285px;
position:absolute;
top:86px;
width:25px;
z-index:1;
}
#twitter {
background:url("images/icon-twitter.gif") repeat scroll 0 0 transparent;
display:block;
height:25px;
left:250px;
position:absolute;
top:86px;
width:25px;
z-index:1;
}
#facebook {
background:url("images/icon-facebook.gif") repeat scroll 0 0 transparent;
display:block;
height:25px;
left:215px;
position:absolute;
top:86px;
width:25px;
z-index:1;
}