@charset "UTF-8";
/* Simple fluid media
   
ww.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	

/* Mobile Layout: 480px and below. */

.gridContainer {
   margin-left: aufto;
   margin-right: auto;
   width: 100%;
   padding-left: 1.82%;
   padding-right: 1.82%;
   
}

#f2fcheader {
   clear: right;
   float: left;
   width: 100%;
   display: none;
   text-align: left;
   marginFint-top: 0px;
   margin-right: 0px;
   margin-bottom: 0%;
   margin-left: 0px;
}
#ContactWrapper {
   margin:auto;
   width:100%;
   height:auto;
}
#NavWrapper {
   margin:auto;
   width:100%;
   height:auto;
}
.Navigation {
  background-color:#19459c;
	clear: both;
	float: left;
	margin: 3% 0% 0% 0%;
	width: 100%;
	height:auto;
	display:inline-block;
   padding:1% 0% 2% 0%;
}
.navlogo {
   float:left;
   width:auto;
   height:150px;
   color: #FFF;
   padding-top: 0px;
   display:block;
}
#Header {
      width: 100%;
   height:20px;
   background-color: #b3a46a;

      }
.headertext {
   color: #FFF;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   float:right;
   padding: 1% 5% 0 0;
   text-decoration:none;
   margin:0;
   display:inline-block;
}
.headerlogos {
   color: #FFF;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: inline-block;
   float:left;
   padding:5px 0 0 5px;
   width:30px;
   text-align:center;
}

   #footnavigation {
	clear: both;
	margin: auto;
	width: 100%;
   height:8%;
   
   }
   
.navbuttons {
   clear: none;
   float: left;
   margin: 0% 0% 0% 0%;
   width: 50%;
   height:auto;
      padding:2% 0% 2% 6%;
         text-align:left;


}

.navtext {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFF;
   font-size: 18px;
      font-weight: bold;
   text-align: left;
   text-decoration: none;
}

   
.footnavbuttons {
   display:inline-block;
    font:Arial, Helvetica, sans-serif;
   font-size:14px;
      height:23px;
      padding:2% 0% 1% 2%;
            width:100%;
               text-align: left;

}


/* visited link */
.navtext a:visited {
   color: #FFF;
   font-weight: bolder;

}

/* mouse over link */
.navtext a:hover {
   color: #FFF;
      font-weight: bolder;
         font-size: 20px;

}
/* selected link */
a:active {
   color: #FFF;
   font-weight: bolder;
   text-align: center;
}

.bodytext a:visited {
   color: #FFF;
   font-weight: bolder;
}
.bodytext a:link {
   color: #FFF;
   font-weight: bold;
}

/* mouse over link */
.bodytext a:hover {
   color: #FFF;
      font-weight: bold;
      
}
.bodytext a:active {
   color: #FFF;
   font-weight: bold;
}

.bodytextblack {
	color:#000000;
	text-decoration: none;
}

#homeimage {
   background-image: url(Sliders/home-page-image700px.jpg);
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

   width: 100%;
   height: 350px;
   
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
}
#whoareweimage {
   background-image: url(Sliders/whoarewe_image.jpg);
   width: 100%;
   height: 350px;
   background-repeat: no-repeat;
   background-position: center top;
   clear: both;
   float: left;
}
#careersimage {
   background-image:url(Images/careers-image.jpg);
   width: 100%;
   height: 350px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
}
#contactimage {
   background-image: url(Images/contact-image_700.jpg);
   width: 100%;
   max-width: 1400px;
   height: auto;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#carepropertybondimage {
   background-image: url(Images/CPB_hands.jpg);
   width: 100%;
   max-width: 100%;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#contactcolour {
   background-color:#c2d3ef;
   width: 100%;
   max-width: 1400px;
   height: 750px;
   clear: both;
   float: left;
   margin:0;
   display:block;
}
#complaintsimage {
	background-image:url(Sliders/complaintsimage.jpg);
   width: 100%;
   max-width: 1400px;
   height: 750px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#introleft {
	background-color:#FFF;
   clear: both;
   margin:auto;
   width: 87%;
   display: block;
   padding: 4%;
   height:auto;
}
#introCPB {
	background-color:#FFF;
   clear: both;
   margin:auto;
   width: 87%;
   display: block;
   padding: 4%;
}
#privacystatement {
	background-color:#FFF;
   clear: both;
   margin: auto;
   width: 87%;
   display: block;
   padding: 4%;
}
#privacyimage {
   background-image: url(Sliders/home-page-image.jpg);
   width: 100%;
   max-width: 1400px;
   height: auto;
   background-repeat: repeat-y;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#introright {
   text-align:centre;
   clear: both;
   margin: 2%;
   width: 100%;
       opacity: 0.7;
   padding: 4%;
 }
 
 
