body.section_homepage {
		background: #000;
		}
	body.section_homepage #header {
		background: none;
		position: relative;
		z-index: 100;
		overflow: hidden;
		}
	body.section_homepage #header_vignette {
		background: none;
		}
	body.section_homepage #main-nav ul {
		background: none;
		}
		
	body.section_homepage .vignette {
		display: none;
		}
	
	body.section_homepage #main_heading {
		display: none;
		}
		
	body.section_homepage #footer {
		display: none;
		}
	
		
	body.section_homepage #main_site_content {
		padding-top:0px;
		top:0px;
		position: absolute;
		width:100%;
		height: 100%;
		overflow: hidden;
		}
	
	#homepage_slider {
		position: absolute;
		top:0px;
		width:100%;
		height: 100%;
		z-index: 0;
		text-align: center;
		}
	
	#homepage_slider ul ,
	#homepage_slider ul li{
		padding:0px;
		margin:0px;
		list-style: none;
		}
	
	#homepage_slider .bg_photo {
		}
	
	#homepage_slider #bg_vignette {
		position: absolute;
		top:0px;
		}
	
	/* BACKGROUND IMAGES */
	.homepage_background_image {
		background: center center no-repeat;
		height: 100%;
		width: 100%;
		background-size:cover; /* Fill the screen */
		position: absolute;
		top:0px;
		display: none;
		}
	#homepage_background_image_1 {
		background-image: url('/images/home_main.jpg');
		}	
	#homepage_background_image_2 {
		background-image: url('/images/home_wings_over_kississing.jpg');
		}
	
	#homepage_background_image_3 {
		background-image: url('/images/home_kississing.jpg');
		}
		
	#homepage_background_image_4 {
		background-image: url('/images/home_rainbow_trout_ranch.jpg');
		}
	
	#homepage_background_image_5 {
		background-image: url('/images/home_premier.jpg');
		}
	
	#homepage_background_image_6 {
		background-image: url('/images/home_approach_logo.jpg');
		}
	
	#homepage_background_image_7 {
		background-image: url('/images/home_believe_in_the_goal.jpg');
		}
	
	#homepage_background_image_8 {
		background-image: url('/images/home_canada_post.jpg');
		}
	
	
	#homepage_vignette {
		background: url('/images/vignette_home_bg.png') top center no-repeat;
		height: 100%;
		width: 100%;
		background-size:cover;
		position: absolute;
		top:0px;
		z-index: 80;
		}
	
	
	#homepage_buttons {
		position: fixed;
		right: 0;
		top:40%;
		z-index: 200;
		}	
	
	#homepage_buttons a {
		display: block;
		text-decoration: none;
		color: #C69B5F;/*#fff*/
		padding:5px 10px;
		font-size: 16px;
		
		}
	#homepage_buttons a:hover {
		color: #FFF;
		background: #C69B5F;
		}
		
	#homepage_buttons a.selected {
		background: #ED1C24;
		color: #FFF;
		}
		
	
	#homepage_content_box {
		position: relative;
		top: 45%;
		}
	
		
	#homepage_slider .inner {
		/*padding-top:300px;
		position: absolute;
		top: 0px;*/
		display: none;
		text-align: center;
		width: 100%;
		
		}
	
	#homepage_slider .inner h1 {
		width:660px;
		margin:0 auto;
		}
		
	#homepage_slider .inner h1 img {
		width: 100%;
		}
	/*
	#homepage_slider .inner a {
		color:#FFF;
		display: inline-block;
		background: #ED1C24;
		padding:4px 20px;
		font-size:14px;
		text-decoration: none;
		}
	
	#homepage_slider .inner a:hover {
		background: #C69B5F;
		}
	*/
	a#homepage_bottom_button {
		bottom: -45px;
		display: block;
		position: absolute;
		z-index: 300;
		text-align: center;
		width: 100%;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		}
	
	a#homepage_bottom_button:hover {
		/*opacity: 0.8;
		filter: alpha(Opacity = 80);*/
		-webkit-transform: translateY(-45px);
		-moz-transform: translateY(-45px);
		transform: translateY(-45px);
		}
			
	#homepage_bottom_button img {
		display: block;
		clear:both;
		margin:0 auto;
		}
		
	/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.inner a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.inner a span {
	color:#fff;
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #ED1C24;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .inner a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #6c4809; /* previously a dark gold*/
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.inner a:hover span,
.inner a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .inner a:hover span::before,
.csstransforms3d .inner a:focus span::before {
	background: #C69B5F;	/* swap this color with .inner a span to reverse the effect*/
}
		
@media only screen and (max-width : 1000px) 
{
	#homepage_slider .inner h1 {
		width:70%;
		}
	
}
@media only screen and (max-width : 640px) 
{

	#main-nav a#menu_link_toggle {
		display: block;
		background:#ED1C24;
		padding: 5px 0 5px 0;
		width:60%;
		margin:0 20%;
		}
		
	.inner a {
		-webkit-perspective: 0;
		-moz-perspective: 0;
		perspective: 0;
	}
	
	.inner a span {
		background: none;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		-webkit-transform-origin: none;
		-moz-transform-origin: none;
		transform-origin: none;
		-webkit-transform-style: none;
		-moz-transform-style: none;
		transform-style: none;
	}
	
	.csstransforms3d .inner a span::before {
		display:none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		background: #6c4809; /* previously a dark gold*/
		content: attr(data-hover);
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		-webkit-transform-origin: none;
		-moz-transform-origin: none;
		transform-origin: none;
	}
	
	.inner a:hover span,
	.inner a:focus span {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
	
	.csstransforms3d .inner a:hover span::before,
	.csstransforms3d .inner a:focus span::before {
		background: none;	/* swap this color with .inner a span to reverse the effect*/
	}


}
@media only screen and (max-width : 480px) 
{
	#homepage_bottom_button {
		display: none !important;
		}
	
	#homepage_slider .inner h1 {
		width:80%;
		font-size:22px;
		line-height: 22px;
		}
	#homepage_slider .inner h1 {
		width:60%;
		}
		
	/* darkening of backgrounds when menus are showing */
	body.mobile_menus_showing #homepage_slider ,
	body.mobile_menus_showing #homepage_buttons {
		opacity:0.2;
		filter: alpha(Opacity = 20);
		}	
	
	#homepage_buttons {
		top:45%;
		}
	
	#homepage_content_box {
		top:50%;
		}
}