/* The slider container */
#sliderContainer {
width: 100%;
}
#sliderContainer img{
width:100%;
}
/* The slider ul stypes, important to note that we hide all the overflow! */
#simpleSlider {
width: 100%;
height:424px;
position: relative;
list-style: none;
}
/* styles for each item */
#simpleSlider li {
position: absolute;
top: 0px;
left: 0px;
width:100%;
display: none;
}
/* display the first item */
#simpleSlider li:first-child {
display: block;
}
/* Our style for the next button, this can be anything */
#simpleSliderNext {
float: right;
color: #fff;
margin-right:1%;
font-size: 70pt;
font-weight: bold;
z-index:9999;
position:relative;
cursor: pointer;
margin-top:12%;
}
/* Our style for the previous button, this can be anything */
#simpleSliderPrevious {
float: left;
color: #fff;
font-size: 70pt;
font-weight: bold;
z-index:9999;
margin-left:1%;
position:relative;
cursor: pointer;
margin-top:12%;
}
li img {
border-radius: 2px;
}
/* Some margin for your navigation */
#simpleSliderNav {
display:none;

}
/* Styling for the navigation items, this can also be anything we want, but I am using circles */
.simpleSliderNavItem {

float: left;
background: #000;
margin-left: 10px;
border-radius: 8px;
cursor: pointer;
}
/* styles for the active nav item */
.active {
background: #c10d0d;
}