<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<style>
.galouter {
width:634px;height:300px;padding-left:6px;padding-top:0px;background-image:url(http://2.bp.blogspot.com/-CGIuhBqo--A/Ti3BWN9OW1I/AAAAAAAADCM/CudDbSzmlXY/s000/galbg.png);background-repeat:no-repeat;
}
.galouter .gallery {width:628px;height:261px;background-color: #202834;}
#slider { float:left;width:628px;height:261px;background:url(http://2.bp.blogspot.com/-ryGWapH4Gb4/Ti3BWa-UiXI/AAAAAAAADCQ/f9CZQ7zKR90/s000/loading.gif) no-repeat;background-position:50% 50%;
}
#slider img { position:absolute;top:0px;left:0px;display:none;}
#slider a { border:0;outline:none;display: block;}
.nivo-controlNav {
position:absolute;
left:47%;
bottom:-30px;
}
.nivo-controlNav a {
display:block;
width:10px;
height:10px;
background:url(http://2.bp.blogspot.com/-rE0pijK3axY/Ti3BWqGQNMI/AAAAAAAADCU/5exVMGzLiog/s000/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:-10px 0;
}
.nivo-directionNav a {
display:block;
width:32px;
height:34px;
background:url(http://2.bp.blogspot.com/-qdGbLO8n9eY/Ti3BWwstqHI/AAAAAAAADCY/3RhB2ZSfr-g/s000/arrows1.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:10px;
}
a.nivo-prevNav {
background-position:3px 0;
left:10px;
}

.clear {
clear:both;
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}

.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
.nivo-caption {
position:absolute;
left:15px;
bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
font-size:12px;
background:#000;
line-height:16px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
opacity:0.8; /* Overridden by captionOpacity setting */
width:93%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}

.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-caption{
font-size: 12px;
}
.readmore-wrap{
float: right;
}
.nivo-caption{
height: 40px;
}
.nivo-caption{
font-size: 12px;
}
.readmore-wrap{
float: right;
}
</style>

<div id="slider">
<a href="#" title="Slide 1"><img src="http://4.bp.blogspot.com/-5sYNW9pc-Ww/Ti3BXOsVe4I/AAAAAAAADCc/fXXTZ1dferQ/s000/f10.jpg" alt="" title="Replace these every slider 1 sentences with your featured post descriptions." /></a>

<a href="#" title="Slide 2"><img src="http://1.bp.blogspot.com/-5xhEROb9Hsk/Ti3BXatvzTI/AAAAAAAADCg/XYPvMnhgt1Q/s000/f4.jpg" alt="" title="Replace these every slider 2 sentences with your featured post descriptions." /></a>

<a href="#" title="Slide 3"><img src="http://3.bp.blogspot.com/-UXkeLUQHrI0/Ti3BYE0_ccI/AAAAAAAADCk/SN2BxdKOwPo/s000/f9.jpg" alt="" title="Replace these every slider 3 sentences with your featured post descriptions. Replace these every slider 3 sentences with your featured post descriptions." /></a>

<a href="#" title="Slide 4"><img src="http://3.bp.blogspot.com/-UXkeLUQHrI0/Ti3BYE0_ccI/AAAAAAAADCk/SN2BxdKOwPo/s000/f9.jpg" alt="" title="Replace these every slider 4 sentences with your featured post descriptions. Replace these every slider 4 sentences with your featured post descriptions." /></a>
</div>