html{ margin: 0px; padding: 0px;}
body{font-family:'Lato',arial, verdana, sans-serif; position: relative; margin: 0px; padding: 0px; background: #050506;
    width: 100%;  overflow: auto; color: #ffffff}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
   
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

#outer{ min-width: 870px; min-height: 876px; background: #050506 }
.inner{ width: 870px; position: relative; margin: 0px auto 0px auto; text-align: left; }
.shadow{
-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
zoom: 1;
/* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=45, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=225, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#000000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=315, Color='#000000')";

filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=225,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=3); 
  }
  .boxshadow{
-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);


  }

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}

.content{ width: 100%; min-height: 100px; background: #0f0f12; position: relative; border-top: 5px solid #e02125;border-bottom: 5px solid #e02125}
.footer{ width: 100%; min-height: 100px; background: #050506; position: relative;}
.head{ width: 100%; height: 437px; background: url(../images/head.png) top center no-repeat, url(../images/head_r.png) top center repeat-x; position: relative;}
.top_bar{ width: 100%; height: 80px; position: relative;}
.album{ position: absolute; top:100px; right: 10px; text-align: center;}
.connect{ left: 10px; top:29px; position: absolute;}
.connect img{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px}
.enter_web{ position: absolute; top:29px; right: 10px;}
.symbol{ position: absolute; top:13px; left: 400px;}
.av{ position: relative; padding: 0px 0px 5px 0px}
.sttl{ text-align: center; color: #ffffff; font-size: 25px; line-height: 32px; font-family: 'Lato',sans-serif;}
.main_ttl{ position: relative; text-align: center; margin: 10px 0px 0px 0px;}

#box{ width: 638px; min-height: 436px; position: relative; margin: 15px auto 0px auto; background: transparent; z-index: 4}
#counter{ position: absolute; top:7px; left: 6px;}
  #map_box{ background: #ffffff; height: 386px; position: relative;}
  #counter_box{ width: 648px; position: relative; height: 80px; background: url(../images/counter_back.png) top left no-repeat;}
  #map_info{ width: 100%; border-bottom:1px solid #b8b8b8; position: relative; height: 41px; background: #ffffff}
  #map{ width: 619px; height: 322px; border: 1px solid #b8b8b8; margin: 10px auto 0px auto; position: relative;}
  #tweet_note{ position: relative; margin: 0px 0px 0px 10px; top:-10px;}
  #tweet{ position: absolute; top:4px; right: 8px;}
  #location{ font-family: Montserrat, arial; font-size: 21px; line-height: 28px; position: absolute; top:5px; left: 10px; color: #000000}
  #location span{vertical-align: middle;}
  #location img{vertical-align: middle;}
  #unlocked{color:#DC442C;font-family: Montserrat, arial; font-size: 21px; line-height: 23px; position: absolute; top:8px; right: 10px; text-align: right;}

  .footer_social{ position: relative;text-align: center; margin: 50px 0px 0px 0px}
  .footer_social img{ display: inline-block; vertical-align: middle; margin: 0px 5px 0px 5px}
  .copy{ position: relative; text-align: center; color: #ffffff; font-family: 'Lato',sans-serif; margin: 20px 0px 0px 0px; text-align: center;}
  .copy a{ display: inline-block; margin: 0px 3px 0px 3px; text-decoration: none; color: #ffffff}
  .icons{ position: relative; text-align: center; margin: 10px 0px 0px 0px;}
  .icons img{ display: inline-block; vertical-align: middle; margin: 0px 3px 0px 3px}