/* CSS Document */

#page-banner, #page-banners
	{
	overflow:hidden;
	z-index:1;
	}

.slidesjs-container, .slidesjs-control, .slidesjs-slide
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:auto;
	}


.slidesjs-navigation
	{
	position:absolute;
	bottom:5px;
	left:5px;
	display:none;
	height:18px;
	width:0;
	overflow:hidden;
	white-space: nowrap;
	text-indent:100%;
	margin:0;
	}

.slidejs-container
	{
	z-index:1;	
	}

.slidesjs-previous
	{
	padding:0 0 0 12px;
	/*background:transparent url('../imgs/left_arrow.png') no-repeat;*/
	}

.slidesjs-next
	{
	padding:0 0 0 12px;
	/*background:transparent url('../imgs/right_arrow.png') no-repeat;*/
	}

.slidesjs-play
	{
	padding:0 0 0 16px;
	background-position:24px 0px;	
	}

.slidesjs-stop
	{
	padding:0 0 0 18px;
	background-position:40px 0px;	
	}

.slidesjs-pagination
	{
	position:absolute;
	bottom:5px;
	right:5px;
	display:block;
	width:auto;
	height:24px;
	list-style:none;
	margin:8px 0 0 0;
	padding:0;
	z-index:10;
	}

.slidesjs-pagination-item
	{
	position:relative;
	float:left;
	display:block;	
	}

.slidesjs-pagination-item a
	{
	position:relative;
	float:left;
	display:block;
	margin:4px;
	width:12px;
	height:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border:#003334 solid 1px;
	list-style:none;
	white-space: nowrap;
	opacity:0.5;
	filter:alpha(opacity=50%);
	text-indent:100%;
	overflow:hidden;
	}

.slidesjs-pagination-item a.active
	{
	text-decoration:none;
	border:none;
	background-color:#003334;
	}


.page-banners, .page-banner
	{
	padding-top:60px;
	}

.ninja-banner
	{
	display:none;	
	}

.ninja-banner:first-of-type
	{
	display:block;	
	}



.ninja-banner
	{
	z-index:1;	
	}

.banner-msg
	{
	position:absolute;
	top:60%;
	margin-top:-50px;
	width:50%;
	left:0;
	right:auto;
	text-align:right;
	font-size:1.5em;
	padding:0;
	z-index:10;
	}
	
.ninja-banner:nth-child(2n) .banner-msg
	{
	right:0;
	left:auto;
	text-align:left;
	}

.banner-img
	{
	z-index:2;	
	}


@media screen and (max-width: 992px){

.banner-msg
	{
	font-size:1.1em;
	width:66%;
	}
	
}


@media screen and (max-width: 768px){

#page-banners, .slidesjs-container, .slidesjs-control, .slidesjs-slide
	{
	height:300px !important;
	
	text-align:center;
	}

.banner-msg
	{
	top:75%;
	font-size:1.3em;
	width:85%;
	}

.ninja-banner, .ninja-banners
	{
	height:300px;
	text-align:left;
	}

.ninja-banner .banner-img, .ninja-banners .banner-img
	{
	height:300px;
	width:auto;
	}


}

.banner-msg-ulay
	{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;	
	}