/* Layout */
body {background: #aaaa6c url(images/html-bg.gif) repeat-x; margin: 0;}
#wrap {background: url(images/body-bg.jpg) no-repeat 780px 11px; margin: 0;}
#container {background: #e9eada url(images/content-top.gif) no-repeat; width: 775px; margin-top: 40px; padding: 0 0 20px 0;}
#left-col {width: 225px; margin: 70px 20px 0 0; padding: 0 5px; text-align: center; float: left;}
#content {width: 510px; margin: 70px 0 0 0; float: left; position: relative;}
#footer {background: #671920 url(images/footer-bg.gif) repeat-x; height: 100px; clear: both; font: 9px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 13px 0 0 15px;}
.sidebar {background: #aaaa6c; width: 105px; display: block; text-align: center; color: #fff; border: solid 2px #671920; float: right; clear: right; margin: 5px 0 15px 15px; padding: 5px;}



.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}

/* Images */
img {display: block; border: 0;}
#logo {width: 190px; margin: 0 auto;}
#candide {background: #e6e6d6; border: solid 5px #671920; padding: 1px; margin: 20px auto; width: 76px;}
.img_right {margin: 40px 0 15px 15px; float: right; clear: right;}
.img_right_border {background: #e6e6d6; border: solid 5px #671920; margin: 0 0 15px 15px; padding: 1px; float: right; clear: right;}
.img_left_border {background: #e6e6d6; border: solid 5px #671920; padding: 1px; margin: 5px 15px 15px 0; float: left; clear: left;}
.img_center_border {background: #e6e6d6; border: solid 5px #671920; padding: 1px; margin: 10px auto; display: block;}

/* Text */
body, table {font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #666;}
p {margin: 0 0 10px 0;}
.home-text {width: 245px; margin: 0;}

/* Flash */
#flash-slideshow {margin: 0 auto; width: 400px;}
#flash-home {width: 260px; height: 555px; position: absolute; left: 257px; top: 25px; z-index: 1;}
#video-flv {width: 200px; height: 195px; margin: 10px auto;}
#flash-common-treatments {margin: 0 auto; width: 500px;}
#flash-braces-diagram {margin: 0 auto; width: 500px;}

/* Links */
a {color: #671920;}
a:hover {color: #666;}
.box {width: 70%; padding: 10px; font: bold 11px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-align: left; margin: 10px auto; display: block;}
.box:hover {text-decoration: underline; color: #fff;}
.green {background: #aaaa6c;}
.red {background: #671920;}
#footer a {color: #671920;}
#footer a:hover {color: #fff;}

/* Lists */
ol, ul {margin-bottom: 10px; margin-top: 0;}
dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}
dl.logos {border: 1px solid #CCC; border-width: 0 0 1px 1px; margin: 10px 0 5px 0; padding: 10px 0 5px 10px; width: 60%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}


/* Headings */
h1 {font: bold italic 24px Georgia, "Times New Roman", Times, serif; color: #671920; margin: 0 0 12px 0;}
h2 {font: bold italic 14px Georgia, "Times New Roman", Times, serif; color: #671920; margin: 0 0 10px 0;}
h3 {font-weight: bold; font-size: 11px; color: #828249; margin: 0;}
h3.address {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0;}
.phone {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0;}
.coupon {
	font-size: 14px;
	font-weight: bold;
}

/* Navigation */
#nav {margin: 0; padding: 0; height: 40px; list-style: none; position: absolute; z-index: 1; top: 0; left: 5px;}
#nav ul {list-style: none; margin: 0; padding: 0; position: absolute;}
#nav li {display: inline; float: left;}
#nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; height: 40px;}
#our-office, #new-patients, #contact, #orthodontics, #braces, #fun-games, #home {height: 40px;}
#our-office {background: url(images/nav/our-office.gif); width: 110px;}
#new-patients {background: url(images/nav/new-patients.gif); width: 129px;}
#contact {background: url(images/nav/contact.gif); width: 113px;}
#orthodontics {background: url(images/nav/orthodontics.gif); width: 137px;}
#braces {background: url(images/nav/braces.gif); width: 83px;}
#fun-games {background: url(images/nav/fun-games.gif); width: 125px;}
#home {background: url(images/nav/home.gif); width: 73px;}

#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover,
li:hover #our-office, li.sfhover #our-office,
li:hover #new-patients, li.sfhover #new-patients,
li:hover #contact, li.sfhover #contact,
li:hover #orthodontics, li.sfhover #orthodontics,
li:hover #braces, li.sfhover #braces,
li:hover #fun-games, li.sfhover #fun-games {background-position: 0 -40px;}
#nav .active {cursor: default;}

/* Drop Down */
#nav li ul {background: #955e63; border: solid 1px #671920; margin: 0; padding: 1px 1px 0 1px; left: -9999px; position: absolute; z-index: 3;}
#nav ul li {float: none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -5px 0 0 -1px;}
#nav ul li a {font: bold 11px Georgia, "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; background: #671920; height: 18px; line-height: 18px; display: block; margin-bottom: 1px; padding: 4px 0 4px 10px; width: 225px; text-indent: 0; text-decoration: none;}
#nav ul li a:hover {color: #e7bdba;}

/* 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;}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px;}
ul#sesame-games p {padding-bottom: 1em;}