@charset "utf-8";

.primaryContainer {
height:auto;
margin-left:auto;
margin-right:auto;
min-height:100%;
width:auto;
max-width:1024px;
min-width:300px;
-webkit-background-size:auto;
float:none;
clear:none;
-webkit-box-shadow:#000 0 0 15px 0;
box-shadow:#000 0 0 15px 0;
background:url(img/bg.jpg) no-repeat no-repeat 50% 100%
}

#header {
float:none;
width:auto;
max-width:100%;
height:auto;
margin-left:auto;
margin-top:0;
clear:none;
color:#000;
margin-right:auto;
position:relative;
top:0;
left:0;
z-index:1;
display:block
}

#logo {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:14.648216%;
margin-top:-104px;
clear:none;
color:#000;
position:relative;
top:0;
left:0;
z-index:2;
margin-right:0
}

#box {
float:left;
height:auto;
margin-left:-100%;
margin-top:0;
clear:none;
width:100%
}

p {
display:block;
float:left;
width:100.000001%;
height:auto;
text-align:left;
margin-left:5px;
clear:none;
margin-right:5px;
color:#f0f0f0;
margin-bottom:20px;
font:400 14px/normal "Roboto Slab"
}

p a:link {
color:#fff
}

p a:visited {
color:#fff
}

p a:hover {
color:#e4e4e4
}

h2 {
display:block;
margin-top:30px;
margin-bottom:20px;
float:left;
color:#fff;
text-transform:uppercase;
font:700 16px/1em "Roboto Slab"
}

h3 {
display:block;
margin-bottom:20px;
margin-top:30px;
float:left;
color:#f7f7f7;
text-transform:uppercase;
font:700 14px/1em "Roboto Slab"
}

a:link {
color:#FFF;
font-weight:700
}

a:hover {
color:#e4e4e4
}

a:visited {
color:#fff
}

#band {
float:left;
width:auto;
height:auto;
text-align:left;
margin-left:0;
margin-top:0;
clear:none;
min-height:0;
color:#fff;
margin-right:0;
display:block;
color:#fff;
font:700 22px/1em "Roboto Slab",serif
}

#band:hover {
color:#e4e4e4
}

#news {
float:left;
width:auto;
height:auto;
text-align:left;
margin-left:5.28%;
margin-top:0;
clear:none;
min-height:0;
color:#fff;
margin-right:0;
display:block;
font-weight:700;
font:700 22px/1em "Roboto Slab",serif
}

#news:hover {
color:#e4e4e4
}

#media {
float:left;
width:auto;
height:auto;
text-align:left;
margin-left:5.28%;
margin-top:0;
clear:none;
min-height:0;
color:#fff;
margin-right:0;
color:#fff;
font-weight:700;
font:700 22px/1em "Roboto Slab",serif
}

#media:hover {
color:#e4e4e4
}

#navi {
float:left;
height:23px;
margin-left:14.609287%;
margin-top:-135.375px;
clear:none;
width:47.663879%;
position:relative;
top:0;
left:0;
z-index:2;
display:block
}

#cont {
float:left;
height:52.161644%;
margin-left:14.842224%;
clear:both;
width:449.99999641px;
max-width:450px;
margin-bottom:50px;
margin-top:20px
}

body {
background:#2a2a2a
}

#facebook {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:14.609287%;
margin-top:14.578125px;
clear:none;
color:#000;
position:relative;
top:0;
left:0;
z-index:3;
margin-right:0;
padding-right:0
}

#recordshopx {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:14.866638%;
margin-top:12.046875px;
clear:both;
color:#000;
position:relative;
top:0;
left:0;
z-index:3;
margin-right:0
}

#youtube {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:1.498797%;
margin-top:14.578125px;
clear:none;
color:#000;
position:relative;
top:0;
left:0;
z-index:3;
padding-right:0;
margin-right:0
}

#spotify {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:1.498797%;
margin-top:13.578125px;
clear:none;
color:#000;
position:relative;
top:0;
left:0;
z-index:3;
padding-right:0;
margin-right:0
}

#itunes {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:1.265394%;
margin-top:12.046875px;
clear:none;
color:#000;
position:relative;
top:0;
left:0;
z-index:3;
margin-right:0
}

#footer_bg {
float:left;
height:120px;
margin-left:0;
margin-top:0;
clear:both;
width:100%;
background:rgba(73,73,85,.6)
}

