.alignleft { float: left; margin-right: 40px; margin-bottom: 20px; }
.alignleft figcaption { margin-bottom: 10px; }

.alignright { float: right; margin-left: 40px; margin-bottom: 20px; }
.alignright figcaption { margin-bottom: 10px; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.gallery { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px 0; }
.gallery .gallery-columns-1 figure { width: 100%; }
.gallery .gallery-columns-2 figure { width: 45%; }
.gallery .gallery-columns-3 figure { width: 30%; }
.gallery .gallery-columns-4 figure { width: 22.5%; }
.gallery .gallery-columns-5 figure { width: 18%; }
.gallery .gallery-columns-6 figure { width: 15%; }
.gallery .gallery-columns-7 figure { width: 12.85%; }
.gallery .gallery-columns-8 figure { width: 11.25%; }
.gallery .gallery-columns-9 figure { width: 10%; }
.gallery figure img { max-width: 100%; height: auto; margin: auto; }

.searchresult p { padding-bottom: 0; }

#gallery { display: flex; flex-wrap: wrap; }
#gallery img { margin: 10px; }

/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic);*/
/* DEFAULTS
----------------------------------------------------------*/
body
{
  background: #F9F9F7;
  margin:0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight:400;
  color: #666666;
  line-height: 1.6em;
}
a
{
  text-decoration:none;
  font-weight:400;
  color:#000;
  transition: all 0.2s ease-out;
}
a:hover
{
  color:#1110A9;
}
a img 
{
  vertical-align: middle;
  border:none;
}
ul 
{
  padding-left: 15px;
  list-style-image:url(../img/greyarrow.png);
}
ul li 
{
  padding:2px 0;
}


