/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
object {outline: none;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
.hide {display:none;}
.flash-replaced .alt {display:none;}

/*****************************************************************************universal styles ***/
html {
  height: 100%;
  overflow-y:scroll;
}

body {
  font-family:Times, "Times New Roman", Georgia, serif;
  background: #efd276 url(../images/bg.png) repeat-x top left;
  color: #333;
  font-size: 85%;
  height: 100%;
  line-height:1.3em;
}

h2, h3, h4 {
  margin-bottom:10px;
}

h1 {
  font-size:174%;
  font-family: Helvetica, "Helvetica Neue", Arial, Helvetica, sans-serif;
  letter-spacing:0.03em;
  margin-bottom:20px;
  font-weight:normal;
}

h2 {
  font-size:131%;
  font-weight:normal;
  line-height:1.4em;
}

h3 {
  font-size:108%;
  font-weight:normal;
}

h4 {
  font-size:100%;
  font-weight:300;
  font-weight:normal;
}

a {
  color: #1c5802;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

b {
  font-weight:bold;
}

address {
  font-style:normal;
}

/***************************************************************************** general layout styles ***/
#container {
  width:950px;
  margin:0 auto;
  position:relative;
}

/*** header ***/
#hd {
  width:950px;
  height:194px;
  position:relative;
  background: url(../images/hd.png) no-repeat top center;
}

h1#logo {
  margin:0 0 0 40px;
  float:left;
}

h1#logo a {
  width:720px;
  height:150px;
  display:block;
  text-indent:-9999px;
}

#hd address {
  position:absolute;
  top:158px;
  left:235px;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:0.13em;
}

#hd address span {
  font-size:131%;
}

/*** body ***/
#bd {
  width:950px;
  background: url(../images/bd-bg.png) repeat-y top center;
  overflow:hidden;
  position:relative;
  z-index:3;
  min-height:525px;
}

/*** content ***/
#content {
  width:560px;
  line-height:1.4em;
  position:relative;
  float:left;
  font-size:108%;
}

#content p, #content ul, #content ol {
  margin-bottom:20px;
}

#content ul, #content ol {
  margin-left:40px;
}

/*** sidebar ***/
#sidebar {
  width:239px;
  height:498px;
  float:left;
  margin:370px 30px 0 50px;
  color:#593d00;
  background: url(../images/swoosh.png) no-repeat top left;
}

/*** footer ***/
#ft {
  width:100%;
  height:307px;
  background: url(../images/ft.png) repeat-x top left;
  color:#996901;
  overflow:hidden;
  clear:both;
}

#ft-content {
  width:950px;
  padding-top:68px;
  background: url(../images/content-btm.png) no-repeat top center;
  margin:0 auto;
  text-transform:uppercase;
}

#ft a {
  color:#224a00;
  text-decoration:none;
}

#ft a:hover {
  text-decoration:underline;
}

#ft #sesame-link {
  display:block;
  margin:15px 0 0 50px;
}

/* columns */
.col-wrapper {
  clear:both;
  width:100%;
  position: relative;
  overflow:hidden;
}

/* 2 columns */
.col-wrapper .col-half {
  float:left;
  width:45%;
  display:inline;
  margin-right:3%;
}

.col-wrapper .col {
  float:left;
  display:inline;
  margin-right:10px;
  padding-top:20px;
}

.col-wrapper .col-1 {
  margin-left:50px;
  width:170px;
}

.col-wrapper .col-2 {
  width:190px;
}

.col-wrapper .col-3 {
  width:180px;
}

.col-wrapper .col-4 {
  width:320px;
  text-align:right;
  color:#fff;
  color:rgba(255, 255, 255, 0.55);
  font-size:108%;
  letter-spacing:0.05em;
}

.col-wrapper .col-4 img {
  float:right;
  margin:-30px 0 0 10px;
}

/***************************************************************************** elements ***/
img#leaf-left, img#leaf-right {
  position:absolute;
  top:194px;
  z-index:2;
}

img#leaf-left {
  left:-175px;
}

img#leaf-right {
  right:-176px;
}

