.slide {
	position: relative;
	height: 700px;
	}


.inner-wrapper {
   
    margin: 15px auto 10px auto;
    overflow: hidden;
}

/**
* Styles for the top logo.
*/


/**
* Styles for the preloader.
*/
.slider .loading {
	background-image: url(../_imagens/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/**
* Styles for the header menu.

/**
* Styles for the navigation.
*/
.nav {
	position: absolute;
	width: 100px;
	height: 50px;
	z-index: 1000000000;
	top: 65%;
	left: 0;
	bottom: auto;
	margin-top: -175px;
	/*-webkit-animation: moveFromLeft 500ms ease;
	-moz-animation: moveFromLeft 500ms ease;
	-ms-animation: moveFromLeft 500ms ease;
	/* [disabled]background-color: #999; */
}

    .nav a {
        float: left;
        width: 46px;
		height: 50px;
        margin-left: 1px;
        overflow: hidden;
        outline: 0;
		font-size:0;
		background-color:#CE0003;
		background-size:100% 100%;
		z-index: 1000000000;
/*background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;*/
    }

        .nav a.home-button {
            background: url(../images/home-button-off.gif) no-repeat;
        }

            .nav a.home-button:hover {
                background: url(../images/home-button-on.gif) no-repeat;
            }

        .nav a.prev-button {
            background: url(../_imagens/ButNavPrev.gif) no-repeat;
        }

            .nav a.prev-button:hover {
	background-image: url(../_imagens/ButNavPrevOver.gif);
	background-repeat: no-repeat;
            }

        .nav a.next-button {
            background: url(../_imagens/ButNavNext.gif) no-repeat;
			float: left;
        }

            .nav a.next-button:hover {
                background: url(../_imagens/ButNavNextOver.gif) no-repeat;
            }

/**
* Styles for the content.
*/
.content {
    float: left;
}

    .content h1 {
        font: 96px Georgia, Cambria, "Times New Roman", Times, serif;
        letter-spacing: -1.5px;
        text-align: center;
        margin: 62px 0 0 0;
        line-height: 102px;
    }

    .content h2 {
        font-size: 24px;
        font-style: italic;
        font-weight: normal;
        line-height: 30px;
        margin: 37px 0 0 0;
        text-align: justify;
    }

        .content h2 a {
            color: #000;
            text-decoration: none;
            font-weight: bold;
            outline: 0;
        }

        .content h2 a:hover {
            text-decoration: underline;
        }


    .content p {
        line-height: 22px;
        margin-top: 48px;
    }

        .content p img {
            display: block;
            margin: 20px 0 40px 0;
        }

    .content .column {
        float: left;
        width: 460px;
    }

    .content .column.left-column {
        margin-right: 20px;
    }

    .content .column.right-column {
        margin-left: 20px;
    }

/**
* Styles for the footer.
*/
.footer {
    float: left;
    margin: 40px 0 0 0;
    overflow: hidden;
}

    .footer p {
        color: #ccc;
        font-size: 11px;
    }

/**
* Styles for the sample images.
*/
#bowls { height: 260px }
#checkmates { height: 265px }
#plate { height: 375px }
#clock { height: 324px }
#piggy { height: 325px }


@media (max-width:700px) {

.slide {
	position: relative;
	height: 270px;
	}

.nav {
	
	top: auto;
	bottom: 5px;
	margin-top: auto;

	width: 100%;
	z-index: 10000;
	left: 0;

	height:30px;
	display:none;
	
}

.nav a {
	width:30px;
	height:30px;
	border-radius:25px;

	 }
	
.nav a.prev-button {
            background: url(../_imagens/ButNavPrev.gif) no-repeat;
			background-size: 100% 100%;
        }

.nav a.next-button {
            background: url(../_imagens/ButNavNext.gif) no-repeat;
			background-size: 100% 100%;
			float: right;
        }

}