@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:#0c2e53 url(../images/tile.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#FFF;}
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:#9abedf; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:12px;  color:#9abedf; clear:both; padding-top:30px; font-weight:bold;}
hr {clear:both; color:#9abedf;}

/* LAYOUT ---------- */
#wrapfull {width:100%; background:url(../images/bg-wrap.jpg) no-repeat top center;}
#wrap {width:990px; margin:0 auto; background:url(../images/bg-body.jpg) no-repeat;}
#address {width:391px; float:left; padding:196px 5px 0 0; font-size:15px; color:#002a5c; text-align:right; line-height:16px;}
#content {clear:both; width:632px; margin-left:300px; padding-bottom:10px; padding-top:80px;}
#footerwrap {width:100%; clear:both; background:url(../images/tile-footer.jpg) repeat-x #601206;}
#footer {width:990px;  margin:0 auto; clear:both; padding:100px 63px 20px 0; line-height:20px;}
#content ul {list-style:url(../images/bullet.png)}

/* BANNERS ---------- */
#consultation {position:absolute; z-index:7; top:330px; width:191px; margin-left:43px;}

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

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

h1#logo {float:left;
margin: 0;
padding: 0 0 0 0;
background-repeat: no-repeat; 
width: 585px;/* this width reflects the width of the logo image */
height: 252px; /* 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: 252px;/*same height as logo h1*/ 
width: 585px;/*same width as logo h1*/}

#content h2 {font-size:16px; color:#9abedf;}
#content h2.special {font-size:16px; font-style:italic; font-weight:normal; color:#9abedf;}
#content h3 { font-size:15px;  }
#content h4 {font-size:14px; font-style:italic; font-weight:normal;}
#footer h2, #footer h2 a {color:#a65042; font-size:14px; margin-top:0; padding-top:0;}


/* CLASSES ---------- */
#footer .sesame {color:#000; font-size:13px;}
.img {width:262px; margin-left:0px; position:absolute; z-index:5; top:322px; }
.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:428px; height:189px;  margin-left:562px; padding:0;position:absolute; z-index:5; top:0px; background:url(../images/1.jpg) no-repeat; }
.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 #b6d9ec;}
.phone {color:#37659b;}
.textright {text-align:right;}

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


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

/* Set the image for each nav item */
.home {background: url(../images/nav/home.jpg); width:81px;}
.ourteam {background: url(../images/nav/our-team.jpg); width:110px;}
.newpatients {background: url(../images/nav/new-patients.jpg); width:135px;}
.treatments {background: url(../images/nav/treatments.jpg); width:123px;}
.faqs {background: url(../images/nav/ask-the-orthodontist.jpg); width:74px;}
.contactus {background: url(../images/nav/contact-us.jpg); width:119px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .ourteam, #nav li.sfhover .ourteam, 
#nav li:hover .newpatients, #nav li.sfhover .newpatients, 
#nav li:hover .treatments, #nav li.sfhover .treatments, 
#nav li:hover .faqs, #nav li.sfhover .faqs, 
#nav li:hover .home, #nav li.sfhover .home, 
#nav li:hover .contactus, #nav li.sfhover .contactus {background-position:0px -41px;}

/* 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; }
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0 0 0 5px; color:#FFF;  background:#0c2e53; padding:5px 0 ; border:1px solid #FFF;}
#nav ul li a {height:auto;  text-decoration: none;  min-width:150px; width: auto !important; width:150px; overflow:auto; text-indent:0; color:#FFF; font-size:13px; padding:3px 15px 3px 10px;   }
#nav ul li a:hover {color:#594735; background:#b7daed;}

/* LOGINS MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:686px; width:298px; position:absolute; z-index:22; top:252px;}

#logins li {float:left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block; overflow: hidden; text-indent:-999em;  height:28px; }

/* Set the image for each nav item */
.patientlogin {background: url(../images/nav/patient-login.jpg); width:150px;}
.doctorlogin {background: url(../images/nav/doctor-login.jpg);width:148px;}

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



/* 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:20px; margin:0; padding:0; text-align:center; width:205px; float:left; padding:0 71px 30px 61px;}
#footernav li {padding:0; margin-bottom:5px; display:inline; white-space:nowrap;}
#footernav li a {border-right:1px solid #973829; padding:0 5px 0 2px; background:none; text-decoration:underline; color:#973829; font-size:12px; line-height:20px;  text-indent:none; height:5px; }
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}
#footernav a.bordernone {border:none;}

/* IBRACES */
.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.clear {
clear:both;}
h2.media-center {

color:#FFF;
margin:0;
padding:5px; width:534px;}
div.media-center {
text-align:center;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
.flash {
border: solid 1px #ccc;}
#flash-ibraces-1 {
width: 320px;
height: 266px;}
#flash-ibraces-2, #flash-ibraces-3 {
width: 352px;
height: 266px;}

/* INVISALIGN TEEN */
img.right {
border: solid 1px #000;
margin: 0 0 15px 15px;
float: right;
clear: right;}
.img-left {
border: solid 1px #000;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
#sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
#sidebar a {
color: #036;}
#sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 15px 0;}
.clear {clear: both;}

/* THE DAMON SYSTEM */
.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.clear {
clear:both;}
#damon-bracket {
display:block;
margin:0 auto 10px auto;}
#damon-wrap {
width:400px;
margin:0 auto;}
#damon-left {
float:left;
width:175px;
margin-right:20px;}
#damon-right {
float:left;
width:170px;}
#flash-damon-system-comparison {
margin:0 auto;
width:250px;}
#video-the-damon-system {
margin: 0 15px 15px 0;
width: 240px;
height: 206px;
float: left;
clear: left;}
#video-the-damon-system-2 {
margin: 0 15px 15px 0;
width: 400px;
height: 330px;
float: left;
clear: left;}

/* SUBNAV */
ul#subnav {list-style:none; line-height:16px; width:600px; margin:10px 0; padding:5px; border-top:1px solid #97bcde; border-bottom:1px solid #97bcde; font-size:12px; color:#97bcde;}
#subnav li {display:inline; border-right:1px solid #97bcde;  padding-right:5px; margin-left:5px;}
#subnav li a {color:#97bcde; text-indent:none	;}
#subnav a.active {text-decoration:none;}
#subnav li.bordernone {border-right:none;}