/* Reset */
* {margin: 0; padding: 0; border: 0;}

/* Layout */
body {background: #90c8ff url(../images/body-bg.jpg) repeat-x; font-size: 100%; margin-bottom: 20px;}
* #wrap {background: #00CC00 url(../images/container-bg.gif) repeat-y; width: 937px; position: absolute; left: 50%; margin-left: -468px; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #000;}
* #container {background: #e7edd8; width: 869px; min-height: 912px; _height: 912px; margin: 0; padding: 0; float: left;}
* #content {width: 519px; margin-left: 317px; padding-bottom: 120px;}
* #header {background: url(../images/header-bg.jpg); height: 113px; padding: 0;}
* #address {width: 205px; position: absolute; top: 655px; left: 62px; z-index: 3;}
* #footer-main {background: url(../images/footer-main.gif); height: 46px; clear: both;}
* #footer-content {background: url(../images/footer-content.jpg) no-repeat; width: 478px; height: 96px; margin: 0; padding-top: 10px; color: #000; font-size: .85em; line-height: 1em; position: absolute; left: 377px; bottom: 40px; z-index: 3;}
* .left {float: left;}
* .right {float: right;}
* .clear {clear: both;}

/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-size: 12px; font-family: Arial, Helvetica, sans serif; line-height: 1.5em; }

