body {
  background: #fff url('../images/bg-texture-dark.png') repeat 0 0;
  font: normal normal 0.938em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
  border-top: solid 5px #004068;
}
a {
  color: #1DA4DB;
  text-decoration: none;
  -webkit-transition: all .28s ease;
  -moz-transition: all .28s ease;
  -ms-transition: all .28s ease;
  -o-transition: all .28s ease;
  transition: all .28s ease;
  border: 0;
  outline: 0 !important;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-1 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
nav#main-nav,
.font-2 {
  font-family: 'Open Sans Condensed', 'Helvetica Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4 {
  margin: 0.2em 0 0.875em;
}
h1 {
  color: #1DA4DB;
  font-size: 2.333em;
}
h2 {
  color: #1DA4DB;
  font-size: 1.267em;
}
h3 {
  font-size: 1.133em;
}
h4 {
  font-size: 1.067em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.933em;
}
#hd {
  text-align: center;
}
#hd .address {
  font-size: 0.933em;
  line-height: 1.25;
}
#hd .address a {
  color: #004068;
  font-size: 18px;
}
#hd .address a:hover {
  color: #1DA4DB;
  text-decoration: none;
}
#hd .address .phone {
  color: #1DA4DB !important;
  font-size: 1.571em;
}
#utility-nav a {
  color: #fff;
  background: transparent url('../images/patient-login.png') no-repeat center top;
  text-align: center;
}
#utility-nav a:hover {
  text-decoration: none;
}
#tagline {
  text-shadow: 2px 2px 0px rgba(0,0,0,0.6);
  color: #fff;
  font-size: 1.867em;
}
#main-nav {
  font-size: 1.2em;
  text-align: center;
  text-transform: uppercase;
}
#main-nav a {
  padding: 12px;
  color: #fff;
}
#main-nav a:hover {
  text-decoration: none;
}
#main-nav .trigger {
  background: #004068;
}
#main-nav ul li {
  margin-top: 1px;
  background: #006fb4;
}
#main-nav ul ul li {
  background: #029eff;
}
#callouts {
  text-transform: uppercase;
}
#callouts .callout a:hover {
  text-decoration: none;
}
#callouts .callout h4 {
  font-size: 1.333em;
}
#callouts .callout .subtext {
  color: #737373;
}
#callouts .callout a .learn-more {
  display: block;
  margin: 0 auto;
  padding: 8px 0;
  width: 135px;
  background: transparent url("../images/learn-more-off.png") center center no-repeat;
  color: #fff;
}
#callouts .callout a:hover .learn-more {
  background: transparent url("../images/learn-more-on.png") center center no-repeat;
}
.slideshow .caption {
  display: none;
  background: none !important;
  position: absolute !important;
  bottom: 0% !important;
  left: 0 !important;
  width: 100% !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  font-size: 14px;
  line-height: 14px;
  color: #1DA4DB !important;
}
.common-procedures .img-right {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
body.home #bd {
  background: #f9f9f9 url('../images/bg-texture-dark.png') repeat 0 0;
}
#subnav {
  background: #f9f9f9 url('../images/bg-texture-dark.png') repeat 0 0;
  line-height: 1.75;
}
#subnav h3 {
  color: #393939;
}
#subnav ul {
  font-size: 0.867em;
}
#subnav a:hover {
  text-decoration: underline;
}
.back-to-top a {
  background: transparent url("../images/back-to-top.png") center center no-repeat scroll;
  position: relative;
}
#ft-banner {
  background: #004068 url('../images/bg-texture-lighter.png') repeat 0 0;
  text-align: center;
}
#ft-banner .location a {
  color: #fff;
}
#ft-banner .location a:hover {
  color: #68c5ff;
  text-decoration: none;
}
#ft-banner a .location-name {
  color: #68c5ff;
  font-size: 1.467em;
}
#ft-banner a .phone {
  color: #fff;
  font-size: 1.2em;
}
#ft-banner a .phone:hover {
  color: #1DA4DB;
}
#ft-banner .map img {
  position: relative;
}
#ft-banner .location {
  margin: 0 auto;
  float: none;
}
#ft {
  background: #1DA4DB url('../images/bg-texture-darker.png') repeat 0 0;
}
#ft h5 {
  color: #f9fdfe;
  text-transform: uppercase;
  font-weight: normal;
}
#ft a {
  color: #fff;
}
#ft a:hover {
  color: #004068;
  text-decoration: none;
}
#ft .sesame {
  font-size: 0.867em;
}
table#office-hours caption {
  font-weight: bold;
  font-size: 1.3em;
}
table#office-hours tr td:first-child {
  font-weight: bold;
  padding-right: 30px;
}
.hr {
  border-top: solid 1px #005488;
  clear: both;
}
.testimonials .test:before {
  content: '"';
}
.testimonials .test:after {
  content: '"';
}
.testimonials .page-content p {
  margin-left: 15px;
}
.testimonials .page-content h3 {
  margin-left: 15px;
}
.signature {
  float: right;
  font-style: italic;
  font-weight: bold;
}
.signature:before {
  content: "~ ";
}
#slide-test-btn {
  display: none;
}
.social-icons img {
  position: relative;
}
#logos {
  text-align: center;
}
#logos a {
  position: relative;
}
#logos a img {
  margin-right: 15px;
  margin-top: 15px;
}
#ft {
  padding: 30px 0px;
}
#ft .sesame {
  padding-top: 30px;
}
@media screen and (min-width: 48em) {
  .common-procedures .img-right {
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
  }
  .slideshow .caption {
    display: block;
    background: none !important;
    position: absolute !important;
    bottom: 32% !important;
    right: 2%;
    left: auto !important;
    width: 30% !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-size: 28px;
    line-height: 26px;
    color: #1DA4DB !important;
  }
  .slideshow .caption span {
    display: block;
  }
  #ft-banner {
    text-align: left;
  }
  #slide-test-btn {
    display: block;
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    width: 220px;
    height: 50px;
    top: auto;
    left: auto;
    right: 7%;
    bottom: 18%;
    z-index: 1001;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #slide-test-btn:hover {
    text-decoration: none;
    color: white;
    color: #008EE8;
  }
}
@media screen and (min-width: 64em) {
  #hd .address {
    text-align: right;
  }
  #top-banner {
    border-top: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    background: #f9f9f9 url('../images/bg-texture-dark.png') repeat 0 0;
  }
  #main-nav,
  #main-nav ul li,
  #main-nav ul ul li {
    background: transparent;
  }
  #main-nav {
    font-size: 1.067em;
  }
  #main-nav a {
    color: #1DA4DB;
  }
  #main-nav .collapsible > ul > li > a {
    background-size: 100% 100% !important;
  }
  #main-nav .collapsible > ul > li.active > a,
  #main-nav .collapsible > ul > li:hover > a {
    background: transparent url("../images/ul-li.png") center center no-repeat;
    color: #fff;
  }
  #main-nav ul ul {
    text-align: left;
    background: #004068;
    font-size: 0.867em;
  }
  #main-nav ul ul a {
    color: #fff;
  }
  #main-nav ul ul a:hover {
    background: #008ee8;
  }
  #main-nav ul li.about-us ul {
    margin-left: 5px;
  }
  #main-nav ul li.for-new-patients ul {
    margin-left: 10px;
  }
  #main-nav ul li.general-dentistry ul {
    margin-left: 10px;
  }
  #main-nav ul li.services-we-offer ul {
    margin-left: 10px;
  }
  #main-nav ul li.contact-us ul {
    margin-left: -131px;
  }
  .ie8 #main-nav .collapsible > ul > li.active > a,
  .ie8 #main-nav .collapsible > ul > li:hover > a {
    background: #004068 !important;
  }
  #callouts .callout a:hover {
    background: #f9f9f9;
  }
}