#Symbols {
   clear: none;
   float: left;
   margin-left: 4.1666%;
   width: 20%;
   display: block;
}
#IntroText {
   clear: none;
   float: left;
   margin-left: 4.1666%;
   width: 100%;
   display: block;
}
.BulletText {
   clear: none;
   float: left;
   margin-left: 2.0408%;
   width: 70%;
   display: block;
   text-align: left;
   color: #19459c;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   clear: right;
   margin-top: 25px;

}
#FooterSmall {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   clear: both;
   float: left;
   width: 100%;
   height: auto;
}
#Footer {
   background-color:#666;
   clear: both;
   float: left;
   margin-left: 0;
   width: 100%;
   display:block;
}
#FooterLeft {
   margin-top:5%;
   margin-bottom:5%;
   clear: none;
   float: left;
   margin-left: 4.1666%;
   width: 100%;
   display: block;
}
#FooterRight {
   clear: none;
   float: left;
   margin-left: 4.1666%;
   width: 100%;
   display: block;
}
.heading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 36px;
   color: #19459c;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
vertical-align: middle;
   width: 100%;
   float: left;
   clear: both;
   margin-top: 20%;
	   margin-bottom: 0px;
   margin-right: 0px;
   margin-left: 0px;
}
.subheading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 28px;
   color: #19459c;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.subheadingRed {
     font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 28px;
   color: #9b004c;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.subheadingWhite {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 18px;
   color: #FFFFFF;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
}

.bodytext {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.bodytextContact {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666;
   line-height: auto;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
}
.bodytextWhite {Synm
   font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.bodytextSmall {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.contact {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #19459c;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
   text-decoration: none;
}
.contactRed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #9b004c;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}
.contactWhite {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color:#FFF;
      font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}
#ServicesHead {
   clear: both;
   float: left;
   margin-left: 0;
   width: 100%;
   display: block;
}
.ServicesSubheading {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #19459c;
   line-height: normal;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.ServicesBoxes {
   background-color:#e6e7e8;
   padding-left:2%;
      padding-right:2%;
      float: left;
      margin-right: 5%;
      width: 100%;
      height:auto;
      display: block;
      margin-bottom:4%;
      text-align:left;
}
#CarepropContact {
   clear: both;
   float: left;
   margin-left: 0px;
   width: 100%;
   display: block;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: 40px;
   background-color: #283683;
   height: auto;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #FFF;
   line-height: normal;
   padding: 1%;
   text-decoration: none;
}
.contactboxes {
   font-family: Georgia, "Times New Roman", Times, serif;
   color:#19459c;
   font-size: 26px;
   text-align: center;
   width: 87%;
   height:auto;
   min-height:550px;
   float: left;
   margin-top: 0%;
   margin-left: 2%;
   margin-right: 3%;
   clear: both;
   padding-top: 0;
   padding-right: 1%;
   padding-bottom: 0%;
   padding-left: 1%;
      display:block;


}



.contactboxesGrey {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 22px;
   color: #FFF;
   text-align: center;
   background-color:#19459c;
   width: 100%;
   height: auto;
   float: left;
   margin:2% 0 0 0;
   padding: 1%;
   clear: both;
   display:block;

}

#BiogPhoto {
   background-color:#CCC;
   clear: none;
   float: right;
   margin: 2.0408% 0% 2% 0%;
   height:300px;
   width: 100%;
   display: block;
}
.contactheading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 36px;
   color: #19459c;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   width: 100%;
   float: left;
   clear: both;
   margin-top: 2%;
   margin-right: 0px;
   margin-bottom: 0%;
   margin-left: 0px;
   text-align: center;
}
   
   #carepropRight {
   clear: right;
   float: left;
   margin-left: 0%;
   margin-bottom: 10px;
   margin-top: 30px;
   width: 100%;
   display: inline-block;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   line-height: normal;
   color: #19459c;
   font-weight: bold;
}
 .formboxes {
   background-color: #FFF;
   border: thin solid #CCC;
   color: #333;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin:2% 0 2% 0;
   font-size:12px;
}
/* Dropdown Button */
.dropbtn {
      font-family: Arial, Helvetica, sans-serif;

   background-color:#19459C;
   color:#FFF;
      clear: none;
   width: auto;
   padding: 1% 0 0 0;
  font-size: 14px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
}

