/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background-color:#483522; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; letter-spacing:.25pt; color:#3c7fbd; margin: 0 0 0 0;}
a {color: #3c7fbd;}
.border { border:#3C7FBD 2px solid}
/* LAYOUT ---------- */
* #toporange {width:100%; background-color:#ffce88; margin:0 auto; height:7px; position:relative}
* #topnavback {background-image:url(images/nav-back.jpg); width:100%;}
* #topnav { height:42px; width:773px;; margin:0 auto; text-align:center;}
* #middle {background-color:#483522; width:100%;}
* #content {width:772px; background: url(images/content-back-jc.jpg); background-repeat:no-repeat; margin:0 auto; display:block; overflow:visible; min-height:770px; padding-bottom:3px; position:relative}
* #contentsub {width:772px; background-image:url(images/contentsub-back.jpg); margin:0 auto; overflow:visible; min-height:403px;display:block; position:relative; }
* #column1 {width:395px; float:left;}
* #column2 {width:316px; float:left; margin:20px 0 0 20px;}
* #logos {margin:0 auto; width:772px; clear:both; text-align:center; padding-bottom:10px;}
* #footer {width:772px; margin:0 auto; text-align:center; text-size:10px; padding-top:10px; padding-bottom:20px;}
* #footer {
background: url(../images/footer-bg.jpg) no-repeat top center;
color: #301602;
padding: 0 45px 0 45px;
font-size: 11px;
line-height:18px;
text-align: center;
padding-top: 30px;
width:725px;
height:124px;
margin: 0 auto;
position:relative;
}
#footer p{margin:0 0 0 0;}
* #bodycontent {margin-left:9px; margin-right:35px; margin-top:20px; padding-bottom:15px; overflow: hidden;}
* #bodyback {background: url(images/body-back.jpg) no-repeat right bottom;}
/* HEADINGS ---------- */
h1 {background-repeat: no-repeat; height: 46px; margin: 0; text-indent: -999em; padding:0 0 0 0;}
h2 {margin:0 0 0 0; font-size:12px;}
h3 {font-size:12px; color:#483522;}
/* CLASSES ---------- */
* .schedule {color:#483522;}
* .drname {color:#fbd6ab;}
* .sesame {color:#c1d3ec;}
* .footertext {color:#a08d7a;}
* .footeraddress {color:#FFF;}
* .footernav {color:#8ab5dd; font-size:9px;}
* .top {color:#fd9604; font-size:10px;}
/* TOP NAVIGATION ---------- */
ul#nav {float:left;height: 42px;list-style: none;padding: 0;margin: 0;}
/* Makes the list items sit next to each other */
#nav li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 42px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #aboutouroffice {background: url(images/nav-about-our-office.jpg);width:178px;}
* #aboutorthodontics {background: url(images/nav-about-orthodontics.jpg);width:188px;}
* #braces101 {background: url(images/nav-braces-101.jpg);width:109px;}
* #invisalign {background: url(images/nav-invisalign.jpg);width:115px;}
* #emergencycare {background: url(images/nav-emergency-care.jpg);width:183px;}
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active {background-position: 0 -42px;}
/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}
/* HOME NAVIGATION ---------- */
ul#homenav {float:left;height: 16px;list-style: none; padding-left: 5px;margin: 0;}
/* Makes the list items sit next to each other */
#homenav li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
#homenav a {display: block;height: 16px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #home {background: url(images/nav-home.gif);width:37px;}
* #contactus {background: url(images/nav-contact-us.gif);width:75px;}
* #forms {background: url(images/nav-forms.gif);width:57px;}
* #appointment {background: url(images/nav-appointment-request.gif);width:142px;}
* #directions {background: url(images/nav-directions.gif);width:73px;}
/* Shift the image position up to show the active state */
#homenav a:hover, #homenav .active {background-position: 0 -16px;}
/* Set the cursor to default arrow so link does not appear clickable */
#homenav .active {cursor: default}
/* ABOUT OUR OFFICE SUB NAVIGATION ---------- */
ul#officenav {height: 18px;list-style: none; margin: -3px 0 0 0; padding: 0 0 0 5px;}
/* Makes the list items sit next to each other */
#officenav li {float: left; }
/* Sets styles for all links that are inside the ul id="nav" */
#officenav a {display: block;height: 18px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #meettheorthodontist {background: url(images/nav-meet-the-orthodontist.gif);width:162px;}
* #meettheteam {background: url(images/nav-meet-the-team.gif);width:101px;}
* #officetour {background: url(images/nav-office-tour.gif);width:87px;}
* #internetcafe {background: url(images/nav-internet-cafe.gif);width:187px;}
* #thegameroom {background: url(images/nav-the-game-room.gif);width:99px;}
* #officepolicies {background: url(images/nav-office-policies.gif);width:109px;}
* #testimonials {background: url(images/nav-testimonials.gif);width:94px;}
* #sponsorships {background: url(images/nav-sponsorships.gif);width:99px;}
/* Shift the image position up to show the active state */
#officenav a:hover, #officenav .active {background-position: 0 -18px;}
/* Set the cursor to default arrow so link does not appear clickable */
/*#officenav .active {cursor: default}*/
/* ABOUT ORTHO SUB NAVIGATION ---------- */
ul#orthonav {height: 18px;list-style: none; margin: -3px 0 0 0; padding: 0 0 0 5px; width:760px;}
/* Makes the list items sit next to each other */
#orthonav li {float: left; background-color:#000000;}
/* Sets styles for all links that are inside the ul id="nav" */
#orthonav a {display: block;height: 18px; overflow: hidden; text-indent:-999em; }
/* Set the image for each nav item */
* #whybraces {background: url(images/nav-why-braces.gif);width:87px;}
* #forchildren {background: url(images/nav-for-children.gif);width:94px;}
* #twophasetreatment {background: url(images/nav-two-phase-treatment.gif);width:152px;}
* #foradults {background: url(images/nav-for-adults.gif);width:80px;}
* #surgicalorthodontics {background: url(images/nav-surgical-orthodontics.gif);width:164px;}
* #orthodontictreatments {background: url(images/nav-orthodontic-treatments.gif);width:174px;}
* #orthodictionary {background: url(images/nav-ortho-dictionary.gif);width:123px;}
* #asktheorthodontist {background: url(images/nav-ask-the-orthodontist.gif);width:154px;}
* #resources {background: url(images/nav-resources.gif);width:71px;}
/* Shift the image position up to show the active state */
#orthonav a:hover, #orthonav .active {background-position: 0 -18px;}
/* Set the cursor to default arrow so link does not appear clickable */
#orthonav .active {cursor: default}
/* BRACES 101 SUB NAVIGATION ---------- */
ul#bracesnav {height: 18px;list-style: none; margin: -3px 0 0 0; padding: 0 0 0 5px;}
/* Makes the list items sit next to each other */
#bracesnav li {float: left; background-color:#000000;}
/* Sets styles for all links that are inside the ul id="nav" */
#bracesnav a {display: block;height: 18px; overflow: hidden; text-indent:-999em; }
/* Set the image for each nav item */
* #lifewithbraces {background: url(images/nav-life-with-braces.gif);width:116px;}
* #typesofbraces {background: url(images/nav-types-of-braces.gif);width:117px;}
* #typesofappliances {background: url(images/nav-types-of-appliances.gif);width:141px;}
* #bracesdiagram {background: url(images/nav-braces-diagram.gif);width:114px;}
* #bracepainter {background: url(images/nav-brace-painter.gif);width:100px;}
* #oralcarevideo {background: url(images/nav-oral-care-video.gif);width:116px;}
* #retainers {background: url(images/nav-retainers.gif);width:64px;}
/* Shift the image position up to show the active state */
#bracesnav a:hover, #bracesnav .active {background-position: 0 -18px;}
/* Set the cursor to default arrow so link does not appear clickable */
#bracesnav .active {cursor: default}
/* INVISALIGN SUB NAVIGATION ---------- */
ul#invisalignnav {height: 18px;list-style: none; margin: -3px 0 0 0; padding: 0 0 0 5px;}
/* Makes the list items sit next to each other */
#invisalignnav li {float: left; }
/* Sets styles for all links that are inside the ul id="nav" */
#invisalignnav a {display: block;height: 18px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #invisalign-sub {background: url(images/nav-invisalign.gif);width:86px;}
* #invisalignteen {background: url(images/nav-invisalign-teen.gif);width:126px;}
/* Shift the image position up to show the active state */
#invisalignnav a:hover, #invisalignnav .active {background-position: 0 -18px;}
/* CONTACT US SUB NAVIGATION ---------- */
ul#contactnav {height: 18px;list-style: none; margin: -3px 0 0 0; padding: 0 0 0 5px;}
/* Makes the list items sit next to each other */
#contactnav li {float: left; background-color:#000000;}
/* Sets styles for all links that are inside the ul id="nav" */
#contactnav a {display: block;height: 18px; overflow: hidden; text-indent:-999em; }
/* Set the image for each nav item */
* #location {background: url(images/nav-location.gif);width:67px;}
* #commentform {background: url(images/nav-comment-form.gif);width:106px;}
* #referafriend {background: url(images/nav-refer-a-friend.gif);width:94px;}
* #appointmentrequestform {background: url(images/nav-appointment-request-form.gif);width:268px;}
/* Shift the image position up to show the active state */
#contactnav a:hover, #contactnav .active {background-position: 0 -18px;}
/* Set the cursor to default arrow so link does not appear clickable */
#contactnav .active {cursor: default}
/* edit.com */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #3C7FBD;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.SubjectHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #483522;
font-weight: bold;
}
* .PageTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
color: #5B8DBC;
font-style: italic;
}
* #patformin {
background-color:#FFFFFF;
border: solid 2px #3271ab;
width: 211px;
margin: 0 10px 10px 10px;
padding: 10px;
}
#outofbound-home {width: 150px; position:absolute; top:26px; right:-195px; z-index:1000; display:block }
#outofbound {width: 150px; position:absolute; top:26px; right:-195px; z-index:1000; display:block}
img.right {
float: right;
margin: 0 0 15px 15px;
}
.clear {clear: both;}
#video-invisalign {
width: 320px;
height: 273px;
}
p.flash_notice {
margin: 18px;
padding: 9px;
color: #ff0000;
border: 1px dotted #ff0000;
background: #ffffff;
text-align: center;
}
img.right-border {
border: solid 1px #000;
margin: 0 0 15px 15px;
float: right;
}
img.right {
margin: 0 0 15px 15px;
float: right;
}
img.left-border {
border: solid 1px #000;
margin: 0 15px 15px 0;
float: left;
}
img.left {
margin: 0 15px 15px 0;
float: left;
}
span.indent {
padding-left: 40px;
}
#invisalign-sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;
}
#invisalign-sidebar a {
color: #036;
}
#invisalign-sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;
}
#invisalign-sidebar p {
padding: 0 15px;
margin: 15px 0;
}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;
}
.clear {clear: both;}
#tooltip {
position: absolute;
left:-100px;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.95;
text-align: left;
width:300px;
}
#tooltip h3, #tooltip div { margin: 0; }
#invisalign-tip { text-align:center}
#invisalign-tip1 { display: none; text-align:center}
#social{
padding:0px;
margin:0px;
list-style:none;
}
#social li{
margin:0px;
padding:0px;
list-style:none;
}