@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:#e5b867; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; color:#312310;}
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:#312310; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:12px; font-weight:bold; color:#007374; clear:both; padding-top:30px;}


/* LAYOUT ---------- */
#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; }
#address {width:601px; margin-left:365px; padding:27px 27px 0 0px; text-align:right; font-size:13px; color:#295353;}
#content {clear:both; width:625px; margin-left:306px; padding-bottom:30px; }
#footer {width:572px;  margin:0 auto; clear:both; padding:72px 87px 0 331px; background:url(../images/bg-footer.jpg) no-repeat; min-height:170px; height:auto !important; height:170px;}

/* BANNERS ---------- */
#social-icons {width:173px; position:absolute; top:595px; margin-left:21px; z-index:8; text-align:center; }
#logos {width:165px; position:absolute; top:712px; margin-left:21px; z-index:8; }

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

h1 {background-repeat: no-repeat; height: 73px; width:632px; 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 {clear:both;
margin: 0 0 0 594px;
padding: 0;
background-repeat: no-repeat; 
width: 369px;/* this width reflects the width of the logo image */
height: 187px; /* 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: 187px;/*same height as logo h1*/ 
width: 369px;/*same width as logo h1*/}

#content h2 {font-size:13px; color:#ab5023;}
#content h2.special {color:#312310; font-size:13px; font-weight:normal; font-style:italic;}
#content h3 {color:#312310; font-size:13px; font-weight:normal; font-style:italic;}
#footer h2 {color:#fff3d1; font-size:13px; line-height:19px;}

/* CLASSES ---------- */
#footer .sesame {color:#f0ca17; font-weight:normal; font-size:12px;}
.img {float:right; margin:10px 0 10px 10px; border:#9f4a21 10px solid;}
.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:689px; height:259px;  margin-left:270px; clear:both; 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 #9f4a21;}
.border {border:10px solid #9f4a21;}
.thin-border {border:1px solid #9f4a21;}
.phone {font-weight:bold; font-size:15px; color:#8a1f04;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0; width:240px; position:absolute; z-index:24; top:246px;}

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

/* Set the image for each nav item */
.home {background: url(../images/nav/nav-home.gif); height:43px;}
.ourteam {background: url(../images/nav/nav-our-team.gif); height:42px;}
.newpatients {background: url(../images/nav/nav-new-patients.gif); height:44px;}
.services {background: url(../images/nav/nav-services.gif); height:43px;}
.invisalign {background: url(../images/nav/nav-invisalign.gif); height:43px;}
.faqs {background: url(../images/nav/nav-ask-the-dentist.gif); height:44px;}
.contactus {background: url(../images/nav/nav-contact-us.gif); height:42px;}
.ourblog {background: url(../images/nav/nav-our-blog.gif); height:42px;}

/* 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 .services, #nav li.sfhover .services, 
#nav li:hover .invisalign, #nav li.sfhover .invisalign, 
#nav li:hover .faqs, #nav li.sfhover .faqs, 
#nav li:hover .home, #nav li.sfhover .home, 
#nav li:hover .contactus, #nav li.sfhover .contactus,
#nav li:hover .ourblog, #nav li.sfhover .ourblog {background-position:-240px 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: 2px 10px; position: absolute; z-index: 1; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -41px 0 0 210px; color:#fff3d1;  background:#537e7f; }
#nav ul li a {height:auto;  text-decoration: none; width: 170px; text-indent:0; color:#fff3d1; font-size:13px; padding:2px 0;  font-weight:bold; }
#nav ul li a:hover {color:#88e2e4; }

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

#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:29px; }

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

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



/* 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:19px; margin:0; padding:0;}
#footernav li {padding:0; margin-bottom:5px; display:inline; white-space:nowrap;}
#footernav li a {margin-right:8px; background:none; text-decoration:underline; color:#9acdcd; font-size:11px; line-height:19px; text-indent:none; height:5px;}
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}