/**
Secret Orchestra Home Page Logo Animation
© 2011 Clif Jackson
------------------------------------------------------------------------------*/
#animation1 {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 1000px;
}
#scene1-logo {
    position: absolute;
    width: 1000px;
    height: 100px;
    top: 5px;
    left: 0;
    background-image: url("../imgs/graphics/01-so_logo.png");
    -moz-transform-origin: 50% 100%;
    -moz-transform: translateY(30px) scaleY(0);
    -o-transform-origin: 50% 100%;
    -o-transform: translateY(30px) scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: translateY(30px) scaleY(0);
	transform-origin: 50% 100%;
    transform: translateY(30px) scaleY(0);
}
.runhomepage #scene1-logo {
    -moz-transform: translateY(0px) scaleY(1);
    -moz-transition-duration: 5s;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 2s;
    -o-transform: translateY(0px) scaleY(1);
    -o-transition-duration: 5s;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 2s;
    -webkit-transform: translateY(0px) scaleY(1);
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 2s;
	transform: translateY(0px) scaleY(1);
    transition-duration: 5s;
    transition-timing-function: ease-in;
    transition-delay: 2s;
}

/**
Secret Orchestra Home Group Animation
© 2011 Clif Jackson
------------------------------------------------------------------------------*/
#content #group-art {
    position: relative;
    width: 480px;
    height: 527px;
    margin: 0 auto;
}
#content #group-art img { position: absolute; }
#band_bg,
#band_clif,
#band_yuko,
#band_dave {
    top: 0px;
    left: 0px;
    opacity: 0;
}
#band_bg { z-index: 1; }
#band_clif,
#band_yuko,
#band_dave { z-index: 2; }

.runhomepage #band_bg {
    opacity: 0.35;
    -moz-transition: opacity 3s ease-in;
    -o-transition: opacity 3s ease-in;
    -webkit-transition: opacity 3s ease-in;
	transition: opacity 3s ease-in;
}
.runhomepage #band_clif,
.runhomepage #band_yuko,
.runhomepage #band_dave {
    opacity: 1;
    -moz-transition: opacity 3s ease-in;
    -o-transition: opacity 3s ease-in;
    -webkit-transition: opacity 3s ease-in;
	transition: opacity 3s ease-in;
}
.runhomepage #band_clif {
	-moz-transition-delay: 3s;
	-o-transition-delay: 3s;
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}
.runhomepage #band_yuko {
	-moz-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}
.runhomepage #band_dave {
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

/**
Secret Orchestra Home Menu Animation
© 2011 Clif Jackson
------------------------------------------------------------------------------*/
#menu { opacity: 0; }
.runhomepage #menu {
    opacity: 1;
    -moz-transition: opacity 1.3s ease-in 6.5s;
    -o-transition: opacity 1.3s ease-in 6.5s;
    -webkit-transition: opacity 1.3s ease-in 6.5s;
	transition: opacity 1.3s ease-in 6.5s;
}