body {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 26px;
text-align: left;
background-image: url('../images/repeat-bg-sm-140light.png');
background-repeat: repeat;
-webkit-text-size-adjust: 100%;    /* attempt to stop android text resizing */
overflow-x:hidden;
}

html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
html * {
max-height:1000000px;   /* attempt to stop android font boosting */
}
body * {
max-height: 1000000em;  /* attempt to stop android font boosting */
}


  
/* Container 
---------------------------------------------------------------------------- */
#container {
position : relative;
width: 100%; 
max-width: 1090px;
margin : 0 auto;
text-align : left;
vertical-align : top;
top : -10px;
background-color: #fff; 
z-index: 10;
}


/* overall wrapper 
---------------------------------------------------------------------- */
div.maincontentcontainer {
display : block;
position: relative;
background-color: #fff; 
width: 100%;
margin : 0 auto;
top: 40px;
padding: 0 0 50px 0;
height : 100%;
z-index: 10;
}


/* total wrapper 
---------------------------------------------------------------------- */
div.total-wrapper {
display : block;
position: relative;
width: 90%;
margin : 0 auto;
top: 0;
padding: 0;
background-color: #fff; 
z-index: 10;
}

.wrapper-row {
  width: 90%;
  padding: 0 0 0 0;
  margin : 0 auto;
}

/* Create three unequal columns that floats next to each other */
.row {
  width: 100%;
  padding: 0 0 0 0;
  margin : 0 auto;
  
}
.column {
  float: left;
  padding: 0 0 0 0;
  margin: 0 6% 0 0;
}

.left {
  width: 20.25%;
  padding: 0 0 0 0;
  margin: 0 4% 0 0;
  top: 0;
}

.right {
  width: 20.25%;
  padding: 0 0 0 0;
  margin: 0 0 0;
  top: 0;
}

.middle {
  width: 49.5%;
  top: 0;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* basic responsive img */
.fixed-ratio-resize-pics { 
	max-width: 100%;
	height: auto;
	width: auto;
	margin: 0 0 0 0;
}



/* Black panel */

div.wrapper-black-panel-about {
	width: 100%;
	height: auto;
	margin : 0 auto;
	padding: 30px 0 30px 0;
}

div.wrapper-black-panel {
	width: 100%;
	height: auto;
	margin : 0 auto;
	padding: 30px 0 35px 0;
}

div.black-panel {
	max-width: 100%;
	height: auto;
	width: auto;
	background-color: #000000;
	padding: 6px 0 6px 0;

}

div.black-rule {
	max-width: 100%;
	height: 2px;
	width: auto;
	background-color: #000000;
	margin: 0 0 0 0;
}


h1 {
font-family: "Open Sans", sans-serif;
font-size: 20px !important;
line-height: 20px;
text-align: center;
color: #fff;
font-weight: 800;
font-style: normal;
letter-spacing: 2px;
padding: 0;
margin: 0;
}

.copy {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #000; 
text-align: justify; 
padding: 0;
margin: 0;
}

.telephone {
font-family: "Open Sans", sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 26px;
padding: 0;
margin: 0;
}


.about-centred {
  width: 74%;
  padding: 0 0 0 0;
  margin : 0 auto;
}

.about {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
text-align: center; 
padding: 0;
margin: 0;
}

.centred {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400; 
line-height: 26px;
text-align: center;
padding: 0;
margin : 0 auto;
}

.centred a {
font-weight: 700;
color: #ff9900;
text-decoration: none; 
}
.centred a:visited { 
color: #ff9900;
text-decoration: none; 
}
.centred a:hover { 
color: #52ad31;
text-decoration: none;
}
.centred a:focus { 
color:  #52ad31;
text-decoration: none;
}
.centred a:active { 
color: #52ad31;
text-decoration: none;
}




.bullet-points {
font-family: "Open Sans", sans-serif;
text-align: left; 
padding: 0;
margin: 0;
}

.bullet {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 700;
padding: 0;
margin: 0;
}

.head-red {
font-family: "Open Sans", sans-serif;
font-size: 20px !important;
line-height: 26px;
text-align: center;
color: #e3032e;
font-weight: 800;
letter-spacing: 2px;
padding: 0;
margin: 0;
}

.head-purple {
font-family: "Open Sans", sans-serif;
font-size: 20px !important;
line-height: 26px;
text-align: center;
color: #941b81;
font-weight: 800;
letter-spacing: 2px;
padding: 0;
margin: 0;
}

.head-green {
font-family: "Open Sans", sans-serif;
font-size: 20px !important;
line-height: 26px;
text-align: center;
color: #52ad31;
font-weight: 800;
letter-spacing: 2px;
padding: 0;
margin: 0;
}

.head-hops {
font-family: "Open Sans", sans-serif;
font-size: 20px !important;
line-height: 26px;
text-align: center;
color: #99cc00;
font-weight: 800;
letter-spacing: 2px;
padding: 0;
margin: 0;
}

.copyright {
font-family: "Open Sans", sans-serif;
font-size: 10px;
font-weight: 400; 
line-height: 16px;
text-align: center;
padding: 0;
margin: 0;
}

.copyright a {
font-weight: 400;
color: #888;
text-decoration: none; 
}
.copyright a:visited { 
color: #888;
text-decoration: none; 
}
.copyright a:hover { 
color: #52ad31;
text-decoration: none;
}
.copyright a:focus { 
color:  #52ad31;
text-decoration: none;
}
.copyright a:active { 
color: #52ad31;
text-decoration: none;
}




}