/* Links inside the dropdown */
.dropdown-content a {
   background-color:#b3a46a;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align:left;
    font-size: 14px;
  width: 100%;
     font-family: Arial, Helvetica, sans-serif;
 }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #b3a46a;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #19459C;
  width: 100%;
}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#f2fcheader {
   background-image: url(F2-logos_100px.gif);
   clear: both;
   float: left;
   width: 100%;
   display: block;
   text-align: left;
   background-repeat: no-repeat;
   height: auto;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: .5%;
   margin-left: 0px;
}

.Navigation {
  background-color:#19459c;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
   padding:1% 0% 2% 0%;
   
}

#ContactWrapper {
   margin:auto;
   width:100%;
   height:auto;
}

#NavWrapper {
   margin:auto;
   width:100%;
   height:auto;
}
   #footnavigation {
	clear: both;
	margin: auto;
	width: 100%;
	display:inline-block;
   height:8%;
   
   }
      
.footnavbuttons {
   display:inline-block;
    font:Arial, Helvetica, sans-serif;
   font-size:14px;
      height:23px;
      padding:2% 0% 1% 5%;
            width:100%;
               text-align: left;

}

.navlogo {
   clear: both;
   float: left;
   margin-left:1%;
   width: 100px;
   height:150px;
      padding:1% 0% 2% 0%;
      display:block;

}

.navbuttons {
   clear: none;
   float: left;
   margin-left:1%;
   width: 50%;
   height:auto;
      padding:1% 0% 2% 0%;

}
.navtext {
   font-family:Arial, Helvetica, sans-serif;
   color:#FFF;
   font-size:18px;
   text-align:left;
         text-decoration:none;

}


/* unvisited link */
a:link {
   color: #FFF;
}

/* visited link */
a:visited {
   color: #FFF;
   font-weight: bolder;
}

/* mouse over link */
a:hover {
   font-size:14px;
   color: #FFF;
      font-weight: bolder;
}

/* selected link */
a:active {
   color: #FFF;
   font-weight: bolder;
}
#Header {
   
   width: 100%;
   height:20px;
   background-color: #b3a46a;

      }
.headertext {
   color: #FFF;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: inline-block;
   float:right;
   padding: 1% 2px 0 0;
   text-decoration:none;
}
.headerlogos {
   color: #FFF;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: inline-block;
   float:left;
   padding:5px 0 0 5px;
   width:30px;
   text-align:center;
}

#homeimage {
#homeimage {
   background-image: url(Sliders/home-page-image700px.jpg);
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

   width: 100%;
   height: 350px;
   
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
}
#whoareweimage {
   background-image: url(Sliders/whoarewe_image.jpg);
   width: 100%;
   max-width: 1400px;
   height: auto;
   background-repeat: no-repeat;
   background-position: center top;
   clear: both;
   float: left;
}
#careersimage {
   background-image:url(Images/careers-image.jpg);
   width: 100%;
   max-width: 1400px;
   height: 700px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
}
#contactimage {
   background-image: url(Images/contact-image_700.jpg);
   width: 100%;
   max-width: 1400px;
   height: auto;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#carepropertybondimage {
   background-image: url(Images/CPB_hands.jpg);
   width: 100%;
   max-width: 100%;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#contactcolour {
   background-color:#c2d3ef;
   width: 100%;
   max-width: 1400px;
   height: 750px;
   clear: both;
   float: left;
   margin:0;
}
#complaintsimage {
	background-image:url(Sliders/complaintsimage.jpg);
   width: 100%;
   max-width: 1400px;
   height: 750px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#introleft {
   clear: both;
   margin:auto;
   width: 87%;
   display: block;
   padding:30px;
      height:auto;

}
#introCPB {
	background-color:#FFF;
   clear: both;
   width: 87%;
   padding:1%;
}
.introright {
   clear:both;
   float: left;
   margin-top: 20px;
   width: 100%;
      padding:30px;

}
#Symbols {
   clear: none;
   float: left;
   margin-left: 2.5641%;
   width: 20%;
   display: block;
}


#IntroText {
   clear: none;
   float: left;
   margin-left: 2.5641%;
   width: 100%;
   display: block;
}

