@charset "utf-8";
/* CSS Document */


.mobile-off {
		display:block;
	}
	
.mobile-on {
	display:none;
}

#mobile-home-slides {
	display:none;
}

#slideshow-home {
    position:relative;
    height:443px;
	width:665px;
	margin-left:auto;
	margin-right:auto;
}

#slideshow-home IMG {
	width:100%;l
	height:auto;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow-home IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow-home IMG.last-active {
    z-index:9;
}



/* Breakpoint  below fixed width layout*/
@media only screen and (max-width: 1120px) {
	

#slideshow-home {
    position:relative;
    width:100%;
	max-width:666px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#slideshow-home IMG {
	max-width:665px;
	width:100%;
	height:auto;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}


	
	.mobile-off {
		display:none;
	}
	
	.mobile-on {
		display:block;
	}
	
	
img {
	max-width:100%;
	height:auto;
}


.wrapper {
    width:100%;
	}

.live {
	float:left;
	width:100%;
}


.header {
	width:100%;
	height:auto;
	text-align:center;
	}

#nav {
	width:100%;
}

#nav li{
			display:block;
		}
			
.top-nav-logo {
	margin:20px 0 0 0;
	max-width:375px;
	min-width:300px;
	height:auto;
}

	
.main-content {
	width:90%;
	margin:0;
	float:left;
	margin:0 5% 0 5%;
	
/*	text-align:center;*/
	}
	
	
.main-content img {
	text-align:center;
	padding:0;
	}
	
.page-footer {
	height:auto;
	/*margin-left:5%;
	margin-right:5%;*/
	}
	

/*	home page "slideshow"*/

/*#slideshow-home {
	display:none;
}*/

#mobile-home-slides {
	display:block;
}


#mobile-home-slides img {
	max-width:665px;
	width:100%;
	height:auto;

}	

#mobile-home-slides p{
	text-align:center;
}



/*gallery pages*/

#gallery-page img {
	margin:15px 0 15px 0;

	
}

#gallery-page p {
	text-align:center;
}

#gallery-page h2 {
	text-align:center;
}


}

/* Breakpoint for phones*/
@media only screen and (max-width: 376px) {
	.top-space {
	height:10px;
}

	.top-nav-logo {
	max-width:90%;
		max-width:300px;
	height:auto;
}
	

#mobile-home-slides img {
	max-width:665px;
	width:80%;
	height:auto;

}

.page-footer {
/*	height:90px;*/
	padding:10px 0 0 0;

	}


.page-footer p {
line-height:1.3;

	}
	
}