/* 
 * ======================================
 * =      WELCOME TO THE STYLESHEET
 * ====================================== */
/* 
 * *************************************
 * *              GLOBALS
 * ************************************* */
body {
  background-color: #81a4d0;
  margin: 0 auto;
  color: #666; }

#page-container {
  background-color: #81a4d0; }

#page {
  background-color: #fff;
  margin-top: 20px;
  position: relative;
  width: 870px; }

#page-top {
  width: 870px;
  height: 18px;
  background: #81A4D0 url('../img/page-top.jpg') 0 0 no-repeat;
  margin-left: -1px;
  padding-right: 2px; }

#page-bottom {
  width: 870px;
  height: 18px;
  padding-left: 1px;
  background: #81A4D0 url('../img/page-bottom.jpg') 1px 0 no-repeat;
  margin-top: -18px; }

.hide-text {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden; }

h1, h2, h3, h4, h5 {
  font-family: Georgia, serif;
  color: #4f4f4f; }

.container h1 {
  font-size: 2.7em; }
  .container h1 span {
    font-size: 0.6em;
    display: block;
    margin-top: 50px; }

.container h3 {
  font-size: 1.4em; }

.no-ul-spacing ul {
  margin-top: -9px; }

/* 
 * **************************************
 * *               HEADER
 * ************************************** */
#logo {
  margin-bottom: 10px;
  margin-top: -25px; }

#logo h2 {
  position: relative;
  margin: 0;
  background: url('../img/physio-for-pets.jpg') top left no-repeat;
  width: 429px;
  height: 89px;
  margin-top: 28px; }
  #logo h2 a {
    display: block;
    width: 100%;
    height: 100%; }
    #logo h2 a span {
      display: block; }

#page-heading h2 {
  margin-top: -13px;
  margin-left: 67px;
  font-size: 1em; }

#text-resize-links {
  color: #CFCFCF;
  left: 15px;
  position: absolute;
  top: 10px;
  padding: 5px;
  text-align: center; }
  #text-resize-links a {
    display: block;
    border: 1px solid #CFCFCF;
    height: 21px;
    width: 25px;
    float: left;
    cursor: pointer; }
    #text-resize-links a:hover {
      color: #666666;
      border: 1px solid #666; }
  #text-resize-links #increase-text {
    font-size: 1.2em;
    height: 20px; }
  #text-resize-links #decrease-text {
    margin-right: 5px;
    font-size: 0.9em; }

/* 
 * *************************************
 * *             NAVIGATION
 * ************************************* */
#sidebar {
  clear: left; }

#menu {
  width: 189px;
  position: relative;
  margin-left: 0 !important; }
  #menu li {
    width: 189px;
    height: 38px;
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 0;
    position: relative; }
    #menu li a {
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: none;
      background-position: top left;
      padding: 0; }
      #menu li a:hover, #menu li a.active {
        background-position: 0 -39px; }
  #menu #menu-home a {
    background-image: url('../img/menu-home.gif'); }
  #menu #menu-julia a {
    background-image: url('../img/menu-julia.gif'); }
  #menu #menu-treatments a {
    background-image: url('../img/menu-treatments.gif'); }
  #menu #menu-casestudies a {
    background-image: url('../img/menu-casestudies.gif'); }
  #menu #menu-homemanagement a {
    background-image: url('../img/menu-homem.gif'); }
  #menu #menu-faqs a {
    background-image: url('../img/menu-faqs.gif'); }
  #menu #menu-referrals a {
    background-image: url('../img/menu-referrals.gif'); }
  #menu #menu-links a {
    background-image: url('../img/menu-links.gif'); }
  #menu #menu-contact a {
    background-image: url('../img/menu-contact.gif'); }

#sidebar #association-logos {
  text-align: center; }
  #sidebar #association-logos img {
    margin-bottom: 10px; }

/* 
 * *************************************
 * *            MAIN CONTENT
 * ************************************* */
#move-bottomright {
  position: relative;
  top: -85px;
  float: right;
  padding-left: 10px;
  padding-bottom: 10px; }

#main-image img {
  margin-bottom: 10px; }

#main-content {
  padding-left: 10px; }

.span-9 {
  z-index: 100; }

.span-7 h3 {
  margin-top: 2px; }

.span-7 ul {
  margin-bottom: 0; }

.highlight-feature {
  background-color: #E0E7EF;
  padding: 10px;
  position: relative;
  margin-bottom: 19px; }
  .highlight-feature .highlight-top, .highlight-feature .highlight-bottom {
    position: absolute;
    width: 630px;
    height: 11px;
    left: 0px;
    background-repeat: none !important;
    background-position: top left;
    padding: 0;
    margin: 0; }
  .highlight-feature .highlight-top {
    top: 0;
    background-image: url(../img/highlight-top.jpg); }
  .highlight-feature .highlight-bottom {
    bottom: 0;
    background-image: url(../img/highlight-bottom.jpg); }
  .highlight-feature h3 {
    margin-top: 5px; }

.useful-links a {
  background: none !important; }

#case-study-links {
  border: none;
  width: 630px; }
  #case-study-links td {
    border: none;
    padding: 0 !important;
    text-align: center; }
  #case-study-links .second-row img {
    margin-top: 10px; }

.useful-links-page .span-9 p {
  padding-bottom: 10px; }

/* 
 * *************************************
 * *               FOOTER
 * ************************************* */
#contact-footer {
  margin-top: 30px; }
  #contact-footer .highlight-feature {
    padding: 10px 0;
    position: relative; }
  #contact-footer h4 {
    margin: 20px 0 0 0;
    font-size: 15px;
    position: relative;
    width: 600px;
    left: 10px; }
    #contact-footer h4 span {
      font-size: 1.1em;
      display: block;
      text-align: right;
      position: absolute;
      right: 0;
      top: -1px; }
      #contact-footer h4 span a {
        color: #4f4f4f;
        background-image: none;
        font-size: 0.9em;
        padding-right: 0;
        position: relative; }

#footer-links {
  text-align: right;
  color: #d3e0ef;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 20px;
  position: relative;
  width: 870px; }
  #footer-links a {
    background: none;
    padding: 0;
    color: #d3e0ef;
    text-decoration: underline;
    position: relative; }