.BulletText {
   clear: none;
   float: left;
   margin-left: 2.0408%;
   width: 70%;
   display: block;
   text-align: left;
   color: #19459c;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 22px;
   clear: right;
   margin-top: 25px;

}

#Footer {
   margin-top:5%;
   background-color:#666;
   clear: both;
   float: left;
   margin-left: 0;
   width: 100%;
   display: block;
}

#FooterLeft {
   margin-top:5%;
   margin-bottom:5%;
      clear: none;
   float: left;
   width: 100%;
   display: block;
}

#FooterRight {
   clear: none;
   float: left;
   width: 100%;
   display: block;
}
.bodytext {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.bodytextSmall {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}

.subheading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 28px;
   color: #19459c;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.subheadingRed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   color: #9b004c;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}

.heading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 36px;
   color: #19459c;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   width: 100%;
   float: left;
   clear: both;
   margin-top: 2%;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}
.contactheading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 36px;
   color: #19459c;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   width: 100%;
   float: left;
   clear: both;
   margin-top: 2%;
   margin-right: 0px;
   margin-bottom: 0%;
   margin-left: 0px;
   text-align: center;
}
.heading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 36px;
   color: #19459c;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   width: 100%;
   float: left;
   clear: both;
   margin-top: 2%;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}
.subheadingWhite {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 30px;
   color: #FFFFFF;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
}
#privacystatement {
	background-color:#FFF;
   clear: both;
   margin: auto;
   width: 1000px;
   display: block;
   padding: 4%;
}

.contact {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #19459c;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
   text-decoration: none;
}
.contactWhite {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color:#FFF;
      font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}
.ServicesSubheading {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #19459c;
   line-height: auto;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
}
.ServicesHead {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
}

.ServicesBoxes {
   background-color:#e6e7e8;
   padding-left:2%;
      padding-right:2%;
      float: left;
      margin-right: 5%;
      width: 100%;
      height:auto;
      display: block;
      margin-bottom:4%;
      text-align:left;
}

#BiogPhoto {
   background-color:#CCC;
   clear: none;
   float: right;
   margin: 2.0408% 0% 2% 0%;
   height:300px;
   width: 100%;
   display: block;
}
.BiogName {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bolder;
   text-decoration: none;
   color:#666;
   text-align:left;
}
.nivo-caption1 {
   margin-top: 0px;
   font-size: 24px;
   line-height: normal;
   text-transform: none;
   background-color: #000;
   filter: alpha(opacity=50);
   opacity: 0.7;
   padding: 1% 1% 1% 1%;
}
.nivo-caption2 {
 margin-top: 0px;
font-size: 24px;
   line-height: normal;
   text-transform: none;
   background-color: #000;
   filter: alpha(opacity=50);
   opacity: 0.7;
   padding: 1% 1% 1% 1%;
   }
.nivo-caption3 {
  margin-top: 0px;
font-size: 24px;
   line-height: normal;
   text-transform: none;
   background-color: #000;
   filter: alpha(opacity=50);
   opacity: 0.7;
   padding: 1% 1% 1% 1%;

   }
.nivo-caption4 {
   margin-top: 0px;
font-size: 24px;
   line-height: normal;
   text-transform: none;
   background-color: #000;
   filter: alpha(opacity=50);
   opacity: 0.7;
   padding: 1% 1% 1% 1%;
   }

.nivo-caption5 {
margin-top: 0px;
font-size: 24px;
   line-height: normal;
   text-transform: none;
   background-color: #000;
   filter: alpha(opacity=50);
   opacity: 0.7;
   padding: 1% 1% 1% 1%;
   }

 .formboxes {
   background-color: #FFF;
   border: thin solid #CCC;
   color: #333;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin:2% 0 2% 0;
   font-size:12px;
}

/* Dropdown Button */
.dropbtn {
      font-family: Arial, Helvetica, sans-serif;

   background-color:#19459C;
   color:#FFF;
      clear: none;
   width: 100%;
   padding: 1% 0 0 0;
  font-size: 14px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
}

/* Links inside the dropdown */
.dropdown-content a {
   background-color:#b3a46a;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align:left;
     font-family: Arial, Helvetica, sans-serif;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #b3a46a;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #19459C;}
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1400px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#homeimage {
   background-image: url(Sliders/home-page-image.jpg);
   width: 100%;
   max-width: 1400px;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
}
#whoareweimage {
   background-image: url(Sliders/whoarewe_image.jpg);
   width: 100%;
   max-width: 1400px;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center center;
   clear: both;
   }