p
{
  margin:0;
  padding: 8px 0 14px;
  line-height: 1.5em;
}
p:first-child 
{
  padding: 0 0 7px;
}
.clear
{
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.error 
{
  border:1px solid #FF2222;
  background-color:#FFEEEE;
  display: block;
  margin: 14px;
  padding: 8px 0;
  border-radius:5px;
  text-align:center;
  color: #FF2222;
}
.message 
{
  border:1px solid #FF9900;
  background-color:#FFFFCC;
  display: block;
  margin: 14px;
  padding: 8px 0;
  border-radius:5px;
  text-align:center;
  color: #FF9900;
}
p.ctablockblue, p.ctablockgrey
{
  background-color: #587CAC;
  border-radius: 7px;
  color: #FFFFFF;
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
p.ctablockgrey 
{
  background-color:#E9E9E9;
}
p.ctablockblue a
{
  color:#FFF !Important;
}
p.ctablockblue a:hover 
{
  color:#000 !Important;  
}
/* HEADINGS    
----------------------------------------------------------*/
h1, h2, h3
{
  text-transform: none;
  font-weight: 300;
  margin: 0;
  padding:0;
  color:#000;
  line-height: normal;
    display:block;
  
  padding:0;
  
  font-size: 19px;
  
  background:url(../img/greyarrow.png) left center no-repeat;
  
  z-index:2;
  line-height: 19px;
  padding-left:10px;
  margin-left:-10px;  
}
h1 
{
  font-size:19px;  
}

.maincontent h1{
  
  line-height:30px;
  font-size:28px;
   
  margin-bottom:20px;

}



h2, h3
{
  
  font-size:19px;
  
}

  h1 a, h2 a
  {
    font-weight:300;
  }

h3
{
  font-size:16px;
  font-weight:900;
}


/* TABLES */
table {
    border: 1px solid #CCCCCC;
    width:100%;
    border-collapse:collapse;
}
table td {
    background-color: #F9FCFF;
    border-bottom: 1px dotted #CCCCCC;
    margin: 0;
    padding: 2px 0px;
    vertical-align:middle !important;
    font-size:0.8em;
	text-align:center;
	transition:0.4s all ease-out;
}

table tr:hover td{
	background-color:#A8C9FF;

}

table td  p, table td  p:first-child{
	padding:0px;
	line-height:1.2em;
}
/* SUB CONTENT */
.subcontent 
{
  border-right:1px solid #aaa;
    
}
.subcontent img 
{
  width:100%;
  transition: all 2s ease-out;
  display:block;
  position:relative;
  transform-origin: 50% 50%;
  z-index:1;
  padding:10px 0px;
}
.subcontent .innercontent h2 
{
  display:block;
  
  padding:0;
  color:#FFF;
  font-size: 19px;
  
  background:url(../img/greyarrow.png) left center no-repeat;
  
  z-index:2;
  line-height: 19px;
  padding-left:10px;
  margin-left:-10px;
}

  .subcontent .subcontentitem
  {
    height:450px;
    
    position:relative;

  }

  .subcontent .subcontentitem .innercontent .whitefade
  {
    background:url(../img/whitefade.png) bottom center repeat-x;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    height:100px;
  }

.subcontent a:hover 
{

}

.subcontent .innercontent
{
    transition: all 0s ease-out;
    position:absolute;
    border-left:1px solid #aaa;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:300;
    overflow:hidden;
}

.subcontent .innercontent:hover
{
    z-index:400;
    bottom:auto;
    transform:scale(1.06);
    background:#aaa;
    
   /*background:rgba(68,68,68,0.9);*/
  border-left:0px; 
  color:#000;
  transition: all 0.3s ease-out;
}

  .subcontent .innercontent:hover ul
  {
    list-style-image:url(../img/whitearrow.png);
  }


  .subcontent .subcontentitem .innercontent:hover .whitefade
  {
    display:none;
  }

.subcontent .innercontent:hover h2
{
  background:url(../img/whitearrow.png) left center no-repeat;
  
}
/* PAGE WRAP */

.pagewrap
{
  max-width:1200px;
  margin:0 auto;
  padding:0 0px;
  
}

/* body wrap */

#bodywrap
{
  background-color:white;
  border-top: 1px solid #aaa;
  overflow-x:hidden
}

  #home .innercontent
  {
    border-right:1px solid #aaa;

  }

  #bodywrap .contentwrap
  {
    border-left:1px solid #aaa;
  }

/* HEADER */

#header 
{
  position:relative;
  z-index:1;
  padding:10px 0 10px;
  width:100%;
}
#header .logo 
{
  padding:20px 0px;
  display:block;
}
#header .contact
{
  
  text-align:right;
  line-height:1.6em;
  font-size:1em;
  
}

  .languages a img
  {
    
    vertical-align:top;
    margin-left:5px;
  }

#header .contact span 
{
  color:#2C4B6A;
}

#header .headtitle
{
  font-size:14px;
  text-align:right;
  display:block;
  padding:20px 0px 20px 0px;
}

.skype p{
  display:inline;
  margin:0px !important;
}

  .skype p img
  {
    margin:0px !important;
    display:inline;
    vertical-align:middle !important;
  }


/* BODY */
#bodytitle
{
  
  
}
#bodywrap 
{
  position:relative;
  width:100%;
}
#bodywrap img 
{
  
    max-width:100%;
  width:auto;
}

.topimage 
{
  
 
 
  margin:10px  -10px;
}

/* features */
.featureitem img 
{
  width:96%;
  margin:2%;
  border:1px dotted #AAA;
}


.article 
{
  transition: all 400ms ease-out;
  padding:10px;
  border-bottom:1px dotted #ccc;
  position:relative;
}
.article:hover 
{
  background: #DDD;
  transform: scale(1.02);
}


/* FOOTER*/

.footerwrap
{
  border-top:1px solid #aaa;
  padding:20px 0px;
}

#footer 
{
  
  padding:40px 0;
  
}
#footer span.tel 
{
  display: block;
  font-size:15px;
}
#footer a:hover
{
  
}




/* NEWS */
span.date,  #tweets li p.timePosted
{
  display: block;
  text-transform:uppercase;
  font-size: 11px;
  font-style: italic;
  line-height: 10px;
  margin: 0;
  padding: 3px 0 10px 0;
}
ul.news , #tweets ul
{
  list-style: none;
  padding: 0;
  margin:0;
  padding-top:20px;
  
}
ul.news  li.seperator, #tweets li
{
  border-top:1px solid #EEEEEE;
  padding:0px;
  margin:0px -10px;
  
  
}

#tweets li{
  padding:10px;

}


/*  EXTRAS  */


.extra .extraimage
{
  position:relative;

}

.extra
{
  position:relative;
}

  .extra .innercontent
  {
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    background-color:#444444;
    background-color:rgba(68,68,68,0.95);
    color:#fff;
  }

  .extra .innercontent a
  {
    color:#fff;
  }

  


#mainimage {
    float: left;
    width: 64%;
}
#galleryimages {
    float: left;
    width: 36%;
}

