/* Rotator CSS Document */

	
	/* ROTATING IMAGE */
	#image-rotator {
	color:rgba(255,255,255,0.7);
	position:relative;
	}
		#image-rotator a {color:rgba(255,255,255,0.7);}
		#image-rotator a:hover {color:rgba(255,255,255,1);}
	
		#main #image-rotator {margin-bottom:18px;}	
		
		#image-rotator ul li {
		padding:0 0 0 0;
		background:none;
		position:inherit;
		}
			#image-rotator ul li:before {display:none;}
		
		
		
		#flash {
		position:relative;
		height:200px;
		z-index:600;
		}
			
			#flash #flash-over {
			position:absolute;
			left:0px;
			top:0px;
			z-index:800;
			}
			
			#flash table {
			position:absolute;
			left:0px;
			top:0px;
			z-index:700;
			display:none;
			}
			
		
		#header-rotator {
		float:right;
		display:inline-block;
		margin-top:10px;
		margin-right:25px;
		}
		
		#rotator {
		position:relative;
		height:200px;
		z-index:600;
		}
			
			#rotator table {
			position:absolute;
			left:0px;
			top:0px;
			z-index:700;
			display:none;
			}
	
	
			
		#slider {
		position:relative;
		background:url(images/colorbox/loading_white.gif) no-repeat 50% 50%;
		}
			.nivo-caption {
			position:absolute;
			right:0px;
			bottom:65%;
			color:#fff;
			width:100%;
			z-index:8;
			overflow:visible;
			height:0px;
			display: none;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			}
				#image-rotator .slider-text {
				position:absolute;
				right:0px;
				top:0px;	
				padding:5px 25px;
				text-align:right;
				}
			
			#slider img {
			position:absolute;
			top:0px;
			left:0px;
			display:none;
			z-index:1;
			}
			
			#slider a {
			border:0;
			display:block;
			}
			
			#slider-over {
			position:absolute;
			left:0px;
			top:0px;
			z-index:800;
			}
				
				
				
				
/* Media Queries */

@media screen and (max-width: 1100px) {
	
	#image-rotator {
	overflow:hidden;
	}
		#slider {height:auto !important;}
	
		#slider .slider-text {
		width:50%;
		bottom:-45%;
		}
	
}


@media screen and (max-width: 650px) {
	
	#slider .slider-text {
	width:70%;
	bottom:-40%;
	}
	
}


@media screen and (max-width: 480px) {
	
	#slider,
	#flash,
	#slidebox,
	#image-rotator {display:none;}
	
}