/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! 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;
}


/*--------MAXIMG STYLES--------*/


#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;
}


#arrows
{
	position: relative;
	width: 320px;
	margin: 0 0 0 0;
}
			

#arrow_left, #arrow_right, #arrow_left2, #arrow_right2
{
	height:30px;
	width:30px;
	z-index:1000;
}


#arrow_left , #arrow_left2
{
	float: left;
	margin: 0 4px 0 0;
}


#arrow_right, #arrow_right2
{
	float: left;
	margin: 0 0 0 0;
}
			
			
#arrow_left:hover, #arrow_right:hover 
{
	text-decoration: none;
}

			
a {color:#666;text-decoration:none;}
a:hover {text-decoration:underline;}
			
.in-slide-content 
{ 
	float: right;
	background: url(images/menu_background.png);
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 320px;
	padding: 20px;
	z-index: 9999; /* Show above .gradient */
}


.in-slide_snippet
{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #F15B62;
	line-height: 120%;
	text-align: left;
	padding-bottom: 15px;
}


.in-slide_text
{
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #414042;
	line-height: 140%;
	text-align: left;
	padding-bottom: 15px;
}
			
			
.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
.smaller-text {font-size:30px;}