/* GALLERY */
#galleryimages .thumbnail 
{
  width:50%;
  float:left;
}
#galleryimages .thumbnail a
{
  display:block;
  margin:5px;
  overflow:hidden;
}
#galleryimages .thumbnail img 
{
  width:100%;
  transition: all 1s ease-out;
}
#galleryimages .thumbnail img:hover
{
  transform: scale(1.2);
}


/* MAIN GALLERY */
.galleryimg 
{
  display: block;
  position: relative;
  padding:5px;
  background:#FFF;
  margin:5px;
}
.galleryimg img 
{
  width:100% !important;
}
.galleryimg .colour 
{
  position:absolute;
  opacity: 0;
  top:0px;
  left:0px;
  transition: opacity 300ms ease-out;
}
.galleryimg:hover .colour 
{
  opacity:1;
}






/* HUB CHILDREN */
#hubpages 
{
  padding-top:15px;
    margin:-5px;

}
.hubitem 
{
  width:100%;
    margin:-5px;

}
.hubitem img 
{
  width:100%;
  transition: all 2s ease-out;
  display:block;
  transform-origin: 50% 80%;
}
.hubitem .hubimage 
{
  width:100%;
  overflow:hidden;
}
.hubitem h2 
{
  display:block;
  font-size:15px;
  background: #0C13A4;
  color: #FFFFFF;
  font-size: 19px;
  padding:5px 10px;
  border-bottom:1px solid #FFF;
  transition: all 0.2s ease-out;
  position:relative;
  z-index:1;
}
.hubitem a
{
  overflow:hidden;
  display:block;
  color:#fff;
}
.hubitem a:hover h2 
{
  background:#E73332;
}
.hubitem a:hover img 
{
  transform: scale(1.2);
}


.sidebar{
  
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;


}

#bodywrap .maincontent{
  border:0px;
  border-right:1px solid #aaa;
}

.displaypage{
  border-left:1px solid #aaa;
  

}

.sitemap{ 
  margin-bottom:20px;
  border-bottom:1px solid #aaa;
  padding-bottom:20px;


}

.sitemap ul li{
  clear:both;
    font-size:1.4em;
      font-weight:bold;
}

.sitemap ul li img
  {
  display:none;
}

.sitemap ul li a{


}

.sitemap ul li li{ 
      margin-left:30px;
  
  font-size:0.8em;
}

  .sitemap ul li li li
  {
    float:none;
    clear:both;

  }

    .sitemap ul li li ul:after{ 
      clear:both;

    }

    .topdata{
        display:none;
    }

    #searchbox{
        width:90%;
    }
    .imglogo{

    margin-left:0%;
    }

@media (min-width: 992px) {
    
     .topdata{
        display:block;
    }    


         .imglogo{

    margin-left:-50%;
    }



        #searchbox{
        width:auto;

    }

}