/*slider*/
#slider {width :100%; height:300px; overflow: hidden;}
#slider ul{List-style:none; margin:0px; padding: 0px;height:300px;}
#slider ul li{height:300px;padding: 0px 0px 0px 0px;}
#slider ul li a{color: #990000; text-decoration: none;}
#slider ul li span{display: block; width :230px; height:250px; padding: 0px 10px; background : rgba(255,255,255,0.7);
    margin-left:100px;
    margin-top:25px;
    text-align: center;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    
}
#slider ul li span h4 {margin:0px; padding: 60px 0px 10px 0px;font-family: 'PT Serif', serif;font-size:26px;border-bottom:1px #990000 solid;}
#slider ul li span p  {margin:0px; padding: 10px 0px 0px 0px;font-family: 'Conv_HypatiaSansPro-Regular_0';}

span.controls {display: block;position: relative; z-index: 500; margin: -30px 0px 0px 0px;}
ol.numericControls {text-align: center; List-style:none; margin:0px; padding: 0px;}
ol.numericControls li {display:inline-block; width :21px; height:15px;}
ol.numericControls li a {display:block; width :15px; height:15px; background :#fff; color: #fff;font-size:1px;
border-radius:100px;margin: 0px 3px;
-moz-border-radius:100px;
-webkit-border-radius:100px;

}
ol.numericControls li.current a {box-shadow:inset 0px 4px 2px #333;
 -moz-box-shadow:inset 0px 4px 2px #333;
 -webkit-box-shadow:inset 0px 4px 2px #333;
 
}