


.effectContainer
{
    margin: 0px;
    border: 0px solid #ffcc00;
    height: 60px;

    background-color: transparent;
    background-image: url('images/backgrounds/dots-bg.jpg');
    background-repeat: repeat-x;
}

.effectContainer blockquote
{
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 0 5px 0;
}
/* *** Backgrounds *** */
.effectContainer
{
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 60px;
    min-width: 300px;

    background-image: url('images/backgrounds/dots-back.png');
    background-repeat: repeat-x;
    background-position: 0 0;
}

.pseudo:before,
.pseudo:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-repeat: repeat-x;
    background-color: transparent;
    background-position: 0 0;
}



.effectContainer div
{
    height: 100%;
    background-repeat: repeat-x;
    background-color: transparent;
    background-position: 0 0;
}

.effectContainer > div
{
    background-image: url('images/backgrounds/dots-mid.png');
}

.effectContainer > div > div
{
    background-image: url('images/backgrounds/dots-front.png');
}

.pseudo:before
{
    background-image: url('images/backgrounds/dots-mid.png');
}

.pseudo:after
{
    background-image: url('images/backgrounds/dots-front.png');
}

/* *** CSS3 native transitions *** */
/*
.css3Effect,
.css3Effect:before,
.css3Effect:after {
background-position: 0 0;

-moz-transition: background-position 30s ease-in;
-webkit-transition: background-position 30s ease-in;
-o-transition: background-position 30s ease-in;
-transition: background-position 30s ease-in;
}

.css3Effect:hover {
background-position: 600px 0;

-moz-transition-property: background-position;
-webkit-transition-property: background-position;
-o-transition-property: background-position;
-transition-property: background-position;
}

.css3Effect:hover:before {
background-position: 1200px 0;

-moz-transition-property: background-position;
-webkit-transition-property: background-position;
}

.css3Effect:hover:after {
background-position: 2400px 0;

-moz-transition-property: background-position;
-webkit-transition-property: background-position;
}*/