/* 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 */

body{
  padding:0px 0px;
  margin:0px auto;
  background:#ffff;
  font-family: arial, sans-serif;
}

#container{
  width:300px;
  padding:0px 0px;
  margin:0px auto;
  overflow:hidden;
}

#banner {
  height:400px;
  width:auto;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:0px #fff solid;
}

 ul.bjqs-controls li a{
  display:block;
  padding:143px 10px;
  position:absolute;

  color:#000;
  text-decoration:none;
  text-transform:uppercase;
}

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:4px solid #fff;
  overflow:hidden;
  text-indent:-9999px;
  background:#000;
  border-radius:10px;

}

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

.slideSection {
	font-size: 16px; 
	line-height:1.2em;
	color: #000000;
	padding: 20px;
	}

.slideSection h3 {
	font-size: 18px; 
	line-height:1; 
	font-weight: bold; 
	margin-bottom: 6px;  
	margin-top: 20px;
	}

.redButton a {
    border-radius: 0.5em 0.5em 0.5em 0.5em !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    display: inline-block !important;
    font: bold 14px/100% Arial,Helvetica,sans-serif !important;
    margin: 0 2px !important;
    outline: medium none !important;
    padding: 0.5em 2em 0.55em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    vertical-align: baseline !important;
    -moz-transition: background-color 0.2s ease-out 0s;
    background: none no-repeat scroll 0 0 #CE020D;
    color: #EAEAEA;
    cursor: pointer;
    float: left;
    font-size: 12px;
    margin: 0 12px 12px 0;
    padding: 5px 12px;
    text-decoration: none;
}

.redButton.center a {
    clear: both;
    float: none;
    margin: 12px auto;
}

.redButton a:hover {
    background-color: #FFCC00;
    color: #333333;
}

.greenButton a {
    border-radius: 0.5em 0.5em 0.5em 0.5em !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    display: inline-block !important;
    font: bold 14px/100% Arial,Helvetica,sans-serif !important;
    margin: 0 2px !important;
    outline: medium none !important;
    padding: 0.5em 2em 0.55em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    vertical-align: baseline !important;
    -moz-transition: background-color 0.2s ease-out 0s;
    background: none no-repeat scroll 0 0 #9EB975;
    color: #212B12;
    cursor: pointer;
    float: left;
    font-size: 12px;
    margin: 0 12px 12px 0;
    padding: 5px 12px;
    text-decoration: none;
}

.greenButton.center a {
    clear: both;
    float: none;
    margin: 12px auto;
}

.greenButton a:hover {
    background-color: #FFFF99;
    color: #333333;
}

.blueButton a {
    border-radius: 0.5em 0.5em 0.5em 0.5em !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    display: inline-block !important;
    font: bold 14px/100% Arial,Helvetica,sans-serif !important;
    margin: 0 2px !important;
    outline: medium none !important;
    padding: 0.5em 2em 0.55em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    vertical-align: baseline !important;
    -moz-transition: background-color 0.2s ease-out 0s;
    background: none no-repeat scroll 0 0 #4480C9;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    margin: 12px 0;
    padding: 5px 12px;
    text-decoration: none;
}

.blueButton.center a {
    clear: both;
    float: none;
    margin: 12px auto;
}

.blueButton a:hover {
    background-color: #FFFF99;
    color: #333333;
}