/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */
/*html {
font-size: 76%;}

body {
font-family: arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 1.2em;
padding: 5%;}*/

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 950px;
background-color: #ffffff;
height:236px;
overflow:hidden;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {

clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 950px;

}

#slideshow .slides ul {
	
 }

#slideshow .slides li {
float: left;
height:236px;
width:950px;
}

#slideshow .slides li .BannerContent {
direction:rtl;
text-align:right;
color:#FFF;
margin:35px;
width:350px;
height:140px;
padding:15px;
overflow:hidden;
background:url(../images/BannerContentBG.png) no-repeat center top;
float:right;
}

#slideshow .slides h1, #slideshow .slides a {
	color:#FFF;
}

#slideshow .slides p { }


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {

/*border-top: 2px solid #ccc;*/
position:relative;
z-index:10000;
margin-top:-60px;
margin-left:10px;

}

#slideshow .slides-nav li {
float: left;margin:1px;}

#slideshow .slides-nav li a {
display: block;
width:80px;
height:50px;
outline: none;

background:#fff; opacity:0.4;filter:alpha(opacity=40);
}
#slideshow .slides-nav li a:hover {
background:#fff; opacity:0.8;filter:alpha(opacity=80);
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #ffffff; opacity:0.8;filter:alpha(opacity=80);}
.js #slideshow .slides-nav li.on a:hover {
background-color: #fff; opacity:1;filter:alpha(opacity=100);}

.js #slideshow .slides-nav li.on a {
position: relative;
}