@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow|Volkhov:400italic,700);

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* General Demo Style */
.slider-home body {
    background: #e4ebe9 url(../images/fancy_deboss.png) repeat top left;
    color: #444;
    font-family: "PT Sans Narrow", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    min-width: 320px;
}

.slider-home a {
    color: #000;
    text-decoration: none;
}

.slider-home h1, .slider-home h2, .slider-home h5 {
    margin: 20px 20px 30px 20px;
    font-size: 56px;
    color: #fff;
    font-family: "Volkhov", serif;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px 3px #e0d1bc;
}

    .slider-home h1 span, .slider-home h5 {
        font-size: 18px;
        display: block;
        font-style: italic;
        color: #997f5a;
        font-weight: 400;
        text-shadow: 0px 1px 1px #fff;
    }

.slider-home .wrapper {
    position: relative;
    width: 90%;
    margin: 0 auto;
    height: 600px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    background: #ffffff;
    border-radius: 10px;
}

/* Header Style */
.slider-home .codrops-top {
    line-height: 24px;
    font-size: 11px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    font-family: Cambria, Georgia, serif;
    box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

    .slider-home .codrops-top a {
        padding: 0px 10px;
        letter-spacing: 1px;
        color: #333;
        display: inline-block;
    }

        .slider-home .codrops-top a:hover {
            background: rgba(255,255,255,0.6);
        }

    .slider-home .codrops-top span.right {
        float: right;
    }

        .slider-home .codrops-top span.right a {
            float: left;
            display: block;
        }

/* More examples buttons */

.slider-home .more {
    position: relative;
    clear: both;
    padding: 20px;
}

    .slider-home .more:before {
        content: "";
        position: absolute;
        background-color: #ddd1b6;
        box-shadow: 0 1px 0 rgba(255,255,255,0.8);
        height: 1px;
        width: 440px;
        left: 50%;
        margin-left: -220px;
        top: -10px;
    }

    .slider-home .more ul {
        display: block;
        height: 32px;
        text-align: center;
    }

        .slider-home .more ul li {
            display: inline-block;
            line-height: 24px;
        }

            .slider-home .more ul li.selected a,
            .slider-home .more ul li.selected a:hover {
                background: #ae997a;
                color: #fff;
                text-shadow: none;
            }

            .slider-home .more ul li a {
                text-shadow: 1px 1px 1px #fff;
                color: #555;
                background: #fbf9f5;
                padding: 2px 5px;
                margin: 0 2px;
                line-height: 18px;
                display: inline-block;
                box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
            }

                .slider-home .more ul li a:hover {
                    background: #8c795d;
                    color: #fff;
                    text-shadow: none;
                }

.slider-home p.info {
    font-family: "Volkhov", serif;
    font-style: italic;
    color: #997f5a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    padding: 20px;
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    max-wdith: 440px;
    margin: 0 auto;
}