<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Forss — Ecclesia</title>
	<meta name="description" content="Forss — Ecclesia">
	<meta name="author" content="Eric Wahlforss">
	<meta name="viewport" content="width=device-width">
  
  <meta property="og:title" content="Forss — Ecclesia" />
  <meta property="og:type" content="band" />
  <meta property="og:url" content="http://forssmusic.com" />
  <meta property="og:image" content="http://forssmusic.com/img/fb.png" />
  <meta property="og:site_name" content="Forss — Ecclesia" />
  <meta property="fb:page_id" content="58259935715" />
  
	<link rel="stylesheet" type="text/css" href="css/style.css?v7">
	<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
  <link href="http://fast.fonts.com/cssapi/d47e7fc8-37c9-437b-affd-0d562883dcbc.css" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" href="http://forssmusic.com/favicon.ico?v1" type="image/x-icon">
  <link rel="icon" href="http://forssmusic.com/favicon.ico?v1" type="image/x-icon">
</head>
<body id="state-init">
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->


<!-- Top Links -->
<header>
  <h1 id="logo">
  <a href="/">
    <img src="img/icon_small.png" width="30" alt="Forss Ecclesia">
    <img src="img/forss_white.png" width="50" alt="Forss Ecclesia" class="hidden">
  </a>
  </h1>
  <div id="applink">
    <a id='album-sc' href="http://soundcloud.com/forss/sets/ecclesia" target="blank">soundcloud</a>&nbsp;&nbsp; | &nbsp;&nbsp;
    <a id='album-sp' href="http://open.spotify.com/album/3bPpPm0ApOnZJn6XXMmLLh" target="blank">spotify</a>&nbsp;&nbsp; | &nbsp;&nbsp;
    <a id='album-it' href="http://itunes.com/forss/ecclesia" target="blank">iTunes</a>&nbsp;&nbsp; | &nbsp;&nbsp;
    <a id='app-download' href='http://itunes.com/app/ecclesia' target="blank"><img src="img/badge.png" alt="Ecclesia for iPad Now Available" width="150" height="75"></a>
  </div>
  
  <a id="fullscreen" href="#">↘</a>
</header>



<!-- Intro / Loading -->
<section id="intro" class="clearfix" data-route="/" data-state="intro">
  <div id="iwrap">
    <img src="img/introitus.png" id="introitus" width="200" height="237">
    <img src="img/forss_intro.png" id="introtype" width="200" height="108"><br><br>
    <a href="/voca-nomen-tuum" id="startsite"><span class="no-touch-only">click</span> <span class="touch-only">touch</span> to start</a>
    <a href="http://soundcloud.com/forss/introitus" class="sc-player" data-trackid="41770793">Introitus by Forss on Soundcloud</a>
  </div>
</section>


