#bannerWrap{
padding: 0px 0 0px 0 ;   margin: 0px auto 0 auto; width:100%; overflow:hidden  ; position:relative;   
}


#banners{ width:100%; margin:0 auto;}

#banners li { display:block; float: left;width:100%; position:relative;background-position:50% 50%; background-repeat:no-repeat; background-size: cover }
.screen #bannerWrap, .screen #banners, .screen #banners li { height:600px;  }
.mobile #bannerWrap, .mobile #banners, .mobile #banners li{ height:400px;    }

@media only screen and (orientation:landscape)   {
	.mobile #bannerWrap, .mobile #banners, .mobile #banners li{ height:300px;    }
}
 

/*  headline*/
#banners li p  {
position:absolute;
left:5%;
top:5%;
max-width:80%; width:auto;  
font-size:4em;
color:#FFFFFF; font-weight:normal; 
letter-spacing:-1px; word-spacing:-5px;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
text-shadow:1px 1px #888;
line-height:52px;
text-align: left
}

@media only screen and (orientation:portrait)   { 
#banners li p  { font-size:2em; word-spacing: -1px; letter-spacing:0px;	line-height:28px;}
}
 

#bannerControls{ display:none}
#bannerControls li { display:inline-block; padding:0; margin:0px 4px;font-size: 0;height: 12px; width:12px;   }

#bannerControls li a{
display:block;
height:12px; width:12px; 
background-color:#fff;
text-decoration:none;
}
#bannerControls li a span{ display:none; } 



#bannerBase{ height:0px; margin:0 auto 0px auto; position:relative  ; display:none;}	

/*  headline*/
#banners li p  { font-size:3em; }
  
#bannerControls{   text-align:center;  
height:26px; line-height:26px;  margin:0  0 10px 0 ; position:absolute; bottom: 0px; width:100%;}