a#callout-1 {
  display:block;
  width:220px;
  height:103px;
  background: url(../images/callouts/appt.png) no-repeat top left;
  text-indent:-9999px;
  margin:7px 0 20px -20px;
}

a#callout-1:hover {
  background-position:0 -103px;
}

a#callout-2 {
  display:block;
  width:116px;
  height:45px;
  background: url(../images/callouts/ada.png) no-repeat top left;
  text-indent:-9999px;
  margin-left:45px;
}

/*** main navigation ***/
#nav {
  width:280px;
  height:375px;
  background: url(../images/nav.png) no-repeat top left;
  position:absolute;
  top:179px;
  margin-left:0;
  z-index:10;
  text-align:center;
  text-transform:uppercase;
}

#nav ul li a {
  display:block;
  width:250px;
  height:40px;
  line-height:40px;
  position: relative;
  color: #224a00;
  text-decoration: none;
  margin-left:10px;
  letter-spacing:0.02em;
  font-size:116%;
}

#nav ul {
  padding: 0;
  list-style: none;
  position:absolute;
  margin-top:20px;
  left:0;
  top:0;
}

#nav li {
  display: inline;
  margin:0;
}

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  display: block;
}

#nav li ul li {
  float:none;
}

#nav li ul {
  position: absolute;
  top:auto;
  z-index:100000;
  margin-top:-36px;
  margin-left:240px;
  border:1px solid #fff;
  background:#e3e8cc url(../images/nav-sub.png) repeat-x bottom left;
  text-align:left;
  display:none;
  padding:5px 0;
}

#nav li ul li a {
  height:24px;
  line-height:26px;
  width:240px;
  padding:0 10px;
  cursor:pointer;
  font-size:100%;
  margin:0;
  text-shadow:none;
}

#nav li ul li a:hover {
  background:#548a01;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  height:22px;
  line-height:24px;
}

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
}

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

#nav li.active a, #nav a:hover,
#nav a:active, #nav a:focus, #nav li.sfhover a.head {
  background: url(../images/nav-on.png) no-repeat top left;
  color:#fff;
}

#nav li ul li a, #nav li.active li a, #nav li li a:hover,
#nav li li a:active, #nav li li a:focus, #nav li.sfhover li a.head {
  background-image:none;
}

/*** sub navigation ***/
p.sub_nav {
  color: #1c5802;
  font-size:116%;
  letter-spacing:0.02em;
  line-height:1.4em;
}

p.sub_nav a {
  display:inline-block;
  padding:0 5px;
  text-decoration:none;
}

p.sub_nav a:hover {
  text-decoration:underline;
}

p.sub_nav a.active {
  color:#67971d;
}

cite {
  display:block;
  text-align:right;
  margin-bottom:20px;
}

/***************************************************************************** page specific styles */
/*** homepage ***/
h3.home {
  font-family:Times, "Times New Roman", Georgia, serif;
  font-size:116%;
  font-weight:normal;
}

#slideshow-home {
  width: 671px;
  height: 341px;
  z-index:1;
  position:relative;
  margin:0 0 28px -50px;
  background: url(../images/slideshow-bg.png) no-repeat top left;
}

/*** teeth for life ***/
#content #brushing-instructions ul,
#content #flossing-instructions ul,
#content #brushing-instructions ul li,
#content #flossing-instructions ul li {
  list-style:none;
  margin-left:0;
}

/*** office location ***/
.map iframe {
  border: solid 1px #1c5802;
}

/* jQuery Cycle Before and After */
#before-after-container {
  width: 488px;
  line-height: 18px;
  margin: 0 0 18px 0;
  padding: 10px 0 10px 10px;
  background-color: #80a843; /* Customize me */
  border: solid 1px #fff; /* Customize me */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  }
#before-after-container ul.slideshow {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 488px;
  height: 182px;
  overflow: hidden;
  }
ul#before-after-cycle li img {
  width: 232px;
  float: left;
  margin-right: 10px;
  border: solid 1px #fff; /* Customize me */
  }
#before-after-container p {
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
  }
#before-after-container div.cycle-detail {
  min-height: 55px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
  clear: both;
  background-color: #fff; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #edc77f; /* Customize me */
  }