<!-- Players -->
<section id="player" class="clearfix" >

  <div id="controls">
    
    <ul id="tracks">
    
      <li id="voca-nomen-tuum" class="ec-track" data-route="/voca-nomen-tuum" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/voca-nomen-tuum.small.png">
          <div class='player'>
            <h1><span>I <span> of X</span></span><br><b>Voca Nomen Tuum</b></h1>
            <a href="http://soundcloud.com/forss/voca-nomen-tuum" class="sc-player">Voca Nomen Tuum by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/voca-nomen-tuum">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Voca Nomen Tuum&url=http://soundcloud.com/forss/voca-nomen-tuum">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/voca-nomen-tuum">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/voca-nomen-tuum" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      <li id="me-apparo" class="ec-track" data-route="/me-apparo" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/me-apparo.small.png">
          <div class='player'>
            <h1><span>II</span><br><b>Me Apparo</b></h1>
            <a href="http://soundcloud.com/forss/me-apparo" class="sc-player">Me Apparo by Forss on Soundcloud</a>
            <!-- <a href="http://soundcloud.com/snoopdogg/doggystyle-south-beat-by-snoop" class="sc-player">Me Apparo by Forss on Soundcloud</a> -->
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/me-apparo">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Me Apparo&url=http://soundcloud.com/forss/me-apparo">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/me-apparo">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/me-apparo" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      <li id="in-paradisum" class="ec-track" data-route="/in-paradisum" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/in-paradisum.small.png">
          <div class='player'>
            <h1><span>III</span><br><b>In Paradisum</b></h1>
            <a href="http://soundcloud.com/forss/in-paradisum" class="sc-player">In Paradisum by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/in-paradisum">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – In Paradisum&url=http://soundcloud.com/forss/in-paradisum">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/in-paradisum">Track on<br> Soundcloud</a>
            
            <a class="emailunlock" href="http://emailunlock.com/forss/in-paradisum" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
          
        </div>
      </li>
      
      <li id="diligam" class="ec-track" data-route="/diligam" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/diligam.small.png">
          <div class='player'>
            <h1><span>IV</span><br><b>Diligam</b></h1>
            <a href="http://soundcloud.com/forss/diligam" class="sc-player">Diligam by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/diligam">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Diligamm&url=http://soundcloud.com/forss/diligam">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/diligam">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/diligam" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      <li id="dictum" class="ec-track" data-route="/dictum" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/dictum.small.png">
          <div class='player'>
            <h1><span>V</span><br><b>Dictum</b></h1>
            <a href="http://soundcloud.com/forss/dictum" class="sc-player">Dictum by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/dictum">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Dictum&url=http://soundcloud.com/forss/dictum">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/dictum">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/dictum" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      <li id="regulus" class="ec-track" data-route="/regulus" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/regulus.small.png">
          <div class='player'>
            <h1><span>VI</span><br><b>Regulus</b></h1>
            <a href="http://soundcloud.com/forss/regulus" class="sc-player">Regulus by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/regulus">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Regulus&url=http://soundcloud.com/forss/regulus">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/regulus">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/regulus" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      
      <li id="somnio-somnium" class="ec-track" data-route="/somnio-somnium" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/somnio-somnium.small.png">
          <div class='player'>
            <h1><span>VII</span><br><b>Somnio Somnium</b></h1>
            <a href="http://soundcloud.com/forss/somnio-somnium" class="sc-player">Somnio Somnium by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/somnio-somnium">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Somnio Somnium&url=http://soundcloud.com/forss/regulus">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/somnio-somnium">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/somnio-somnium" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      <li id="veniam" class="ec-track" data-route="/veniam" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/veniam.small.png">
          <div class='player'>
            <h1><span>VIII</span><br><b>Veniam</b></h1>
            <a href="http://soundcloud.com/forss/veniam" class="sc-player">Veniam by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/veniam">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Veniam&url=http://soundcloud.com/forss/veniam">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/veniam">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/veniam" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
      <li id="lux-aeterna" class="ec-track" data-route="/lux-aeterna" data-state="player">
        <div class="pwrap">
          <img class="sigilis" src="img/sigilis/lux-aeterna.small.png">
          <div class='player'>
            <h1><span>IX</span><br><b>Lux Aeterna</b></h1>
            <a href="http://soundcloud.com/forss/lux-aeterna" class="sc-player">Lux Aeterna by Forss on Soundcloud</a>
          </div>
          <div class="share shareicons">
            <a class="fb fbpop" title="share on facebook" target="blank" href="http://www.facebook.com/sharer.php?u=http://soundcloud.com/forss/lux-aeterna">Share on<br>Facebook</a>
            <a class="tw" title="share on twitter" target="blank" href="https://twitter.com/intent/tweet?via=forssmusic&hashtags=ecclesia&text=Forss – Lux Aeterna&url=http://soundcloud.com/forss/lux-aeterna">Share on<br> Twitter</a> 
            <a class="sc" title="the track on soundcloud" target="blank" href="http://soundcloud.com/forss/lux-aeterna">Track on<br> Soundcloud</a>
            <a class="emailunlock" href="http://emailunlock.com/forss/lux-aeterna" target="blank" title="Sign up for newsletter to download">
              Download with Emailunlock
            </a>
          </div>
        </div>
      </li>
      
    </ul>
    
  </div>
  
  
    <div class="vignette"></div>
    <div id="stage">
      <div id="world">
        
        <div id="cloud1" class="cloud"><img src="img/clouds.png"></div>
        <div class="linecloud"><img src="img/sigilis/voca-nomen-tuum.png"></div>
        <div id="cloud2" class="cloud"><img src="img/clouds2.png"></div>
        <div id="cloud3" class="cloud"><img src="img/clouds.png"></div>
        
      </div>
      <div id="bg">
        <img src="img/cloud_bg.jpg">
      </div>
    </div>
    
  </div>
  
