@charset "utf-8";
/* CSS Document */

body {
    background-image: url(sand.png);
    font-family: Comic Sans MS, Comic Sans;
    color: #FFFF00;
    text-align: center;
}

marquee {
    color: #006600;
}

a:link,
a:visited {
    color: #FFFFFF;
}

a:hover {
    font-weight: bold;
}

.banner {
    width: 100%;
    height: 80px;
    position: absolute; 
    margin:  0 10;
    left: 0;
    top : 0;
    background-image: url(gifs/crab.gif);
    background-repeat: repeat-x;
    background-size: contain;
}

.banner-bottom {
    width: 100%;
    height: 80px;
    position: relative;
    margin: 0 10;
    background-image: url(gifs/shark.gif);
    background-repeat: repeat-x;
    background-size: contain;
}

.main {
    height: auto;
    width: 100%;
    top: 80;
    position: absolute;
}

.main-pic {
    width: 78%;
    position: relative;
    left:10%;
    display: block;
}

.main-pic:before {
    display: block;
    content: '';
    position: relative;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 1);
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 1);
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 1);
}

.side-left {
    position: absolute;
    height: 100%;
    width: 10%;
    margin: 0;
    left: 0;
    top: 0;
    background-image: url(gifs/ananas.gif);
    background-repeat: repeat-y;
    background-size: contain;
}
.side-right {
    position: absolute;
    width: 10%;
    height: 100%;
    margin: 0;
    right: 0;
    top: 0;
    background-image: url(gifs/whale.gif);
    background-repeat: repeat-y;
    background-size: contain;
}