/* CSS Document */
/* HTML, BODY ---------- */
body {margin: 0 0 0 0; background-image:url(images/tile.jpg); background-repeat:repeat-x; background-color:#bdc5d7;}
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color:#615436; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; }
.Header { color: #830B35; font-size: 24px; font-weight: normal; font-family: Georgia; line-height: 24px; }
.Subheader { color: #615436; font-size: 14px; font-weight: bold; }
.Red { color: #830B35; }
.Brown { color: #615436; }
.Black { color: #000000; }
.White { color: #FFFFFF; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 16px; }
.LargeText { font-size: 24px; line-height: 24px; }
* #address h4 {color:#d4c8a4; font-size:11px; margin:0;}
* #address a {color:#d4c8a4;}
* #address a:hover {text-decoration:none;}
* #footercontent h2 {color:#fbfbfa; font-size:9px; margin:0;}
* #footercontent a {color:#332911;}
* #footercontent a:hover {color:#fbfbfa;}
* #body a {color:#332911;}
* #body a:hover {color:#fbfbfa;}
* #body ul, #body ul a {color:#332911;}
* #body ul a:hover {color:#fbfbfa;}
/* LAYOUT ---------- */
* #bg {margin:0 auto; width:780px; overflow:auto; background: url(images/content-bg.jpg); }
* #container {width:780px; background-image:url(images/photo-bg.jpg); background-repeat:no-repeat; overflow:auto;}
* #column1 {width:192px; float:left;}
* #column2 {width:588px;float:left;}
* #footer {width:780px; margin:0 auto; background-image:url(images/footer-bg.jpg); background-repeat:no-repeat; background-color:#615436;}
* #footercontent {width:545px; margin-left:193px; padding:20px 0 20px 0; line-height:15px; font-size:9px; color:#332911; text-align:center;}
* #address {margin:24px 0 0 0; width:157px; padding:0 0 0 20px; color:#b4aa91; font-size:11px; line-height:13px;}
* #consultation {margin:54px 0 0 0;}
* #body {width:495px; padding:15px 20px 0 20px;}
/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 113px; width:780px; margin:0; text-indent: -999em; padding:0;}
* #column2 h2 {font-size:14px; margin:0;}
* #body h1 {background-repeat: no-repeat; height: 35px; margin:0; text-indent: -999em; padding:0; width:495px;}
/* CLASSES ---------- */
* #footercontent .sesame {color:#fbfbfa;}
* #footercontent .sesame a:hover {color:#332911;}
* .right {clear:right; float:right;}
* .img {padding:10px;}
/* NAVIGATION ---------- */
/* NAVIGATION BANNER ---------- */
ul#banner {list-style: none;padding: 0;margin: 0; width:780px; }
/* Sets styles for all links that are inside the ul id="nav" */
* #banner a {display: block; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #bannerlink {background: url(images/banner.jpg); height: 113px; width:780px;}
/* Set the cursor to default arrow so link does not appear clickable */
* #banner .active {cursor: default}
/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none;padding: 0; margin: 10px 0 0 0; width:192px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #nav a {display: block; overflow: hidden; text-indent:-999em; height:25px;}
/* Set the image for each nav item */
* #patientlogin {background: url(images/nav-patient-login.gif); }
* #doctorlogin {background: url(images/nav-doctor-login.gif); }
* #meetdrcassidy {background: url(images/nav-meet-dr-cassidy.gif); }
* #meettheteam {background: url(images/nav-meet-the-team.gif); }
* #fornewpatients {background: url(images/nav-for-new-patients.gif); }
* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
* #braces101 {background: url(images/nav-braces-101.gif); }
* #invisalign {background: url(images/nav-invisalign.gif); }
* #treatmentoptions {background: url(images/nav-treatment-options.gif); }
* #emergencycare {background: url(images/nav-emergency-care.gif); }
* #thegameroom {background: url(images/nav-the-game-room.gif); }
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, #nav li:hover #meetdrcassidy, #nav li.sfhover #meetdrcassidy, #nav li:hover #fornewpatients, #nav li.sfhover #fornewpatients, #nav li:hover #doctorlogin, #nav li.sfhover #doctorlogin, #nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics, #nav li:hover #braces101, #nav li.sfhover #braces101, #nav li:hover #contactus, #nav li.sfhover #contactus, #nav li:hover #invisalign, #nav li.sfhover #invisalign, #nav li:hover #thegameroom, #nav li.sfhover #thegameroom, #nav li:hover #emergencycare, #nav li.sfhover #emergencycare, #nav li:hover #patientlogin, #nav li.sfhover #patientlogin, #nav li:hover #meettheteam, #nav li.sfhover #meettheteam, #nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions, #nav li:hover #faq, #nav li.sfhover #faq {background-position:-192px 0;}
/* Set the cursor to default arrow so link does not appear clickable */
* #nav .active {cursor: default}
/* pop-up code */
* #nav, #nav ul {list-style: none; margin: 0; }
* #nav li {display: inline; }
* #nav li ul {background: #840d36; left: -999em; padding: 0; position: absolute; z-index: 1; }
* #nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 180px; color:#e7ded1;}
* #nav ul li a {height:20px; padding-left: 10px; text-decoration: none; width: 173px; text-indent:0; color:#d4c8a4; font-size:12px; }
* #nav ul li a:hover {color:#840d36; background-color:#d4c8a4;}
/* TOP NAV ITEMS ---------- */
ul#topnav {height: 70px; width:539px; list-style: none; padding: 0; margin: 0;}
/* Makes the list items sit next to each other */
* #topnav li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
* #topnav a {display: block;height: 70px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #contactus {background: url(images/nav-contact-us.jpg); width:103px; margin-left:366px;}
* #home {background: url(images/nav-home.jpg); width:65px;}
/* Set the cursor to default arrow so link does not appear clickable */
* #topnav .active {cursor: default}
/* Shift the image position up to show the active state */
#topnav a:hover, #topnav li:hover #contactus, #topnav li.sfhover #contactus, #topnav li:hover #home, #topnav li.sfhover #home, #topnav .active {background-position: 0 -70px;}
/* pop-up code */
* #topnav, #topnav ul {list-style: none; margin: 0 0 0 356px; padding: 0}
* #topnav li ul li {float:none; text-align:left;}
* #topnav li ul {background: #840d36; left: -9999px; position: absolute}
* #topnav li:hover ul, #topnav li.sfhover ul {left: auto; margin-top: -20px; color:#e7ded1;}
* #topnav ul li a {color: #d4c8a4; height: 20px; padding-left: 10px; width: 173px; text-indent:0; font-size:12px; text-decoration:none;}
* #topnav ul li a:hover {color:#840d36; background-color:#d4c8a4;}
/* CONSULTATION BUTTON ---------- */
ul#consult {list-style: none;padding: 0; margin: 0; width:192px;}
/* Sets styles for all links that are inside the ul id="consult" */
* #consult a {display: block; overflow: hidden; text-indent:-999em; height:49px;}
/* Set the image */
* #compconsult {background: url(images/complimentary-consultation.gif); }
/* Shift the image position up to show the active state */
#consult a:hover, #consult .active, #consult li:hover, #consult li.sfhover, #consult li:hover #compconsult, #consult li.sfhover #compconsult {background-position:-192px 0;}
/* Set the cursor to default arrow so link does not appear clickable */
* #consult .active {cursor: default}