@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:#bac293 url(../images/tile.jpg) repeat-x; font-family: tahoma, serif, Arial; font-size:13px; line-height:16px; color:#471b00; }
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:#471b00; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:12px; font-weight:bold; color:#4c8bc5; clear:both; padding-top:30px; padding-bottom:20px;}
hr {color:#99c2d4;  width:100%;}
#footer a {color:#8ecbe6;}
#content li {padding-bottom:20px;}


/* LAYOUT ---------- */
* #wrapfull {width:100%; background:url(../images/bg.jpg) no-repeat top center; margin-bottom:20px;}
* #wrap {width:990px; margin:0 auto; background:url(../images/tile-body.jpg) repeat-y; }
* #body {width:990px; background:url(../images/bg-body.jpg) no-repeat; min-height:682px; height: auto !important; height:682px;}
* #bottom {width:990px; background:url(../images/bg-bottom.jpg) no-repeat bottom ; min-height:1135px; height: auto !important; height:1135px; padding-bottom:10px;}
* #address {float:left; width:212px; padding:24px 0 0 31px; line-height:20px; font-size:14px; color:#FFF;}
* #content {width:587px; margin-left:314px; padding-bottom:20px; clear:both;}
* #footerwrap {clear:both; width:100%; background:#3486aa; height:175px;}
* #footer {width:901px; margin:0 auto; color:#8ecbe6; font-size:12px; line-height:15px;  padding:10px 89px 0 0;}
* #footernav {width:213px; float:left; text-align:right; padding:10px 100px 40px 0; }
* #letthemseeyousmile {position:absolute; z-index:98; top:256px; margin-left:311px;}
* #callouts {top:712px; position:absolute; z-index:31; margin-left:27px; width:213px;}
* #social {top:215px; position:absolute; z-index:20; margin-left:35px; width:213px; list-style:none; padding:0px;}
* #social li{ padding:0px; margin:0px 5px; display:block; width:41px; height:41px; float:left;}

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

h1 {background-repeat: no-repeat; height: 39px; width:446px; 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; margin: 0; }

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

#footer h2 {font-size:13px; color:#bfd071; }
#content h2 {color:#055bb2; font-size:15px;}
#content h3 {font-size:14px;  color:#7f9025;}
#content h4 {font-size:13px; font-weight:normal; font-style:italic;}

/* CLASSES ---------- */
#footer .sesame, #footer .sesame a {color:#FFF; font-size:12px; }
* .img {float:right; margin:12px 0 10px 10px; padding:0; }
* .right {float:right;}
* .left {float:left;}
* .imgleft {float:left; margin:0 10px 10px 0;}
* .imgright {float:right; margin:10px 0 10px 10px;}
* .hide {display:none;}
* .flashhome {width:733px; height:300px; background:url(../images/guide.png) no-repeat; margin-left:257px; clear:both;}
* .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 #055bb2;}
* .phone {color:#165e7f; font-size:15px; font-weight:bold;}

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

div#navhome { padding: 0; margin-left:20px; width:237px; position:absolute; z-index:100; top:306px;}
* #nav {list-style: none; padding: 0; margin:0; width:237px;}

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

/* Set the image for each nav item */
* .meettheteam {background: url(../images/nav/meet-the-team.png); }
* .fornewpatients {background: url(../images/nav/for-new-patients.png); }
* .aboutorthodontics {background: url(../images/nav/about-orthodontics.png); }
* .braces101 {background: url(../images/nav/braces-101.png); }
* .faqs {background: url(../images/nav/ask-the-orthodontist.png); }
* .orthodontictreatments {background: url(../images/nav/orthodontic-treatments.png); }
* .firstaid {background: url(../images/nav/first-aid.png); }
* .contactus {background: url(../images/nav/contact-us.png); }
* .home {background: url(../images/nav/home.png); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .meettheteam, #nav li.sfhover .meettheteam, 
#nav li:hover .fornewpatients, #nav li.sfhover .fornewpatients,
#nav li:hover .aboutorthodontics, #nav li.sfhover .aboutorthodontics,
#nav li:hover .braces101, #nav li.sfhover .braces101,
#nav li:hover .faqs, #nav li.sfhover .faqs,
#nav li:hover .orthodontictreatments, #nav li.sfhover .orthodontictreatments,
#nav li:hover .firstaid, #nav li.sfhover .firstaid,
#nav li:hover .contactus, #nav li.sfhover .contactus,
#nav li:hover .home, #nav li.sfhover .home {background-position:-237px 0;}

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

/* NAVIGATION MAIN ---------- */
ul.navsub {list-style: none; padding: 0 0 5px 0; margin:0; width:237px; }

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

/* Set the image for each nav item */
* .meettheorthodontist {background: url(../images/nav-sub/meet-the-orthodontist.png); }
* .meetthestaff {background: url(../images/nav-sub/meet-the-staff.png); }
* .officetour {background: url(../images/nav-sub/office-tour.png); }
* .yourfirstvisit {background: url(../images/nav-sub/your-first-visit.png); }
* .patientforms {background: url(../images/nav-sub/patient-forms.png); }
* .whybraces {background: url(../images/nav-sub/why-braces.png); }
* .orthodonticsforchildrenandadults {background: url(../images/nav-sub/orthodontics-for-children-and-adults.png);}
* .twophasetreatment {background: url(../images/nav-sub/two-phase-treatment.png); }
* .asktheorthodontist {background: url(../images/nav-sub/ask-the-orthodontist.png); }
* .orthodictionary {background: url(../images/nav-sub/ortho-dictionary.png); }
* .lifewithbraces {background: url(../images/nav-sub/life-with-braces.png); }
* .patientcarevideos {background: url(../images/nav-sub/patient-care-videos.png); }
* .typesofbraces {background: url(../images/nav-sub/types-of-braces.png); }
* .typesofappliances {background: url(../images/nav-sub/types-of-appliances.png); }
* .retainerinstructions {background: url(../images/nav-sub/retainer-instructions.png); }
* .bracesdiagram {background: url(../images/nav-sub/braces-diagram.png); }
* .bracepainter {background: url(../images/nav-sub/brace-painter.png); }
* .coloryourretainer {background: url(../images/nav-sub/color-your-retainer.png); }
* .location {background: url(../images/nav-sub/location.png); }
* .appointmentrequest {background: url(../images/nav-sub/appointment-request.png); }
* .commentform {background: url(../images/nav-sub/comment-form.png); }
* .referafriend {background: url(../images/nav-sub/refer-a-friend.png); }
* .invisalign {background: url(../images/nav-sub/invisalign.png); }
* .inovation {background: url(../images/nav-sub/inovation.png); }
* .treatmentoptions {background: url(../images/nav-sub/treatment-options.png); }
* .commontreatments {background: url(../images/nav-sub/common-treatments.png); }
* .surgicalorthodontics {background: url(../images/nav-sub/surgical-orthodontics.png); }
* .dentofacialorthopedics {background: url(../images/nav-sub/dentofacial-orthopedics.png); }
* .emergencycare {background: url(../images/nav-sub/emergency-care.png); }
* .palatalexpander {background: url(../images/nav-sub/palatal-expander.png); }


/* Shift the image position up to show the active state */
.navsub a:hover, .navsub .active, .navsub li:hover, .navsub li.sfhover, 
.navsub li:hover .meettheorthodontist, .navsub li.sfhover .meettheorthodontist, 
.navsub li:hover .commentform, .navsub li.sfhover .commentform, 
.navsub li:hover .appointmentrequest, .navsub li.sfhover .appointmentrequest, 
.navsub li:hover .palatalexpander, .navsub li.sfhover .palatalexpander, 
.navsub li:hover .emergencycare, .navsub li.sfhover .emergencycare, 
.navsub li:hover .dentofacialorthopedics, .navsub li.sfhover .dentofacialorthopedics, 
.navsub li:hover .meetthestaff, .navsub li.sfhover .meetthestaff,
.navsub li:hover .officetour, .navsub li.sfhover .officetour,
.navsub li:hover .yourfirstvisit, .navsub li.sfhover .yourfirstvisit,
.navsub li:hover .patientforms, .navsub li.sfhover .patientforms,
.navsub li:hover .whybraces, .navsub li.sfhover .whybraces,
.navsub li:hover .orthodonticsforchildrenandadults, .navsub li.sfhover .orthodonticsforchildrenandadults,
.navsub li:hover .asktheorthodontist, .navsub li.sfhover .asktheorthodontist,
.navsub li:hover .orthodictionary, .navsub li.sfhover .orthodictionary,
.navsub li:hover .lifewithbraces, .navsub li.sfhover .lifewithbraces,
.navsub li:hover .patientcarevideos, .navsub li.sfhover .patientcarevideos,
.navsub li:hover .typesofbraces, .navsub li.sfhover .typesofbraces,
.navsub li:hover .typesofappliances, .navsub li.sfhover .typesofappliances,
.navsub li:hover .retainerinstructions, .navsub li.sfhover .retainerinstructions,
.navsub li:hover .bracesdiagram, .navsub li.sfhover .bracesdiagram,
.navsub li:hover .bracepainter, .navsub li.sfhover .bracepainter,
.navsub li:hover .coloryourretainer, .navsub li.sfhover .coloryourretainer,
.navsub li:hover .location, .navsub li.sfhover .location,
.navsub li:hover .invisalign, .navsub li.sfhover .invisalign,
.navsub li:hover .inovation, .navsub li.sfhover .inovation,
.navsub li:hover .commontreatments, .navsub li.sfhover .commontreatments,
.navsub li:hover .surgicalorthodontics, .navsub li.sfhover .surgicalorthodontics,
.navsub li:hover .referafriend, .navsub li.sfhover .referafriend,
.navsub li:hover .treatmentoptions, .navsub li.sfhover .treatmentoptions,
.navsub li:hover .twophasetreatment, .navsub li.sfhover .twophasetreatment {background-position:-237px 0;}

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

/* LOGINS MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:20px; width:238px; position:absolute; z-index:24; top:159px;}
#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:40px; }
/* Set the image for each nav item */
* .patientlogin {background: url(../images/nav/patient-login.gif); width:117px;}
* .doctorlogin {background: url(../images/nav/doctor-login.gif); width:121px;}

/* 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 -40px;}

/* SITEMAP */
ul#sitemap a, ul.sitemap a {background:none; indent:none; text-decoration:underline;}
#sitemap a:hover {text-decoration:none;}
ul#sitemap ul {padding-left:30px; list-style:circle; padding-top:5px;}
ul#sitemap li {padding-bottom:10px;}

/* SESAME CONTENT */
* .left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#336699;
color:#FFF;
margin-bottom:10px;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
* .flash {
border: solid 1px #ccc;}
* #flash-in-ovation {
width: 320px;
height: 266px;}

* #flash-brushing-and-flossing-ortho {
width: 500px;
height: 300px;
margin: 10px auto;}
.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}

.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #471B00;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #471B00;
	font-weight: bold;
}

.GreenSubHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7F9025;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #055BB2;
	font-weight: bold;
}
	
* .PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 34px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

td.GrayBorderTop {border-top:solid 1px #5C7580; padding-top: 15px;}