/*! Version: 2.0.73 (12-Oct-2012) */
.mc-hide-scrolls{
	overflow:hidden;
}
body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}
div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}
.mc-old-browser .mc-image {
	overflow:hidden;
}
/* I wanted to center my loader 
#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
} */
/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#maximage {
	/*display:none;*/
	position:fixed !important;
}
/*I want to style my pager
#cycle-nav {
	position:absolute;
	right:10px;
	top:10px;
}
#cycle-nav ul {
	list-style-type:none;
}
#cycle-nav ul li {
	border:1px solid #ffffcc;
	float:left;
	margin:4px;
}
#cycle-nav ul li a {
	background:#ffffcc;
	float:left;
	height:10px;
	margin:2px;
	width:10px;
}
#cycle-nav ul li.activeSlide {
	border:1px solid #ff6600;
}*/
/*Set my gradient above all images
#gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}
#arrow_left,
#arrow_right {
	position:absolute;
	right:0px;
				
	top:45%;
				
	width: 67px;
	height: 67px;
				
	width:67px;
	z-index:1000;
}
#arrow_left {
	left:0px;
}		
#arrow_left:hover,
#arrow_left:active {
	background-image: url(../img/arrow_left.png);
}		
#arrow_right:hover,
#arrow_right:active {
	background-image: url(../img/arrow_right.png);
}
.in-slide-content {

	color:#FFFFFF;
	float:right;
	font-family: 'EB Garamond', serif;
	font-size:40px;
	font-weight:normal;
	right:0;

	margin:40px;
	padding:20px;

	position:absolute;

	top:0px;

	width:700px;

	z-index:9999;
	text-shadow: 0 0 5px #000000;
}
.light-text {color:#f0f0f0;text-shadow: 0 1px 0 #666;}
.smaller-text {font-size:40px;}
.youtube-video, video {
	left:0;
	position:absolute;
	top:0;
}
*/