#before-after-container .before-after-nav {
  background: #fff; /* Customize me */
  margin: 0 10px 10px 0;
  padding: 5px 3px;
  border: solid 1px #edc77f; /* Customize me */
  }
#before-after-container .before-after-nav a {
  text-decoration: none;
  font-size: 12px;
  padding: 5px;
  margin: 0 3px;
  outline: none;
  color: #333; /* Customize me */
  }
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #1c5802;} /* Customize me */


#slideshow-container ul.slideshow {
  list-style: none;
  width: 460px;
  height: 350px;
  margin: 0;
  padding: 0;
  }
#slideshow-container {
  background: #80a843; /* Customize me */
  border: solid 1px #fff; /* Customize me */
  width: 460px;
  padding: 10px;
  line-height: 18px;
  }
#slideshow-container div#caption {
  min-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 10px 0 0 0;
  border: solid 1px #edc77f; /* Customize me */
  }
#slideshow-container ul.slideshow img {
  width: 460px;
  height: 350px;
  margin: 0;
  }
.office-tour-nav {
  background-color: #fff; /* Customize me */
  margin: 0 0 10px 0;
  padding: 5px 3px;
  border: solid 1px #edc77f; /* Customize me */
  }
.office-tour-nav a {
  text-decoration: none;
  font-size: 12px;
  padding: 5px;
  margin: 0 3px;
  color: #333;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #1c5802;}

/*** site map, 404, 500 ***/
body.site-map #content ul,
body.page-not-found #content ul,
body.internal-server-error #content ul {
  line-height:1.4em;
  margin-left:0;
  font-size:131%;
  letter-spacing:0.02em;
  text-decoration:none;
  margin-left:0;
}

body.site-map #content ul li a,
body.page-not-found #content ul li a,
body.internal-server-error #content ul li a {
  display:block;
  color:#1c5802;
}

body.site-map #content ul li a.external,
body.page-not-found #content ul li a.external,
body.internal-server-error #content ul li a.external {
  margin-bottom:20px;
}

body.site-map #content ul li,
body.page-not-found #content ul li,
body.internal-server-error #content ul li {
  list-style-type:none;
}

body.site-map #content ul li ul,
body.page-not-found #content ul li ul,
body.internal-server-error #content ul li ul {
  font-size:77%;
}

body.site-map #content ul li ul li,
body.page-not-found #content ul li ul li,
body.internal-server-error #content ul li ul li {
  list-style-type:none;
}

body.site-map #content ul li ul li a,
body.page-not-found #content ul li ul li a,
body.internal-server-error #content ul li ul li a {
  margin-bottom:0;
  display:block;
  font-weight:normal;
  color:#1c5802;
}


#inset {
  width: 671px;
  height: 341px;
  z-index:1;
  position:relative;
  margin:0 0 28px -50px;
  background: url(../images/slideshow-bg.png) no-repeat top left;
}

#inset-img {
  width: 660px;
  height: 328px;
}

