﻿#slideshow {
    position: relative;
    /*height: auto;*/
}

#slideshow > DIV {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
}

#slideshow > DIV.active {
    z-index: 30;
}

#slideshow > DIV.last-active {
    z-index: 20;
}

#splash01 IMG, #splash02 IMG, #splash03 IMG, #splash04 IMG {
    position:absolute;
    top:0;
    right:0;
    /*width: 100%;
    height: auto;*/
}

#splash01, #splash02, #splash03, #splash04 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
}


#headline01 {
    position: absolute;
    top: 20px;
    left: 50px;
    z-index: 11;
}

#headline02 {
    position: absolute;
    top: -260px;
    left: 50px;
    z-index: 22;
}

#headline03 {
    position: absolute;
    top: -260px;
    left: 50px;
    z-index: 33;
}

#headline04 {
    position: absolute;
    top: -260px;
    left: 50px;
    z-index: 44;
}

#slideshow ul{
    list-style-image: url('/Images/check_marker.png');
    line-height: 1em;
}

#slideshow h1{
    font-weight: 400;
    font-size: 1.5em;
    margin-top: 0;
    padding-top: 0;
}

#slideshow h1 span{
    font-size: 2.2em;
    color: #fb3205;
}


.hero-indicator {
	width: 12px;
	height: 12px;
	color: #fff;
	/*background-color: #fb3205;*/
    background: rgba(251, 50, 5, 0.4);
	float: left;
	margin-right: 10px;
	/*border: 1px solid #fb3205;*/
	text-align: center;
	cursor: pointer;
}

.curr-hero-indicator {
	width: 12px;
	height: 12px;
	color: #fff;
	background-color: #fb3205;
	float: left;
	margin-right: 10px;
	text-align: center;
}


#indicator-container {
	position: absolute;
	z-index: 90;
	top: 265px;
	right: 20px;
    width: 150px;
    height: 30px;
}

.control {
  display:block;
  width:20px;
  height:20px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;

}
.activeLeftArr {
    background:transparent url('/Images/arr_left_s.png') no-repeat 0 0;
}

.inactiveLeftArr {
    background:transparent url('/Images/arr_left_s_gray.png') no-repeat 0 0;
}

.activeRightArr {
    background:transparent url('/Images/arr_right_s.png') no-repeat 0 0;
}

.inactiveRightArr {
    background:transparent url('/Images/arr_right_s_gray.png') no-repeat 0 0;
}

#leftControl {
  top:140px;
  left:5px;
  background:transparent url('/Images/arr_left_s.png') no-repeat 0 0;
}

#leftInactiveArr {
  top:140px;
  left:5px;
  background:transparent url('/Images/arr_left_s_gray.png') no-repeat 0 0;
}

#rightControl {
  top:140px;
  right:5px;
  background:transparent url('/Images/arr_right_s.png') no-repeat 0 0;
}

#rightInactiveArr {
  top:140px;
  left:255px;
  background:transparent url('/Images/arr_right_s_gray.png') no-repeat 0 0;
}


/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    #indicator-container {
	    position: absolute;
	    z-index: 90;
	    top: 275px;
	    left: 850px;
        width: 150px;
        height: 30px;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    #indicator-container {
	    position: absolute;
	    z-index: 90;
	    top: 265px;
	    left: 650px;
        width: 110px;
        height: 30px;
    }
}*/
