<!-- Begin MailChimp Signup Form -->
<!--[if IE]>
<style type="text/css" media="screen">
	#mc_embed_signup fieldset {position: relative;}
	#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
</style>
<![endif]--> 

<!--[if IE 7]>
<style type="text/css" media="screen">
	.mc-field-group {overflow:visible;}
</style>
<![endif]--><script type="text/javascript" src="http://ourwhistlerretreat.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://ourwhistlerretreat.us1.list-manage.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://ourwhistlerretreat.us1.list-manage.com/js/jquery.form.js"></script>
<script type="text/javascript" src="http://ourwhistlerretreat.us1.list-manage.com/subscribe/xs-js?u=3a1bdbd78a8b1200261a1d116&amp;id=2388de9d11"></script>

<div id="mc_embed_signup" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);display: none;">
<form action="http://ourwhistlerretreat.us1.list-manage.com/subscribe/post?u=3a1bdbd78a8b1200261a1d116&amp;id=2388de9d11" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="position: fixed;top: 10%;left: 50%;width: 50%;margin-left: -25%;font: normal 100% Arial;font-size: 12px;">
	<fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 0px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #FFFFFF;color: #333333;">
	<legend style="text-transform: capitalize;font-weight: bold;color: #666666;background: #CCCCCC;padding: .5em 1em;border: 1px solid #000000;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;">join our mailing list</legend>
<div class="indicate-required" style="text-align: right;font-style: italic;overflow: hidden;color: #333333;margin: 0 9% 0 0;">* indicates required</div>
<div class="mc-field-group" style="margin: 0 5% 0 5%;padding: 2px 0;clear: both;overflow: hidden;">
<label for="mce-EMAIL" style="display: block;margin: 15px 0 .3em 0;font-weight: bold;">Email Address <strong class="note-required">*</strong>
</label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
</div>
<div class="mc-field-group" style="margin: 0 5% 0 5%;padding: 2px 0;clear: both;overflow: hidden;">
<label for="mce-FNAME" style="display: block;margin: 15px 0 .3em 0;font-weight: bold;">First Name <strong class="note-required">*</strong>
</label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
</div>
<div class="mc-field-group" style="margin: 0 5% 0 5%;padding: 2px 0;clear: both;overflow: hidden;">
<label for="mce-LNAME" style="display: block;margin: 15px 0 .3em 0;font-weight: bold;">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
</div>
<div class="mc-field-group" style="margin: 0 5% 0 5%;padding: 2px 0;clear: both;overflow: hidden;">
    <label class="input-group-label" style="display: block;margin: 15px 0 .3em 0;font-weight: bold;">Email Format </label>
    <div class="input-group" style="padding: .7em;font-size: .9em;margin: 0 0 1em 4%;">
    <ul style="margin: 0;padding: 0;"><li style="list-style: none;overflow: hidden;padding: .2em 0;clear: right;"><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0" style="margin-right: 4%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-EMAILTYPE-0" style="display: block;margin: .4em 0 0 0;font-weight: bold;width: auto;text-align: left;">html</label></li>
<li style="list-style: none;overflow: hidden;padding: .2em 0;clear: right;"><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1" style="margin-right: 4%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-EMAILTYPE-1" style="display: block;margin: .4em 0 0 0;font-weight: bold;width: auto;text-align: left;">text</label></li>
<li style="list-style: none;overflow: hidden;padding: .2em 0;clear: right;"><input type="radio" value="mobile" name="EMAILTYPE" id="mce-EMAILTYPE-2" style="margin-right: 4%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-EMAILTYPE-2" style="display: block;margin: .4em 0 0 0;font-weight: bold;width: auto;text-align: left;">mobile</label></li>
</ul>
    </div>
</div>
		<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
			<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div>
			<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div>
		</div>
		<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;margin: 1em 0 1em 5%;width: auto;display: block;"></div>
	</fieldset>	
	<a href="#" id="mc_embed_close" class="mc_embed_close" style="background: transparent url(http://ourwhistlerretreat.us1.list-manage.com/images/closebox.png) no-repeat;display: none;height: 30px;width: 30px;text-indent: -999em;position: absolute;top: 10px;right: -10px;">Close</a>
</form>
</div>
<script type="text/javascript">
    mce_jQuery(document).ready(function(){
	    mce_jQuery('#mc_embed_signup').hide();
	    cks = document.cookie.split( ';' );
	    var show=true;
        for(i=0;i<cks.length;i++){
            parts = cks[i].split('=');
            if( parts[0].indexOf('MCEvilPopupClosed')>0 ) show = false;
        }
        if (show){
    	    mce_jQuery('#mc_embed_signup a.mc_embed_close').show();
    	    setTimeout( function(){ mce_jQuery('#mc_embed_signup').fadeIn();} , 2000);
        	mce_jQuery('#mc_embed_signup a.mc_embed_close').click(function(){ mcEvilPopupClose();});
        }
    });
    mce_jQuery(document).keydown(function(e){
	    if (e == null) { 
	      keycode = event.keyCode;
	    } else { 
	      keycode = e.which;
	    }
	    if(keycode == 27){
            mcEvilPopupClose();
	    }
    });
    function mcEvilPopupClose(){
	    mce_jQuery('#mc_embed_signup').hide();
	    var now = new Date();
        var expires_date = new Date( now.getTime() + 31536000000 );
        document.cookie = 'MCEvilPopupClosed=yes;expires=' + expires_date.toGMTString();
    }
</script>
<!--End mc_embed_signup-->