</section>


<!-- App -->
<section id="app" data-route="/app" data-state="app">
  
    <div id="appwrap">
      <div class='logowrap'>
        <img class="logo" src="img/forss_white.png" width="200">
      </div>
      <a class="ipad" target="blank" href="http://itunes.com/app/ecclesia">
        <img src="img/app_preview.gif" width="385" height="512" alt="Play Preview">
      </a>
      <div class='hint'>
        <a href='http://itunes.com/app/ecclesia' target="blank"><img src="img/badge.png" alt="Ecclesia for iPad Now Available" width="200" height="100"></a>
      </div>
    </div>

  <div class="vignette"></div>
  <div class="paper-bg"></div>
</section>

<section id="newsletter" data-route="/newsletter" data-state="newsletter">
  <div id="formwrap">
    <div class="innerwrap">
    <h1>Newsletter</h1>
    <p>Sign up to receive updates on<br> releases, events and more.</p> 
      <form action="http://forss.createsend.com/t/j/s/qvjk/" method="post" id="subForm">
      <div>
        <label for="name">First Name:</label>
        <input type="text" name="cm-name" id="name" size="25" />
      </div>
      <div>
        <label for="lastname">Last Name:</label>
        <input type="text" name="cm-f-iuhkt" id="lastname" size="25" />
      </div>
      <div>
      <label for="qvjk-qvjk">Email Address:</label>
      <input type="email" name="cm-qvjk-qvjk" id="qvjk-qvjk" size="25" />
      </div>
      <div>
      </div>
      <div>
      <span class="button"><input type="submit" value="Subscribe" /></span>
      </div>
      <div>
        <a href="/voca-nomen-tuum">back</a>
      </div>
      </form>
    </div>
  </div>
  <div class="vignette"></div>
  <div class="paper-bg"></div>
</section>
<!-- Bottom Links -->
<footer>
  <div class="showfooter">Press &amp; Contact</div>
  <ul id="pressinfo">
    <li>
      <a href="/newsletter">Newsletter</a>
    </li>
    <li><a target="blank" href='http://forssmusic.com/files/forss_ecclesia_press_release.pdf'>Download Press Release</a></li>
    <li><a href='&#109;ai&#108;to&#58;pr%&#54;&#53;s&#115;&#64;f%6Frs&#115;&#109;us&#37;69c&#46;&#37;63om'>&#112;ress&#64;for&#115;&#115;mu&#115;ic&#46;com</a></li>
    <li><a href='ma&#105;l&#116;&#111;&#58;boo%6&#66;ing&#64;fo%&#55;&#50;&#115;smus&#105;c%2Ec%6&#70;m'>b&#111;okin&#103;&#64;for&#115;smusi&#99;&#46;com</a></li>
    <li class="else shareicons">
      <a target="blank" href="https://www.facebook.com/Forssmusic" class="fb">facebook</a>
      <a href="https://twitter.com/intent/user/?screen_name=forssmusic" class="tw" target="blank">@forssmusic</a>
      <a href="http://soundcloud.com/forss" target="blank" class="sc">soundcloud</a> 
    </li>

  </ul>
  <div id="likewrap">
    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fforssmusic&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font=trebuchet+ms&amp;height=21&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
    
  </div>
</footer>
<!-- <script> 
      FB.init({appId: "YOUR_APP_ID", status: true, cookie: true});
      
      function postToFeed() {
      
        // calling the API ...
        var obj = {
          method: 'feed',
          link: 'https://developers.facebook.com/docs/reference/dialogs/',
          picture: 'http://fbrell.com/f8.jpg',
          name: 'Facebook Dialogs',
          caption: 'Reference Documentation',
          description: 'Using Dialogs to interact with users.'
        };
      
        function callback(response) {
          document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
        }
      
        FB.ui(obj, callback);
      }
    
    </script>
<script src='http://connect.facebook.net/en_US/all.js'></script> -->
<script src="http://connect.soundcloud.com/sdk.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='js/libs/jquery-1.7.1.min.js'><\/script>")</script>
<script src="js/script-ck.js?v=7"></script>
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

<script>
  var _gaq=[["_setAccount","UA-1631456-3"],["_trackPageview"]];
  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
  s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
<!--  



Site by A++ 
Fonts by fonts.com
Animate.css by Dan Eden


-->

</body>
</html>