#careersimage {
   background-image:url(Images/careers-image.jpg);
   width: 100%;
   max-width: 1400px;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
}
#contactimage {
   background-image: url(Images/contact-image_700.jpg);
   width: 100%;
   max-width: 1400px;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#carepropertybondimage {
   background-image: url(Images/CPB_hands.jpg);
   width: 100%;
   max-width: 100%;
   height: 400px;
   background-repeat: no-repeat;
   background-position: center 5
   %;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#contactimage2 {
   background-image: url(Images/contact-image_700.jpg);
   width: 100%;
   max-width: 1400px;
   height: auto;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}
#contactcolour {
   background-color:#c2d3ef;
   width: 100%;
   max-width: 1400px;
   height: 750px;
   clear: both;
   float: left;
   margin:0;
}
#complaintsimage {
	background-image:url(Sliders/complaintsimage.jpg);
   width: 100%;
   max-width: 1400px;
   height: 750px;
   background-repeat: no-repeat;
   background-position: center;
   clear: both;
   float: left;
   background-attachment: scroll;
}

#introleft {
   width: 1000px;
   margin:auto;
   padding: 1%;
   height:auto;
}
#introCPB {
   width: 60%;
   padding: 1%;
   height:auto;
      display: inline-block;
      float:left;

}

#introright {
   width: 25%;
   display: inline-block;
   padding: 4%;
   float:left;
   clear:right;
}

.people {
	width: 17%;
	float: left;
}
.peopletext {
   padding:0 10% 0 10%;
   
   
}
.contactboxes {
   font-family: Georgia, "Times New Roman", Times, serif;
      color:#19459c;

   font-size: 26px;
   text-align: center;
   background-color: #FFF;
   width: 24%;
   height: 360px;
   float: left;
   margin-top: 0%;
   margin-left: 2%;
   margin-right: 3%;
   display: inline-block;
   clear: none;
   padding-top: 0;
   padding-right: 1%;
   padding-bottom: 0%;
   padding-left: 1%;

}
.contactboxesGrey {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 22px;
   color: #FFF;
   text-align: center;
   background-color:#19459c;
   width: 100%;
   height:150px;
   float: left;
   margin-top:2%;
   padding: 1%;
   display: inline-block;
   clear: none;

}
#carepropRight {
   float: left;
   margin-left: 0%;
   margin-bottom: 10px;
   margin-top: 30px;
   width: 42%;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   line-height: normal;
   color: #19459c;
   font-weight: bold;
}
#Header {
   
   width: 100%;
   height:20px;
   background-color: #b3a46a;

      }
.Welcome {
   width: 100%;
   height: 50px;
   margin-bottom: 30px;
 
   float: left;
   clear: right;
}

.Navigation {
   background-color: #19459c;
   clear: both;
   width: 100%;
   color: #FFF;
   padding: 0;
   text-align: left;
   height: auto;
   margin:auto;
   margin-bottom:1%;
}
.ContactWrapper {
      margin:auto;
   width:1000px;
}
.NavWrapper1 {
   margin:auto;
   width:1000px;
   height:90px;
}
.NavWrapper {
   margin: auto;
   width: 1000px;
   height: auto;
}

   #footnavigation {
	clear: both;
	margin: auto;
	width: 1000px;
   height:8%;
   
   }
   
   .footnavbuttons {
      display:inline-block;
    font:Arial, Helvetica, sans-serif;
   font-size:14px;
      height:23px;
      padding:1% 0% 1% 2%;
            width:10%;
}
.navbuttons {
	clear: none;
	float: left;
	width: auto;
	height: auto;
	margin-right: 3%;
	padding-top: 3%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 0;
}


.navtext {
   color: #0F0;
   font-size: 14px;
   vertical-align: middle;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: inline-block;
}


.headertext {
   color: #FFF;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: inline-block;
   float:right;
   padding-top: 1%;
   text-decoration:none;
}

/* unvisited link */
.headertext a:link {
   color: #FFF;
}

/* visited link */
.headertext a:visited {
   color: #FFF;

   font-weight: bold;
}

/* mouse over link */
.headertext a:hover {
    font-size: 18px;
  color: #FFF;
   font-weight: bold;

}

/* selected link */
.headertext a:active {
   color: #FFF;
   font-weight: bold;

}

.headerlogos {
   color: #FFF;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: inline-block;
   float:left;
   padding-top:5px;
   width:30px;
   text-align:center;
}

