@charset "utf-8";

			/* 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; *//* Only use this if you fade it in again after the images load */
				/* position:fixed !important; */
				z-index: 0;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			/*Set my logo in bottom left*/
			#logo {
				bottom:30px;
				height:auto;
				left:30px;
				position:absolute;
				width:34%;
				z-index:1000;
			}
			#logo img {
				width:100%;
			}
			
			#arrow_left, #arrow_right {
				top: 21%;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index: 10;
			}
			#arrow_left {
				left: 30px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				/* bottom: 135px; */
			}
			#arrow_left:active, #arrow_right:active {
				/* bottom: 135px; */
			}
			
			a {color:#666;text-decoration:none;}
			a:hover {text-decoration:underline;}
			body div.mc-image {
    height: 360px !important;
}
			.in-slide-content {
				color: #fff;
				float:right;
				font-size: 110%;
				right: 0;
				margin: 0;
				padding: 10px 50px 10px 25px;
				position:absolute;
				top: 310px;
				 /* Show above .gradient */
				background-color: rgba(0, 0, 0, 0.61);
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 0px;
				z-index: 999;
			}

.in-slide-content a {
    color: #fff;
}
			.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:30px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}