@charset "utf-8";

/*
Template Name: Elementary
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Slider CSS
*/

#container #slides {
    position: relative;
    width: 680px;
    float: left;
    height: 530px;
    margin: 0 0 0 10px;
    padding: 0;
}

#slides #controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 680px;
    height: 518px;
    padding: 0;
}

#slides #frame {
    position: absolute;
    top: 0;
    left: 0;
}

#slides .next, #slides .prev {
    position: absolute;
    display: block;
    top: 230px;
    left: -1px;
    width: 24px;
    height: 90px;
    background: none;
    z-index: 101;
}

#slides .next {
    left: 613px;
}

#slides .sliderpagination {
    position: absolute;
    display: block;
    top: 478px;
    left: 250px;
    width: 180px;
    height: 16px;
    margin: 0;
    padding: 8px 0 0 0;
    /*background: url("../images/slider/sliderpagination_bg.png");*/
    text-align: center;
    z-index: 101;
}

#slides .sliderpagination li {
    display: inline;
}

#slides .sliderpagination li a {
    display: inline-block;
    width: 16px;
    height: 0;
    margin: 0 5px;
    padding: 16px 0 0 0;
    background: url("../images/slider/sliderpagination.png") 0 0;
    overflow: hidden;
}

#slides .sliderpagination li a:hover, #slides .sliderpagination li.current a {
    background-position: 0 -16px;
}

#slides .caption {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 360px;
    height: 150px;
    padding: 15px;
    color: #FFFFFF;
    background: #000000;
}

#slides .caption {
    opacity: 0.7;
}

/*160105*/
#container #slides2 {
    position: relative; top:-10px;
    width: 334px;
    float: left;
    height: 220px;
    margin: 0px 0 0 -10px;
    padding: 0;
}

#slides2 #controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 334px;
    height: 200px;
    padding: 0;
}

#slides2 .next2, #slides2 .prev2 {
    position: absolute;
    display: block;
    top: 90px;
    left: -1px;
    width: 24px;
    height: 90px;
    background: none;
    z-index: 101;
}

#slides2 .next2 {
    left: 268px;
}

#slides2 .sliderpagination {
    position: absolute;
    display: block;
    top: 478px;
    left: 250px;
    width: 180px;
    height: 16px;
    margin: 0;
    padding: 8px 0 0 0;
    /*background: url("../images/slider/sliderpagination_bg.png");*/
    text-align: center;
    z-index: 101;
}

#slides2 .sliderpagination li {
    display: inline;
}

#slides2 .sliderpagination li a {
    display: inline-block;
    width: 16px;
    height: 0;
    margin: 0 5px;
    padding: 16px 0 0 0;
    background: url("../images/slider/sliderpagination.png") 0 0;
    overflow: hidden;
}

#slides2 .sliderpagination li a:hover, #slides2 .sliderpagination li.current a {
    background-position: 0 -16px;
}

#slides2 .caption {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 360px;
    height: 150px;
    padding: 15px;
    color: #FFFFFF;
    background: #000000;
}

#slides2 .caption {
    opacity: 0.7;
}