@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: url(../images/tile.jpg) repeat-x #e6f1dc; font-family: tahoma, serif, Arial; font-size:13px; line-height:19px; color:#007698;}
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:#529227; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:11px; font-weight:bold; color:#529227; clear:both; padding-top:30px;}


/* LAYOUT ---------- */
#wrapfull {width:100%; background:url(../images/tile-wrap.gif) repeat-x bottom;}
#wrap {width:950px; margin:0 auto; background:url(../images/tile-body.jpg) repeat-y;}
#body {width:950px; background:url(../images/bg-body.jpg) no-repeat; }
#bottom {width:950px; background:url(../images/bg-bottom.jpg) bottom no-repeat;}
#address {width:500px; float:right; padding:15px 5px 0 0px; text-align:right; font-size:13px; color:#FFF; line-height:20px;}
#content {clear:both; width:566px; margin-left:361px; padding-bottom:30px; }
.contentbghome {background:url(../images/bg-content-bottom.gif) no-repeat; background-position:100% 92%;}
#footerwrap {width:100%;background:#6eb43f;}
#footer {width:834px;  margin:0 auto; clear:both; padding:14px 65px 50px 51px; }


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

h1 {background-repeat: no-repeat; height: 57px; width:555px; 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:45px 0 0 0;}

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

#content h2 {font-size:15px; color:#6eb43f;}
#content h2.special { font-size:13px; font-weight:normal; font-style:italic; color:#007698;}
#content h3 { font-size:13px; font-weight:normal; font-style:italic;}
#footer h2 {color:#007698; font-size:13px; line-height:19px;}

/* CLASSES ---------- */
#footer .sesame {color:#FFF; font-weight:bold; font-size:12px;}
.img {float:right; margin:10px 0 10px 10px; }
.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:629px; height:354px;  margin-left:321px; 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 #007698;}


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


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

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

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

/* 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 .faqs, #nav li.sfhover .faqs, 
#nav li:hover .home, #nav li.sfhover .home,
#nav li:hover .blog, #nav li.sfhover .blog, 
#nav li:hover .contactus, #nav li.sfhover .contactus {background-position:-248px 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; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -36px 0 0 208px; color:#FFF;  background:#73b844; }
#nav ul li a {height:auto;  text-decoration: none; width: 200px; text-indent:0; color:#FFF; font-size:13px; padding:3px 17px;  font-weight:bold; }
#nav ul li a:hover {background:#e6f1dc; color:#007698; }

#social-icons {margin:10px 17px 0;}
#social-icons a, #social-icons img {display:inline; margin:0; padding:0; border:none;}

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