{embed="embeds/header"}

                <!-- SLIDER -->
                <div id="slidercontainer">
	{exp:channel:entries channel="home" entry_id="1" limit="1" disable="categories|member_data|pagination|category_fields"}
                    <section id="slider">
                        <div id="slideritems" class="flexslider">
                            <ul class="slides">
                            	{slider}
					<li>
						{exp:ce_img:single src="{image}" height="461" width="1000" crop="yes" add_dims="no"}
						<div class="flex-caption">
							<h1>{headline}</h1>
							<p>{copy}</p>
							{if url}<a href="{url}" class="button">Read More</a>{/if}
						</div>
					</li>
                                {/slider}
                            </ul>
                        </div>
                    </section>
                </div>
                <!-- END SLIDER -->
            </header>
        </div>
        <!-- END HEADER -->

        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="outercontainer">

		<div class="main-box">

			{callouts}
				<div class="box {if {row_count} == "1"}firstcols{/if}{if {row_count} == "4"}lastcols{/if}">
					<div class="title">
						<h4>{title}</h4>
					</div>
					<div class="content">
						<p>{copy}</p>
						<a href="{url}" title="Read More">Read More</a>
					</div>
				</div>
			{/callouts}
		</div>
		<div class="separator"></div>
		<h1 class="center titleUppercase">
			{headline}
		</h1>
	{/exp:channel:entries}

	<div class="separator line"></div>
	<div class="container">
		<div class="twelve columns">
			<div class="five columns alpha">
				<h3>Recent Photos <a href="{structure:page_url_for:5}" class="more-photos">More Photos &raquo;</a></h3>
				<div class="project">
					{exp:channel:entries channel="photos" dynamic="no" disable="member_data|pagination|category_fields" limit="9"}
						<!-- NO EDIT BUTTON -->
						<a href="{exp:ce_img:single src="{image}" url_only="yes"}" data-rel="prettyPhoto" class="image" title="{photo_caption}"><img src="{exp:ce_img:single src="{image}" height="100" width="100" crop="yes" url_only="yes"}" alt="" /></a>
					{/exp:channel:entries}
				</div>
				<div class="clear"></div>
			</div>
			<div class="seven columns omega">
				<h3>Upcoming Events <a href="{structure:page_url_for:7}" class="more-events">More Events &raquo;</a></h3>
				<ul class="latest-post">
					{exp:channel:entries channel="events" limit="4" sort="asc" disable="member_data|pagination|category_fields" dynamic="no" show_future_entries="yes"}
						<li>
							{if event-image}
								{exp:ce_img:single src="{event-image}" width="75" height="75" crop="yes" add_dims="no" class="event-image"}
							{/if}
							<a href="{page_url}" title="{title}"><date>{entry_date format="%l %F %d"}</date></a>
							<h2><a href="{page_url}" title="{title}">{title}</a></h2>
							<p>{event-summary}</p>
						</li>
					{/exp:channel:entries}
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div><!-- clear float -->

{embed="embeds/footer"}