@charset "utf-8";
/* CSS Document */


.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
 display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}
 
/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background:#9fca82 url(../images/tile.jpg) repeat-x; font-family:tahoma, serif, Arial; font-size:14px; line-height:22px; color:#114565;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#114565; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:12px; font-weight:bold; color:#3d5d1b; clear:both; padding-top:30px;}
#footer a:hover, #footer .sesame a:hover {text-decoration:none;}
hr {border:1px solid #134f76;}

/* LAYOUT ---------- */
#wrapfull {width:100%; background:url(../images/bg-wrapfull.jpg) no-repeat top center; position:relative;}
#wrap {width:990px; margin:0 auto; background:url(../images/tile-body.jpg) repeat-y; overflow:auto;}
#body {width:990px; background:url(../images/bg-body.jpg) no-repeat; min-height:800px; height:auto !important; height:800px;}
#address {width:161px; padding:315px 63px 20px 63px; font-size:11px; line-height:14px; color:#134f76; float:left;}
#content {width:640px; float:left; padding:23px 0 20px 0;}
#footer {width:893px; clear:both; margin:0 auto; padding:0 97px 30px 0; background:url(../images/bg-footer.jpg) no-repeat; font-size:12px; line-height:18px;}
#callout-invisalign {width:170px; margin:8px 94px 0 56px; float:left; padding-bottom:130px;}


/* HEADERS ---------- */

h1 {background-repeat: no-repeat; height: 74px; width:622px; text-indent: -999em; margin: 0; padding:0; }
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
h1.jcir {font-size: 35px; margin: 0 0 0 0; }

h1#logo {
margin: 0 0 0 27px;
padding: 0;
background-repeat: no-repeat; 
width: 373px;/* this width reflects the width of the logo image */
height: 243px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 243px;/*same height as logo h1*/ 
width: 373px;/*same width as logo h1*/}

#content h3 {color:#114565; font-size:15px; font-weight:normal; font-style:italic;}
#content h2 {color:#3d5d1b; font-size:16px; }
#footer h2 {color:#b3d6ee; font-size:12px;  margin:0; padding:26px 0 0 0;}
#footer h2 a {color:#b3d6ee;}

/* CLASSES ---------- */
#footer .sesame {color:#add288; font-size:12px; font-weight:bold;}
.pic {margin:0; float:right;}
.right {float:right;}
.left {float:left;}
.imgleft {float:left; margin:0 10px 10px 0;}
.imgright {float:right; margin:0 0 10px 10px;}
.hide {display:none;}
.flashhome {width:289px; height:483px;  background:url(../images/1.jpg) no-repeat; float:right; margin-left:10px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.marginnone {margin:0; padding:0;}
.resources {padding:7px; background:#FFF; border:2px solid #1b4967;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin-left:63px; width:163px; position:absolute; z-index:24; top:266px;}
/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; overflow: hidden; text-indent:-999em;  width:163px;}

/* Set the image for each nav item */
.home {background: url(../images/nav/home.jpg); height:36px;}
.aboutouroffice {background: url(../images/nav/about-our-office.jpg); height:41px;}
.newpatients {background: url(../images/nav/new-patients.jpg); height:40px;}
.whatsetsusapart {background: url(../images/nav/what-sets-us-apart.jpg); height:40px;}
.meettheorthodontist {background: url(../images/nav/meet-the-orthodontist.jpg); height:31px;}
.braces101 {background: url(../images/nav/braces-101.jpg); height:41px;}
.contactus {background: url(../images/nav/contact-us.jpg); height:39px;}


/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .aboutouroffice, #nav li.sfhover .aboutouroffice, 
#nav li:hover .whatsetsusapart, #nav li.sfhover .whatsetsusapart, 
#nav li:hover .braces101, #nav li.sfhover .braces101, 
#nav li:hover .newpatients, #nav li.sfhover .newpatients, 
#nav li:hover .meettheorthodontist, #nav li.sfhover .meettheorthodontist, 
#nav li:hover .contactus, #nav li.sfhover .contactus, 
#nav li:hover .home, #nav li.sfhover .home {background-position:-163px 0px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul { left: -999em; padding: 0; position: absolute; z-index: 1; padding:0 0; border:3px #1b4967 solid;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -35px 0 0 153px; color:#1b4967;  background:#9ec981;}
#nav ul li a {height:auto;  text-decoration: none; width: 230px; text-indent:0; color:#1b4967; font-size:13px; padding:3px 10px;  font-weight:bold;}
#nav ul li a:hover {background:#d4ebc4; }


/* NAVIGATION MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:569px; width:389px; position:absolute; z-index:24; top:45px;}
/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block; overflow: hidden; text-indent:-999em;  height:84px;}
#logins li {float:left;}
/* Set the image for each nav item */
.patientlogin {background: url(../images/nav/patient-login.jpg); width:191px;}
.doctorlogin {background: url(../images/nav/doctor-login.jpg); width:198px;}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover, 
#logins li:hover .patientlogin, #logins li.sfhover .patientlogin,
#logins li:hover .doctorlogin, #logins li.sfhover .doctorlogin {background-position:0px -84px;}

/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}


/* SITE MAP NAV */
ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}



/* FOOTERNAV */
ul#footernav {list-style:none; line-height:18px; margin-left:0; padding-left:0;}
#footernav li {padding:0; margin-bottom:5px; display:inline; white-space:nowrap;}
#footernav li a {border-right:1px solid #FFF; padding:0 4px 0 1px; background:none; text-decoration:underline; color:#FFF; font-size:12px; line-height:18px;  text-indent:none; height:5px;}
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}
#footernav a.bordernone {border:none;}

.bordernone {border:none;}