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



.welcome {
			background: none repeat scroll 0 0 #FFFFFF;
			margin: 0 auto;
			position: relative;
			width: 960px;
			padding:0px 10px;
		}
		
		
		
.top-login{width:700px !important;font-family: 'designio_mediumregular';}		
.top-login form{background:none repeat scroll 0 0 #ECEFF0l;padding:0px 10px;}
.top-login fieldset{float:left;display;block;width:285px;position:relative;margin-right: 10px;}
.top-login label{display:block;overflow:hidden;font-size:13px;}
.top-login input[type="text"], .top-login input[type="password"]{display:block;overflow:hidden; width:250px; border: 1px solid #B2B2B2;padding:5px;margin-bottom:3px;}

.top-login p {float: right; margin-right: 25px;}
.top-login p a{font-size:11px;color:#333;}

.top-login input[type="checkbox"]{vertical-align:text-top;margin-right:5px;}

.top-login span.submit{width:90px;float:left;display:inline;}

.top-login span.submit  input[type="submit"] { 
	font-size: 14px;
    margin-top: 18px;
    padding: 5px 18px;
    background:#ee9d2c;
    border-radius:4px;
}
		
			/* 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;
			}
			
			/*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 {
            bottom: 30px;
			height: 67px;
			position: absolute;
			top: 10%;
			width: 36px;
			z-index: 90;
			left:96%;
			}
			#arrow_left {
				left:10px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:29px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:28px;
			}
			
		
.in-slide-content { 
			background: url(../img/dark-shadow.png) repeat-x left top;
			color: #fff;
			display: block;
			font-size: 60px;
			font-weight: bold;
			/*height: 28px; height:68px;*/
			left: -145px;
			margin: 0 auto !important;
			position: relative;
			
			text-shadow: 0 1px 0 #333;
			top: 43%;
			width: 535px;
			z-index: 99999;
			
     		overflow:hidden;
			padding:2px 5px;
		    font-family: Helvetica LT Std,Arial;
     
			/*
			
			border: 6px solid rgba(0, 0, 0, 0.14);
			*/
}
.in-slide-content h1 {color: #fff;
    font-family: Helvetica LT Std,Arial;
    font-size: 40px;
    overflow: hidden;
	margin: 3px 0;
	text-transform:uppercase;
    }
.in-slide-content h5{font-size: 24px; font-family: Helvetica LT Std,Arial;font-weight:normal;margin: 3px 0;}

			

			
			.light-text {color:#ddd;text-shadow: 0 1px 0 #000;}
			.smaller-text {font-size:30px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}
			
			
.slide-caption{width:400px;float:left;display:inline;position:relative;}
.slide-image{width:100px;float:left;display:inline;position:relative;margin-right:10px;}
.slide-image img{display:block;margin:0px auto;text-align:center;postion:relative;padding-top:5px;}


.slide-controls{
	display: block;
    height: 80px;
    overflow: hidden;
    position: fixed !important;
    top: 42.4%;
}