.panel {
    position: relative;
    float: left;
    background: #0e0101;
    background: rgba(14, 1, 1, 0.1);
}

.panel.left_side {
    width: 600px;
    height: 500px;
}

.panel.right_side {
    margin-left: 1px;
    width: 551px;
}

.panel.right_side.one {
    height: 307px;
    padding: 0px 0px;
}

.panel.right_side.two {
    height: 161px;
    margin-top: 1px;
    padding-top: 31px;
}

#record_player {
    position: relative;
    float: right;
    width: 500px;
    height: 460px;
    margin-top: 50px;
    z-index: 2;
}

#record_disc {
    width: 400px;
    height: 350px;
}

#hover_label {
    position: absolute;
    top: 142px;
    left: 142px;
    width: 116px;
    height: 116px;
    z-index: 9995;
    background: url(../images/vinyl_core.png) no-repeat;
    color: white;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    line-height: 24px;
    display: none;
    animation-name: rotate; 
    animation-duration: 5.0s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 58px 58px;
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 5.0s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 58px 58px;
    -moz-animation-name: rotate;
    -moz-animation-duration: 5.0s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-transform-origin: 58px 58px;
}

#vinyl_wrapper {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 0px;
    left: 0px;
    margin: 0 0;
    z-index: 9990;
    animation-name: rotate; 
    animation-duration: 5.0s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 5.0s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 5.0s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

#tracker_wrapper {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 0px;
    left: 0px;
    z-index:9998;
}

#record_player_arm {
    z-index: 9997;
    position: absolute;
    left: 190px;
    top: 260px;
    width: 300px;
    height: 90px;
    background: url(../images/record_player_arm.png) no-repeat;
    transform: translate(80px, -8px) rotate(-32deg) translate(-80px, 8px);
    -webkit-transform: translate(80px, -8px) rotate(-32deg) translate(-80px, 8px);
    -moz-transform: translate(80px, -8px) rotate(-32deg) translate(-80px, 8px);
    -o-transform: translate(80px, -8px) rotate(-32deg) translate(-80px, 8px);
    -ms-transform: translate(80px, -8px) rotate(-32deg) translate(-80px, 8px);
}

.text_message {
    width: 439px;
    height: 196px;
}

#mission_statement {
    width: 400px;
    margin: 0 auto;
    font-family: 'Exo', serif;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}

.video_play_button {
    position: relative;
    top: 113px;
    left: 163px;
    width: 80px;
    height: 60px;
    background: url(../images/btn_play_out.png) 0 0;
}

.video_play_button:hover, .overVideo {
    background: url(../images/btn_play_over.png) 0 0;
}

/* galleria */
.noscript {
	width: 551px;
	height: 307px;
	background-image: url(../images/artist_slideshow/gregory_porter_small.jpg);
	background-position: center center;
    background-repeat: no-repeat;
}
#galleria noscript {
	color: #880000;
	font-size: 1.5em;
	font-weight: 800;
}
.galleria-container {
	background-color: #404046 !important;
}
.galleria-stage {
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	margin: 0 !important;
}
.galleria-image-nav-left {
    background-image: url(../images/left-arrow.png) !important;
    background-position: -15px 15px;
}
.galleria-image-nav-right {
    background-image: url(../images/right-arrow.png) !important;
    background-position: 0 15px;
}

/* jplayer */
#jplayer, #jp_container_1 {
	position: absolute;
    left: 222px;
    top: 104px;
    width: 100px;
    height: 100px;
    z-index: 9998;
}

.hideButton {
	display:none !important;
}


/******************************************
stuff that needs to be at the bottom
******************************************/

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}​
@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}​



/******************************************
don't put anything below here
don't include any other css files after this one
******************************************/