#featured_slide {
        position:relative;
        margin:0 auto 0;
         margin-top:5px;
        display:block;
        width:565px;
        height:280px;
        overflow:hidden;
        font-size:12px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        background-color:#666666;
        }

#featured_slide a{
        color:#01425A;
        background-color:#22C0FD;
        }

#featured_slide a, #featured_slide ul, #featured_slide img{
        margin:0;
        padding:0;
        border:none;
        outline:none;
        list-style:none;
        text-decoration:none;
        }

#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{
        margin:0 0 8px 0;
        padding:0 0 8px 0;
        line-height:normal;
        font-size:15px;
        font-weight:none;
         font-family: Verdana, Arial, Helvetica, sans-serif;
        border-bottom:1px dotted #CCCCCC;
        }

/* ----------------------------------------------Content-------------------------------------*/

.featured_box{
        position:relative;
        display:inline;
        width:555px;
        height:280px;
        }

.featured_box img{
        display:block;
        float:left;
        width:330px;
        height:280px;
        }

.featured_box .floater{
        display:inline;
        float:right;
        width:210px;
        margin:7px 7px 0 0;
        }

.featured_box p{
        margin:0 0 7px 0;
        padding:0;
        line-height:1.6em;
        }

.featured_box p.readmore{


        margin:0;
        padding:0;
        text-align:right;
        line-height:normal;

        }

/* ----------------------------------------------Navigation Buttons-------------------------------------*/

/*

Navigation dynamically created using: jquery.cycle.setup.js and jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="javascript:void()">1</a></li>
    <li><a href="javascript:void()">2</a></li>
    <li><a href="javascript:void()">3</a></li>
    <li><a href="javascript:void()">4</a></li>
    <li><a href="javascript:void()">5</a></li>
  </ul>
</div>

*/

#fsn{
        position:relative;
        margin:7px auto -5px;
        display:block;
        width:585px;
        height:25px;
        text-align:center;
        background-image:url("../imagens/trans.png");
        z-index:1000;
        }

#fsn ul{
        position:relative;
        margin:0 auto 0;
        display:block;
        width:125px;
        height:20px;
        padding:5px 0 0 0;
        overflow:hidden;
        list-style:none;
        }

#fsn ul li, #fsn ul li a{
        display:block;
        float:left;
        width:15px;
        height:15px;
        margin:0 10px 0 0;
        padding:0;
        }

#fsn ul li a{
        float:none;
        border:none;
        margin:0;
        outline:none;
        text-indent:-5000px;
        text-decoration:none;
        background:url("../imagens/slide/slide.png") 50% 50% no-repeat;
        }

#fsn .activeSlide{
        background:url("../imagens/slide/slide.png") 0% 50% no-repeat;
        }