/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */


#container{
  width:1000px;
  padding:0;
  margin:8px auto;
  overflow:hidden;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px;
}

#banner {
  height:300px;
  width:1000px;
  margin:0 auto;
  position:relative;
  background:#fff;
  
  /* box-shadow:0 0 50px rgba(0,0,0,0.5);*/
}

 ul.bjqs-controls li a{
  display:block;
  padding:0px 10px;
  position:absolute;
  background:transparent;
  color:#777;
  text-decoration:none;
  text-transform:uppercase;
}
 ul.bjqs-controls li a:hover{
  color:#fff;
  background:#000;
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */  color:#fff;
}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
  position:absolute;
  bottom:-50px;
}

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
}

 ol.bjqs-markers li a{
  display:block;
  height:10px;
  width:10px;
  border:0px solid #fff;
  overflow:hidden;
  text-indent:-9999px;
  background:#000;
  border-radius:10px;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

ol.bjqs-markers li.active-marker a{
  background:#fd0100;
}

div#cont1{
  background-image: url(/slide6szl.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width:1000px;
  height:300px;
  position:absolute; 
}

div#cont2{
  background-image: url(/slide2c.jpg);
  background-position: top left;
  background-repeat: no-repeat; 
  width:1000px;
  height:300px; 
  position:absolute; 
}
div#cont3{
  background-image: url(/slide3c2.jpg);
  background-position: top left;
  background-repeat: no-repeat; 
  width:1000px;
  height:300px; 
  position:absolute; 
}
div#cont4{
  background-image: url(/slide4b.jpg);
  background-position: top left;
  background-repeat: no-repeat; 
  width:1000px;
  height:300px; 
  position:absolute; 
}
div#cont5{
  background-image: url(/slide5team.jpg);
  background-position: top left;
  background-repeat: no-repeat; 
  width:1000px;
  height:300px; 
  position:absolute; 
}
div#cont6{
  background-image: url(/slide6brexit.jpg);
  background-position: top left;
  background-repeat: no-repeat; 
  width:1000px;
  height:300px; 
  position:absolute; 
}
.bg{
  background-color:#000;
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */  color:#fff;
  position: absolute;
  left:450px;
  top:112px;
  display:block;
  width:500px;
  height:75px;
  z-index:100;
}
.text1{
  position: relative;
  left:450px;
  top:50px;
  display:block;
  width:470px;
  height:170px;
  z-index:200;
  padding: 15px;
  white-space: normal;
  vertical-align:middle;
}
.text1 h1{
  line-height:1.3em;
  color:#eee;
  text-align:left;
  font-size:28px;
  letter-spacing:-2px;
  font-weight:lighter;
  font-family:Century Gothic, Helvetica, sans-serif;
}
.text1 p{
  text-align:left;
  font-size:13px;
  opacity:1;
  filter:alpha(opacity=99); /* For IE8 and earlier */  color:#fff;
}
#cont1 .bg{
  background-color:#000;
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */  color:#fff;
  position: absolute;
  left:445px;
  top:73px;
  display:block;
  width:520px;
  height:150px;
  z-index:100;
}
#cont5 .bg{
  background:transparent;
}

#cont1 .text1{
  width:470px;  
  position:relative;
  left:455px;   
}
#cont1 .text1 h1{
  font-size:32px;
  letter-spacing: -2px;
  line-height:170px;
  text-align:center;
  font-weight:lighter;
  font-family:Century Gothic, Helvetica, sans-serif;
}

#cont2 .text1 h1{
  padding:10px 0;
  font-size:26px;
  line-height:150px;
  text-align:center;
}

#cont3 .text1 h1{
  font-size:26px;
  padding:8px 0;
  line-height:150px;
  text-align:center;
}
#cont4 .text1 h1{
  padding:8px 0;
  line-height:150px;
  text-align:center;
}

#cont4 .text1 a{
  text-decoration:none;
  color:white;
  font-size:0.7em;
  font-weight:lighter;
  background-color:#900;
  padding:3px 4px;
  position:absolute;
  left:10px;
  bottom:10px;
}
#cont4 .text1 a:hover{
  background-color:#c00;
}
#cont5 .text1 {
  position:relative;
  width:500px;
  height:40px;
  left:0px;
  top:0px;
}

#cont5 .text1 h1{
  color:black;
}


#cont6 .text1{
 left:500px;
  text-align:left;
}}

#cont6 .text1 h1{
  padding:8px 0;
  /*line-height:150px;*/
  left:500px;
  text-align:left;
}

#cont6 .text1 a{
  text-decoration:none;
  color:white;
  font-size:0.7em;
  font-weight:lighter;
  background-color:#900;
  padding:3px 4px;
  position:absolute;
}
#cont6 .text1 a:hover{
  background-color:#c00;
}

#cont6 .bg{ 
  top:50px;
  height:150px;
  left:500px;
  width:450px;
}

.text a{
  text-decoration:none;
  color:white;
  font-size:0.7em;
  font-weight:lighter;
  background-color:#900;
  padding:3px 4px;
  position:absolute;
  left:10px;
  bottom:10px;
}
.text a:hover{background-color:#c00;}