.navlogo {
   width:90px;
   height:90px;
   color: #FFF;
   display: inline-block;
   padding-top: 0px;
}



/* unvisited link */
.navtext a:link {
   color: #FFF;
}

/* visited link */
.navtext a:visited {
   color: #FFF;

   font-weight: bold;
}

/* mouse over link */
.navtext a:hover {
    font-size: 15px;
  color: #FFF;
   font-weight: bold;

}

/* selected link */
.navtext a:active {
   color: #FFF;
   font-weight: bold;

}
#Slider {
   clear: both;
   float: left;
   margin-left: 0;
   width: 100%;
   display: block;
}

#CarepropContact {
   clear: both;
   float: left;
   margin-left: 0px;
   width: 100%;
   display: block;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: 40px;
   background-color: #283683;
   height: auto;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   color: #FFF;
   line-height: normal;
}
#AboutusLeft {
   clear: both;
   float: left;
   margin-left: 0px;
   width: 100%;
   display: block;
   margin-top: 30px;
   margin-right: 0px;
   margin-bottom: 40px;
}



.bodytext {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}

/* unvisited link */
.bodytext a:link {
   color: #19459c;
   text-decoration:none;
}

/* visited link */
.bodytext a:visited {
   color: #19459c;

   font-weight: bold;
}

/* mouse over link */
.bodytext a:hover {
   color: #19459c;
   font-weight: bolder;

}

/* selected link */
.bodytext a:active {
   color: #FFF;
   font-weight: bold;

}
.bodytextSmall {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
#FooterSmall {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #FFF;
   line-height: 20px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
   clear: both;
   float: left;
   width: 100%;
   height: auto;
}
.blackird {Synm
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
}

.subheading {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 30px;
   color: #19459c;
   line-height: 30px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}
.subheadingRed {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 30px;
   color: #9b004c;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align:left;
}
.ServicesSubheading {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #19459c;
   line-height: normal;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
}

.contact {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #19459c;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}


.contactRed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #9b004c;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}


.contactWhite {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 18px;
   color: #FFF;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: left;
   text-decoration: none;
}
#Symbols {
   clear: none;
   float: left;
   margin-left: 3%;
   width: 8.1632%;
   display: block;
}
.IntroText {
   clear: none;
   float: left;
   margin-left: 2.0408%;
   display: block;
}
.BulletText {
   clear: none;
   float: left;
   margin-left: 2.0408%;
   width: 20%;
   display: block;
   text-align: left;
   color: #19459c;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 22px;
   clear: right;
   margin-top: 25px;

}
#Footer {
   background-color: #666;
   clear: both;
   float: left;
   margin-left: 0 auto;
   margin-right: 0 auto;
   width: 100%;
   height: auto;
   display: block;
   margin-top: 20px;
   padding-top: 20px;
   padding-bottom: 50px;


}
#FooterLeft {
   margin-top: 2%;
   width: 60%;
   clear: none;
   margin-right: 4%;
   margin-left: 2%;
   margin-bottom: 0px;

}
#FooterRight {
   margin-top: 2%;
   clear: right;
   float: left;
   width: 30%;
   margin-left: 2%;


}
.ServicesHead {
      clear: both;
      float: left;
      margin-left: 0;
      width: 100%;
      display: block;
}


.ServicesBoxes {
   background-color:#e6e7e8;
   padding-left:1%;
      padding-right:1%;
      float: left;
      margin-right: 2%;
      width: 16%;
      display: block;
      height:auto;
}

#BiogPhoto {
   background-color:#CCC;
   clear: none;
   float: right;
   margin: 2.0408% 0% 2% 0%;
   height:350px;
   width: 90%;
   display: block;
}
.BiogName {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bolder;
   text-decoration: none;
   color:#666;
   text-align:right;
}



 .formboxes {
   background-color: #FFF;
   border: thin solid #CCC;
   color: #333;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin:2% 0 2% 0;
   font-size:12px;
}
.subheadingWhite {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 30px;
   color: #FFFFFF;
   line-height: normal;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
}


/* Dropdown Button */
.dropbtn {
      font-family: Arial, Helvetica, sans-serif;
   color:#FFF;
   width: 200px;
   padding: 0;
  border: none;
  height:auto;
    display: inline-block;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
   background-color: #b3a46a;
   color: black;
   padding: 20px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: auto;
   border-bottom-width: thick;
   border-bottom-style: solid;
   border-bottom-color: #FFF;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #b3a46a;
   font-size: 14px;
   color:#000;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #19459C;}
}