body.home #inset-img {background: url(../images/photos/photo1.jpg) no-repeat top left;}
body.meet-dr-jeff-grove #inset-img {background: url(../images/photos/photo2.jpg) no-repeat top left;}
body.meet-dr-dale-grove #inset-img {background: url(../images/photos/photo3.jpg) no-repeat top left;}
body.meet-the-staff #inset-img  {background: url(../images/photos/photo4.jpg) no-repeat top left;}
body.office-visits #inset-img {background: url(../images/photos/photo5.jpg) no-repeat top left;}
body.financial-info #inset-img {background: url(../images/photos/photo6.jpg) no-repeat top left;}
body.office-tour #inset-img {background: url(../images/photos/photo7.jpg) no-repeat top left;}
body.treatment-options #inset-img {background: url(../images/photos/photo8.jpg) no-repeat top left;}
body.patient-forms #inset-img {background: url(../images/photos/photo9.jpg) no-repeat top left;}
body.privacy-policy #inset-img {background: url(../images/photos/photo10.jpg) no-repeat top left;}
body.before-and-after-gallery #inset-img {background: url(../images/photos/photo11.jpg) no-repeat top left;}
body.testimonials #inset-img  {background: url(../images/photos/photo30.jpg) no-repeat top left;}
body.regular-checkups #inset-img {background: url(../images/photos/photo13.jpg) no-repeat top left;}
body.teeth-for-life #inset-img {background: url(../images/photos/photo17.jpg) no-repeat top left;}
body.faq #inset-img {background: url(../images/photos/photo20.jpg) no-repeat top left;}
body.gum-disease #inset-img {background: url(../images/photos/photo16.jpg) no-repeat top left;}
body.extractions #inset-img {background: url(../images/photos/photo14.jpg) no-repeat top left;}
body.root-canals #inset-img {background: url(../images/photos/photo18.jpg) no-repeat top left;}
body.sealants #inset-img {background: url(../images/photos/photo19.jpg) no-repeat top left;}
body.wisdom-teeth #inset-img  {background: url(../images/photos/photo15.jpg) no-repeat top left;}
body.bonding #inset-img {background: url(../images/photos/photo21.jpg) no-repeat top left;}
body.bridges #inset-img {background: url(../images/photos/photo22.jpg) no-repeat top left;}
body.crowns #inset-img {background: url(../images/photos/photo23.jpg) no-repeat top left;}
body.implants #inset-img  {background: url(../images/photos/photo35.jpg) no-repeat top left;}
body.cosmetic-dentistry #inset-img {background: url(../images/photos/photo25.jpg) no-repeat top left;}
body.dental-treatments #inset-img {background: url(../images/photos/photo26.jpg) no-repeat top left;}
body.teeth-whitening #inset-img {background: url(../images/photos/photo33.jpg) no-repeat top left;}
body.veneers #inset-img  {background: url(../images/photos/photo29.jpg) no-repeat top left;}
body.dental-care-for-your-baby #inset-img {background: url(../images/photos/photo32.jpg) no-repeat top left;}
body.thumb-sucking #inset-img {background: url(../images/photos/photo12.jpg) no-repeat top left;}
body.pediatric-dental-emergencies #inset-img  {background: url(../images/photos/photo31.jpg) no-repeat top left;}
body.office-location #inset-img {background: url(../images/photos/photo28.jpg) no-repeat top left;}
body.appointment-request #inset-img {background: url(../images/photos/photo27.jpg) no-repeat top left;}
body.comment-form #inset-img {background: url(../images/photos/photo34.jpg) no-repeat top left;}
body.refer-a-friend #inset-img  {background: url(../images/photos/photo24.jpg) no-repeat top left;}
body.site-map #inset-img  {background: url(../images/photos/slide1.jpg) no-repeat top left;}
body.page-not-found #inset-img  {background: url(../images/photos/slide2.jpg) no-repeat top left;}
body.internal-server-error #inset-img  {background: url(../images/photos/slide3.jpg) no-repeat top left;}

/* SESAME CSS */
img.right {
  margin: 0 0 15px 15px;
  float: right;
  clear: right;
  }
img.left {
  margin: 0 15px 15px 0;
  float: left;
  clear: left;
  }
img.left-border {
  float: left;
  clear: left;
  margin: 5px 15px 15px 0;
  border: solid 1px #1c5802; /* Customize me! */
  }
img.right-border {
  float: right;
  clear: right;
  margin: 5px 0 15px 15px;
  border: solid 1px #1c5802; /* Customize me! */
  }
p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
  }
.clear {clear: both;}
/* This styled div acts as the hr for most browsers */
div.hr {
  height: 0px;
  background-color: #eee; /* Customize me! */
  border: solid 1px #eee; /* Customize me! */
  border-width: 1px 0 0 0; /* Customize me! */
  margin: 20px 0;
  padding: 0;
  clear: both;
  }
  
h6 {
  height: 0px;
  background-color: #eee; /* Customize me! */
  border: solid 1px #eee; /* Customize me! */
  border-width: 1px 0 0 0; /* Customize me! */
  margin: 20px 0;
  padding: 0;
  clear: both;
  }  
  
/* This is the backup for screen readers */
hr {
  display: none;
  height: 0px;
  background-color: #eee;
  border: solid 1px #eee;
  border-width: 1px 0 0 0;
  clear: both;
  }