#footer_txt {
float:left;
width:auto;
height:auto;
text-align:right;
margin-left:19.999695%;
margin-top:-30px;
clear:none;
min-height:61px;
color:#fff;
position:relative;
top:0;
left:0;
margin-right:0;
z-index:3;
color:#fff;
font-weight:400;
font:400 12px/normal "Roboto Slab",serif
}

#palkki {
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:0;
margin-top:58.592224%;
clear:none;
color:#000;
position:relative;
top:0;
left:0;
z-index:2;
display:block;
margin-right:0
}

#video_01 {
display:block;
opacity:1;
filter:alpha(opacity=100);
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:0;
margin-top:20px;
clear:both;
color:#000;
border:solid;
border-width:10px;
border-color:#fff
}

#video_01:hover {
opacity:.8;
filter:alpha(opacity=80)
}

#video_02 {
opacity:1;
filter:alpha(opacity=100);
float:left;
width:auto;
max-width:100%;
height:auto;
margin-left:0;
margin-top:20px;
clear:both;
color:#000;
border:solid;
border-width:10px;
border-color:#fff
}

#video_02:hover {
opacity:.8;
filter:alpha(opacity=80)
}

#kuva_01 {
opacity:1;
filter:alpha(opacity=100);
float:left;
height:113px;
margin-left:-.40277778%;
clear:both;
width:200px;
margin-top:20px;
background:#888
}

#kuva_01:hover {
opacity:.8;
filter:alpha(opacity=800)
}

#kuva_02 {
opacity:1;
filter:alpha(opacity=100);
float:left;
height:113px;
margin-left:8.888889%;
clear:none;
width:44.444445%;
margin-right:0;
margin-top:20px;
background:#888
}

#kuva_02:hover {
opacity:.8;
filter:alpha(opacity=800)
}

#kuva_03 {
opacity:1;
filter:alpha(opacity=100);
float:left;
height:113px;
margin-left:-.40277778%;
margin-top:20px;
clear:both;
width:44.444445%;
margin-right:0;
background:#888
}

#kuva_03:hover {
opacity:.8;
filter:alpha(opacity=800)
}

@media only screen and (max-width: 552px) {
#logo {
margin-left:14.609287%;
margin-right:auto;
float:none;
clear:none;
margin-top:8.375px;
min-width:0;
width:auto
}

#navi {
margin-top:-135.375px;
margin-left:14.609287%;
clear:none;
width:69.84437%;
float:none;
margin-right:auto
}

#cont {
width:70.489211%;
height:57.276392%
}

#footer_bg {
margin-top:0;
margin-left:0;
clear:both
}

#footer_txt {
margin-top:11.984375px;
margin-left:15.221974%;
clear:both;
display:block;
text-align:left;
height:auto;
min-height:55px
}

#itunes {
margin-top:14.58px;
margin-left:1.264881%;
clear:none
}

#recordshopx {
margin-top:14.58px;
margin-left:1.826017%;
clear:none
}

.primaryContainer {
min-width:300px
}

#kuva_01 {
margin-top:30px;
margin-left:-.2506927%;
clear:both;
margin-right:0;
float:left
}

#kuva_03 {
margin-top:20px;
margin-left:-.2506927%;
clear:both;
width:200px;
margin-right:0;
float:left
}

#kuva_02 {
margin-top:20px;
margin-left:-.2506927%;
clear:both;
margin-right:0;
float:left;
width:200px;
height:113px
}

@media only screen and (max-width: 430px) {
#navi {
margin-top:-74.375px;
margin-left:9.996966%;
clear:none;
width:78.828125%;
margin-right:auto
}

#logo {
margin-top:-16px;
clear:none;
max-width:80%;
width:80%;
margin-left:9.996966%;
margin-right:0;
float:left;
max-height:none
}

.primaryContainer {
min-width:300px
}

#cont {
margin-top:40px;
margin-left:10.577283%;
clear:both;
width:74.746094%;
height:49.882983%
}

#footer_bg {
margin-top:0;
margin-left:auto;
clear:both;
margin-right:auto;
float:none
}

#footer_txt {
margin-top:10.296875px;
margin-left:12.303518%;
clear:both;
height:auto;
min-height:51px
}

#box {
margin-top:0;
margin-left:-100%;
clear:none
}

#facebook {
margin-top:14.578125px;
margin-left:12.687126%;
clear:none
}

#itunes {
margin-top:14.578125px;
margin-left:1.263099%;
clear:none
}

#recordshopx {
margin-top:14.578125px;
margin-left:1.824476%;
clear:none
}

#spotify {
margin-top:13.578125px;
margin-left:1.497006%;
clear:none
}

#youtube {
margin-top:14.578125px;
margin-left:1.497006%;
clear:none
}