@charset "utf-8";
/* CSS Document */
body .mc-cycle {
z-index:1!important;
}
#cycle-loader {
	height: 32px;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: absolute;
	top: 50%;
	width: 32px;
	z-index: 999;
}
#holder {
	margin: 0;
	width: 100%;
	height: 310px;
	padding: 0;
	overflow:hidden;
}
.home #holder {
	height: 470px;
}
.video #holder {
	height: 750px;
}
.about #holder {
	height: 510px;
}
.pos #holder {
	height: 250px;
}
/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:95px;
				position:absolute;
				top:140px;
				width:100%;
				z-index:999;
			}
			.home #gradient {
				/* top:290px; */
				top:235px;
				height:235px;
			}
			.video #gradient {
				top:410px;
				height:180px;
			}
			.about #gradient {
				height:400px;
			}
			.partic #gradient {
				height:130px;
				top:110px;
			}
/*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: relative !important;
	margin-top:-20px;
	margin-top:0\9;
}


#arrow_left, #arrow_right {
	bottom: 30px;
	height: 67px;
	position: absolute;
	right: 30px;
	width: 36px;
	z-index: 1000;
}
#arrow_left {
	right: 86px;
}
#arrow_left:hover, #arrow_right:hover {
	bottom: 29px;
}
#arrow_left:active, #arrow_right:active {
	bottom: 28px;
}
.sl-cont {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	position:absolute;
	top: 235px;
	height: 235px;
	left:0;
}
.sl-cont-hold {
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:left!important;
}
.in-slide-content {
	color: #333;
	background: #ececec;
	float: left;
	font-family: Relay; font-weight:normal;
	font-size: 14px;
	padding: 0;
	margin: 0;
	position: absolute;
	height:100%;
	width: 100%;
	text-align:left!important;
	z-index: 9999; /* Show above .gradient */
	-webkit-font-smoothing: antialiased;
}
.in-slide-content h3 span {
	color:#9f0c03;
}
@media only screen and (min-width: 480px) {
.sl-cont {
	height: 180px;
	top: 410px;
}
.in-slide-content {
	width: 754px;
	background: url(../img/nav_bk2.png) transparent;
}
}

@media only screen and (min-width: 768px) {
	.sl-cont-hold {
	width:1026px;
}

#holder {
height:240px;
}
.home #holder, .video #holder {
	height: 550px;
}
.about #holder {
	height: 400px;
}
#gradient {
	height:120px;
}
.home #gradient, .video #gradient {
	height:140px;
	top:410px;
}

.pos #holder {
	height: 150px;
}
.video #holder {
	height: 700px;
}
.video #gradient {
	top:410px;
	height:180px;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
#holder {
width:1024px!important;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
#holder {
width:100%!important;
}
.wrapper, #maximage {
    width: 100%!important;
}


}
}