@font-face {
    font-family: MyriadProCond;
    src: url('/public/fonts/MyriadPro-Cond.eot') format('embedded-opentype'); /* IE6-IE8  */
    src: url('/public/fonts/MyriadPro-Cond.woff') format('woff'),
         url('/public/fonts/MyriadPro-Cond.otf'); /* IE9 and others */
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
.slides_container {
    width: 100%;
    border: 1px solid #d0d0d0;
}

/*
    Each slide
    Important:
    Set the width of your slides
    Offset for the 5px of padding
    If height not specified height will be set by the slide content
    Set to display block
*/
#slides .slide {
    padding: 10px;
    width: 100%;
    height: 300px;
    display: block;
}

/*
    Next/prev buttons
*/
#slides .prev, #slides .next {
    margin: 5px 5px 15px 5px;
    float: left;
}

a.prev:link, a.prev:visited, a.next:link, a.next:visited {
    color: #000000;
    text-decoration: none;
}

/*
    Pagination
*/
.pagination {
    margin: 8px 0 0 440px;
    list-style: none;
}

.pagination li {
    float: left;
    margin: 0 1px;
}

.pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url('/public/img/slidesjs/pagination.png');
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }

.pagination li a:hover { background-position: 0 -26px }

/* Slide title */
div.slide_title {
    padding: 20px 0 0 0;
    height: 62px;
    font-family: MyriadProCond;
    font-size: 16pt;
}

/* Slide footer */
div.slide_footer {
    padding: 35px 0 0 5px;
    height: 45px;
    font-family: MyriadProCond;
    font-size: 14pt;
}

/* First frame */
div.first_frame {
    float: left;
    margin-left: 40px;
}

/* Middle frame */
div.middle_frame {
    float: left;
}

/* Button inside slide */
.slide .btn {
    margin-right: 5px;
}