/* Clear Fix */
.clear {clear: both;}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}






















/* anatomy of a tooth */
#anatomy-of-a-tooth {background: url(http://media.sesamehost.com/images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#bd #anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0; margin:0; padding:0;}
#bd #anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}



/*-----------------------------------------------
  Forms
  */
  /* Global form styles */
  div.referral-form, div.appointment-form, div.comments {
    width: 100%;
    margin-top: 18px;
    letter-spacing: normal;
  }

  fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
    fieldset h2 {margin: 0 0 9px;}
    fieldset p {margin: 0 0 18px;}
    fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
    fieldset dl {}
      fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
        fieldset dd ul {margin: 9px 0;}
          fieldset dd ul li, fieldset dd ol li {list-style: none;}
          fieldset dd li {
            clear: both;
            margin: 3px 0;
            padding: 5px 0 4px 10%;
            overflow: auto;
            height: auto;
            position: relative;
            }
          fieldset dd li:hover {background: #ecc680;/* customize me - this is the hover color change of li */}
          fieldset dd li input:hover, fieldset dd li input:focus,
           fieldset dd li select:hover, fieldset dd li select:focus,
           fieldset dd li textarea:hover, fieldset dd li textarea:focus {
            background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
            outline-color: #537197;/* customize me */
            }
            fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
            fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
            fieldset li div.input-street {width: 85%;}
            fieldset li div.input-city {width: 60%;}
            fieldset li div.input-full-name {width: 85%;}
            fieldset li div.input-phone-full {width: 85%;}
            fieldset li div.input-email {width: 85%;}
            fieldset li div.input-zip {width: 20%;}
            fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
              fieldset li div.radio input {border: none;}
              fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
            /*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
            fieldset li div.input-select-full {width: 85%;}
            fieldset li div.input-comments {width: 85%;}
              li div.input-comments textarea {height: 63px; overflow: auto;}
            fieldset li div.input-captcha {width: 50%;}
            fieldset li div.verification {width: 35%;}
              li div.verification img {
                border: 1px solid;
                margin-top: 9px;
                -moz-border-radius: 4px; /*for Moz, optional*/
                -webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
                }
              fieldset li div label {
                line-height: 18px;
                font-weight: bold;
                margin-bottom: 9px;
                font-size: 80%;
                color: #537197;/*override to match site*/
                }
              fieldset li div input, fieldset li div textarea, fieldset li div select {
                display: block;
                line-height: 18px;
                width: 100%;
                border: 1px solid;
                padding: 4px 0 3px;
                text-indent: 4px;
                margin-top: 9px;
                -moz-border-radius: 4px; /*for Moz, optional*/
                -webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
                }
              fieldset li div select {height: 25px;}
              fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
              fieldset li div div {width: 100%;}
            fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
              clear:both;/*do not change, forces button to sit below floated elements*/
              display: block;
              width: 125px;
              height: 34px;
              text-align: center;
              margin: 0;
              background:#194f02;/* customize me! */
              border: 1px solid #fff;
              line-height: 34px;
              color:#fff;/* customize me! */
              font-size:12px;
              font-weight:bold;
              -moz-border-radius: 4px; /*for Moz, optional*/
              -webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
              }


  /* appointment form
  * Styles only for the appointment request form
  */


  /* comment form
  * Styles only for the comments form
  */
  /*numbering added by jQuery*/
  fieldset ol li span.comment-number {
    font-size: 150%;
    color: #537197;/* customize me*/
    position: absolute;
    left: 9px;
    top: 9px;
  }


  /* referral form
  * Styles only for the referral form
  */
  .referral-form fieldset li div.radio {width: 40%;}

  /* JQuery */
  input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
  div.error {
    background: url(../images/validate_error.gif) 0 0 no-repeat;
    color: #a52003;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    display: block;
    margin: 12px -2% 0 0;
    text-indent: -999em;}
  div.success {
    background: url(../images/validate_ok.gif) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    display: block;
    margin: 12px -2% 0 0;
    text-indent: -999em;}

  .contact-form div.error, .contact-form div.success {margin-left: 0;}