/*
new style of success stories: one per page.
by Asrar
Date: 04/29/2010 13:34
*/
#sidenav {
    display: none;
}

.ar {
    text-align: right;
    font: normal 22px georgia,tahoma;
    display: block;
    line-height: 39px;
    color: #222;
}

.story {
    position: relative;
}

    .story p {
        display: block;
        color: #000;
        font-size: 22px;
        line-height: 39px;
        background: url(images/lined-paper.png) center top #fff;
        padding: 28px 10px;
        border-bottom: 1px solid #060;
    }

    .story h5 {
        margin: 20px 0px 8px 0px;
        font: bold 13px arial;
    }

    .story .meta {
        display: block;
        color: #666;
        font: normal 13px arial;
        margin: 5px 0px;
    }

.pulled {
    background: url(/images/icons/pull-quote.gif) 0px 0px no-repeat;
    position: absolute;
    width: 200px;
    top: 0px;
    right: -250px;
    padding: 12px;
    color: #363;
    line-height: 20px;
    letter-spacing: 0px;
    font: normal 25px georgia, "trebuchet ms";
    font-weight: normal;
    text-align: left;
    height: auto;
    border: 1px solid #cdc;
    -moz-border-radius: 8px 20px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#navigation {
    width: 100%;
    margin: 20px 0px;
}

    #navigation .prevpage {
        text-align: left;
    }

    #navigation .nextpage {
        text-align: right;
    }

.prevpage a, .nextpage a {
    display: block;
    width: 130px;
    /*border: 1px solid #99f;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*padding: 3px 5px;*/
    text-align: center;
    /*background-color: #369;*/
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

/*    .prevpage a:hover, .nextpage a:hover {
        color: #000;
        background-color: #ccf;
    }*/

.nextpage a {
    float: right;
}

img.instant {
    display: block;
    margin: 30px 10px 4px 4px;
    float: left;
    position: relative;
    padding: 8px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
    background-color: #fff;
}

#sidenav {
    display: none;
}

.success-stories-detail{
    padding: 120px 0px 60px;
}