html{ margin: 0px; padding: 0px; outline: 0px;}
body{ width: 100%; height: 100%; position: relative; margin: 0px; padding: 0px; background: #000000; font-family:arial, verdana, sans-serif}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
li{ margin: 0px; padding: 0px}
ul{ margin: 0px; padding: 0px;}
#outer{ min-width: 970px; min-height: 500px; background: url(../images/back.jpg) #000000  top center no-repeat; position: relative; margin: 0px auto 0px auto; overflow: hidden;  }
.inner{ width: 970px; position: relative; margin: 0px auto 0px auto;  }
.shadow{-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 1);}
ol, ul {
    list-style: none outside none;
}
.shadow2{-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 1);}

.shadow3{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}

.clear{ clear: both; font-size: 0px; line-height: 0px; height: 0px; position: relative; width: 100%;}
.sp10{ clear: both; font-size: 10px; line-height: 10px; height: 10px; position: relative; width: 100%;}
.sp20{ clear: both; font-size: 20px; line-height: 20px; height: 20px; position: relative; width: 100%;}
.sp30{ clear: both; font-size: 30px; line-height: 30px; height: 30px; position: relative; width: 100%;}
.sp40{ clear: both; font-size: 40px; line-height: 40px; height: 40px; position: relative; width: 100%;}
.sp60{ clear: both; font-size: 60px; line-height: 60px; height: 60px; position: relative; width: 100%;}


.tasks{ text-align: center; vertical-align: top; width: 630px; margin: 610px 0px 0px 350px;}
.task{ width: 120px; position: relative; text-align: center; margin: 10px 1px 0px 1px; display: inline-block;}
.tasks_ttl{ position: relative; text-align: right; margin: 0px 45px 0px 0px; }
.task_txt{ position: relative; text-transform: uppercase; color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; white-space: nowrap;}
.connect{ position: relative; text-align: center; margin: 30px 0px 0px 0px}
.connect_btns{ position: relative; text-align: center; margin: 10px 0px 0px 0px;}
.connect_note{ position: relative; text-align: center; margin: 10px 0px 0px 0px;}
.score{ position: relative; text-align: center; margin: 30px 0px 0px 0px; color: #ffffff; vertical-align: middle;}
.medal{ display: inline-block; vertical-align: middle; margin: 0px 3px 0px 3px}
.val{ display: inline-block; vertical-align: middle; font-size: 34px; font-family: 'Oswald', sans-serif; line-height: 37px; text-transform: uppercase; margin: 0px 3px 0px 3px}
.small{ font-size: 24px; line-height: 37px; vertical-align: baseline;text-transform: uppercase;}
.powered{ position: relative; text-align: center; margin: 90px 0px 0px 0px}
.social{ position:absolute; top:10px; left: 0px; text-align: left;}
.social img{ vertical-align: middle; margin: 0px 5px 0px 0px}
.enter_web{ position: absolute; top:12px; right: 0px; text-align: right;}

.the_more{ position: relative; text-align: center; margin: 50px 0px 0px 0px;}

.album{ position: absolute; top:700px; left: 50px; }
.metter{ position: absolute; top:395px;left: 350px;}

.album{ text-align: center;}
.album_ttl{ position: relative; text-align: center; margin: 5px 0px 0px 0px}
.album_buy{ position: relative; text-align: center; margin: 8px 0px 0px 0px}
.album_buy img{ vertical-align: middle; margin: 0px 3px 0px 3px}