.Title		{ color: #91515B; font-size: 28px; font-weight: normal; font-family: Arial, Helvetica, sans serif; line-height: 1.5em; text-transform: uppercase; }
.Header		{ color: #91515B; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans serif; line-height: 1.5em; }
.Subheader	{ color: #447F93; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans serif; line-height: 1.5em; }

.Red		{ color: #91515B; }
.Green		{ color: #95F000; }
.Blue		{ color: #447F93; }
.Purple		{ color: #91515B; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 14px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }
IMG.GreenBorder { border: 2px solid #95F000; }

TABLE.copy { margin-left: 25px; width: 495px; }
TABLE#resourcesTable	{ margin-left: 15px; width: 395px; }
TABLE#resourcesTable td { border: 1px solid #CCC; border-width: 0 0 1px 1px; padding: 10px 0 5px 10px; }

/* Typography */
#content p {padding: 0 0 30px 25px; line-height: 1.5em;}
#address p {padding-top: 10px; color: #91515b; font-weight: bold; line-height: .96em;}
h1.header {background: url(../images/karl-logo.jpg); width: 262px; height: 113px; margin: 0; padding: 0; text-indent: -999em;}
h1.header a {width: 262px; height: 113px; display: block;}
h1 {font-size: 2.17em; font-family: "Trebuchet MS", Verdana, Arial; color: #91515b; font-weight: lighter; margin: 0 0 10px; padding: 0; text-transform: uppercase;}
h2 {font-size: 1.67em; font-weight: bold; color: #91515b; margin: 0 0 10px 25px; padding: 0;}
h3 {font-size: 1.25em; font-weight: bold; color: #447f93; margin: 0 0 10px 25px; padding: 0;}
h4 {font-size: .85em; font-weight: normal; color: #000; margin: 10px 0; padding: 0 35px; text-align: left;}
blockquote {margin: 0 30px auto;}
p.text-nav {color: #90515a; text-align: center;}
p.sesame {margin: 0; text-align: center;}
#content .quote-box p {background: url(../images/quotes-start.jpg) top left no-repeat; color: #447e92; font-size: 1.25em; line-height: 1.65em;}

/* Lists */
ol, ul {margin: 0 0 10px 40px; color: #000; line-height: 1.5em;}
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: 70%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}

/* Links */
a {color: #91515b; text-decoration: none;}
a:hover {text-decoration: underline;}
* #google-link {color: #615630; text-transform: uppercase; font-weight: bold;}
p.text-nav a {color: #90515a; text-decoration: none; text-transform: lowercase;} /* footer nav paragraph */
p.text-nav a:hover {text-decoration: underline;}
p.sesame a {color: #95d000; text-decoration: none; text-align: center;}
p.sesame a:hover {text-decoration: underline;}

/* Images */
* .img-center {border: solid 2px #95d000; margin: 0 auto; width: 515px;}
* #google {border: solid 2px #95d000; margin: 10px 0 5px;}
* .photo {margin: 0 0 15px 15px; float: right; clear: right;}
* .quote-end {margin-left: 5px;}

/* Flash */
* .upgrade {width: 60%; background: #e4e4e4; font-size: .83em; text-align: left; margin: 50px auto; padding: 5px; border: solid 1px #000; overflow: auto;}
* .flash {width: 500px; margin: 0 auto;}
* #flash-home {margin: 0 0 30px 0;}
* #flash-office-tour {width: 400px; margin: 0 auto;}
.flash-replaced .alt {display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}

/* Misc. */
* .sidebar {background: #fff; width: 240px; display: block; border: solid 2px #95d000; float: right; margin: 5px 0 15px 15px; padding: 10px;}
#content .sidebar p {margin-left: -25px; padding-bottom: 10px;}

/* Side Navigation */
* #nav {background: url(../images/nav/nav-bg.jpg) no-repeat; width: 305px; height: 799px; position: absolute; z-index: 2; top: 113px; left: 34px; margin: 0;}
#nav ul {width: 262px; position: relative; left: 0; margin: 0; padding-top: 53px;}
#nav ul li {margin: 0; padding: 0; list-style: none; display: inline;}
#nav a {width: 262px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

* #patient-login, * #about-our-office, * #why-see-dr-karl, * #about-orthodontics, * #braces-101, * #emergency-care, * #the-game-room, * #contact-us, * #home, * #doctor-login {text-indent: -999em; overflow: hidden;}

* #patient-login {background: url(../images/nav/pt-login.gif); height: 46px;}
* #about-our-office {background: url(../images/nav/about-office.gif); height: 61px;}
* #why-see-dr-karl {background: url(../images/nav/why-dr-karl.gif); height: 44px;}
* #about-orthodontics {background: url(../images/nav/about-ortho.gif); height: 44px;}
* #braces-101 {background: url(../images/nav/braces-101.gif); height: 44px;}
* #emergency-care {background: url(../images/nav/emergency-care.gif); height: 44px;}
* #the-game-room {background: url(../images/nav/game-room.gif); height: 44px;}
* #contact-us {background: url(../images/nav/contact.gif); height: 44px;}
* #home {background: url(../images/nav/home.gif); height: 62px;}
* #doctor-login {background: url(../images/nav/dt-login.gif); height: 54px;}

#nav li:hover #patient-login, #nav li.sfhover #patient-login {background-position: 0 -46px;}
#nav li:hover #about-our-office, #nav li.sfhover #about-our-office, #nav li.active #about-our-office {background-position: 0 -61px;}
#nav a:hover, #nav li.active a,
#nav li:hover #why-see-dr-karl, #nav li.sfhover #why-see-dr-karl,
#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics,
#nav li:hover #braces-101, #nav li.sfhover #braces-101,
#nav li:hover #emergency-care, #nav li.sfhover #emergency-care,
#nav li:hover #the-game-room, #nav li.sfhover #the-game-room,
#nav li:hover #contact-us, #nav li.sfhover #contact-us {background-position: 0 -44px;}
#nav li:hover #home, #nav li.sfhover #home, #nav li.active #home {background-position: 0 -62px;}
#nav li:hover #doctor-login, #nav li.sfhover #doctor-login, #nav li.active #doctor-login {background-position: 0 -54px;}

/* Drop Down */
#nav ul ul {background: #468195; margin: 0; padding: 0; width: 180px; height: auto; position: absolute; z-index: 3; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -40px 0 0 262px;}
#nav ul ul li {border: solid 1px #5aa4be; border-width: 0 0 1px 0; display: block; width: 160px; margin-left: 10px;}
#nav ul ul li.last {border: 0;}
#nav ul ul li a {padding: 7px 0 7px 0; width: auto; display: block; color: #e7edd8; text-indent: 0; font-size: 1.25em;}
#nav ul ul li a:hover {color: #95d000;}

/* 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: block;}
ul#sesame-games img {border: 0; margin: 0 0 10px 10px;}
ul#sesame-games a.button {float:right; clear: right; height:85px; width:200px;}
ul#sesame-games p {padding-bottom: 1em;}