/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

body {
  background: #ffffff url("/images/chilcott-ditch-background.jpg") no-repeat fixed 0 0 !important;
}

#s5_header_wrap {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 6px 6px 0 0;
}

#s5_logo {
  padding: 8px;
  margin-left: 20px;
}

#s5_header_wrap {
  background-image: url("/images/headers/chilcott-ditch-header.jpg");
  border: 1px solid #222222;
}

#s5_menu_wrap {
  background: /*#2124db*/ #00003a none repeat scroll 0 0;
  border-top: 1px solid #222222;
}

.copy-left { float:left; width:50%; }

.copy-right { float:left; width:50%; text-align:right; }

.contact-left { float:left; width:50%; }

.contact-right { float:left; width:50%; }

.contact-text { font-size:1.9em; line-height:1.5em; }


@media screen and (max-width: 924px){
  .contact-left { float:left; width:100%; }
  .contact-right { float:left; width:100%; }
}

#s5_logo_module {
  margin-left: 59px;
}

.bod1 {
  float: left; width: 32%; padding:25px 0 25px 0;
}

.bod2 {
  float: left; width: 32%;
}

@media screen and (max-width: 724px){
.bod1 {
  float: left; width: 50%; padding:25px 0 25px 0;
 }

.bod2 {
  display:none;
 }
  
.non-mobile {
  display:none;
 }
  
.op1 {
  float: left; width: 100%;
 }

.op2 {
  display:none;
 }
}

.op1 {
  float: left; width: 75%;
}

.op2 {
  float: left; width: 25%;
}

@media screen and (max-width: 524px){
.bod1 {
  float: left; width: 100%; padding:25px 0 25px 0;
 }
}