@font-face {
    font-family: 'geogrotesque_stencil_c_bdbold';
    src: url('../fonts/geogrotesquestencilc-bd-webfont.eot');
    src: url('../fonts/geogrotesquestencilc-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogrotesquestencilc-bd-webfont.woff') format('woff'),
         url('../fonts/geogrotesquestencilc-bd-webfont.ttf') format('truetype'),
         url('../fonts/geogrotesquestencilc-bd-webfont.svg#geogrotesque_stencil_c_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

#outer{ min-width: 900; min-height: 876px; background:#000000; position: relative; margin: 0px auto 0px auto;  }
.inner{ width: 900px;; position: relative; margin: 0px auto 0px auto; text-align: left; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.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);}
.sp10{ width: 100%; height: 10px; line-height: 10px; font-size: 10px; position: relative;}
.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;}

.top_bar{ width: 100%; height: 53px; position: relative; background: #84bc41 }
.content{ width: 100%; min-height: 200px; }

.footer{ position: relative; left: 0px; bottom: 0px; width: 100%;}
.right_side{ position: relative; float: right; width: 58%; text-align: right;}
.left_side{ position: relative; float: left; width: 38%;}
.footer-social{ opacity: 0.15}
.footer-social li{ text-align: right; position: relative; display: inline-block; }
ul.footer-social {list-style: none; display: inline-block; vertical-align: middle; text-align: right;}
.footer-social li a {
    background: url("../images/v2_footer-social-links.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 1.875em;
    margin-right: 1.25em;
    text-indent: 999999px;
    position: relative;
    overflow: hidden;
    color: transparent;
    

}
.footer-social li a.fs-fb-link {
    width: 0.875em;
}
.footer-social li a.fs-fb-link:hover {
    background-position: 0 -440px;
}
.footer-social li a.fs-tw-link {
    background-position: -39px 0;
    width: 1.6875em;
}
.footer-social li a.fs-tw-link:hover {
    background-position: -39px -440px;
}
.footer-social li a.fs-yt-link {
    background-position: -144px 0;
    width: 2em;
}
.footer-social li a.fs-yt-link:hover {
    background-position: -144px -440px;
}
.footer-social li a.fs-ig-link {
    background-position: -91px 0;
    width: 1.9em;
}
.footer-social li a.fs-ig-link:hover {
    background-position: -91px -440px;
}
.footer-social li a.fs-sp-link {
    background-position: -198px 0;
    margin-right: 0;
    width: 1.75em;
}
.footer-social li a.fs-sp-link:hover {
    background-position: -198px -440px;
}
.footer-logo{ opacity: 0.16}
.footer_bar{ width: 100%; height: 50px; background: #6b9835; position: relative;}

.copy{ position: relative; font-family: 'geogrotesque_stencil_c_bdbold'; font-size: 13px; color: #000000; margin: 20px 0px 0px 0px;}
.links{ position: relative; font-family: 'geogrotesque_stencil_c_bdbold'; font-size: 13px; color: #000000; margin: 20px 0px 0px 0px;}
.links a{ color: #000000; text-decoration: none;  display: inline-block; margin: 0px 0px 0px 10px}
.links a:hover{ color: #ffffff; text-decoration: none;}

.content{ width: 100%; height: 186px; background: url(../images/v2_green_bg.png) top center no-repeat; margin: 40px 0px 0px 0px;}
.enter_web{ position: absolute; top:0px; right: 0px; text-align: right;}
.album{ position: relative;text-align: center; margin: 30px 0px 0px 0px;}
.album .inner{ text-align: left;}
.album_cover{ display: inline-block; vertical-align: middle; position: relative; margin: 0px 18px 0px 30px}
.album_info{ position: relative; display: inline-block; vertical-align: middle; margin: 0px 0px 0px 15px; text-align: left;}
.listen_btn{ position: relative; margin: 8px 0px 0px 0px;}
.share_with{ position: relative; margin: 8px 0px 0px 0px; }
.share_with img{ vertical-align: middle; display: inline-block; margin: 0px 8px 0px 0px}
.phone{ position: absolute; top: -30px; left: 0px;}
.join{ position: absolute; top:40px; left: 220px;}
.instructions{ position: relative; text-align: center;}
.insta{ position: absolute; top:45px; right: 80px; text-align: center;}
.insta img{ margin: 10px 0px 0px 0px; position: relative; display: inline-block; }

.footer{ width: 100%; border-top:2px solid #353535;}
.footer_logo{ position: relative; text-align: center;}