/* SLIDESHOW PAGE STYLES */


.slideshow #header-content {
    color: #FFFFFF;
    height: 640px;
    margin: 0 auto 2em;
    position: relative;
    top: 0;
    z-index: 900;
}

/* SLIDES STYLES */

div#slideshow {
    background: none repeat scroll 0 0 #003655;
    height: 640px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 99;
}
div#slideshow section.slide {
    background-attachment: fixed;
    height: 640px;
    position: relative;
}




/* CONTROLS */
div.controls {
    position: absolute;
    width: 100%;
}
div.controls .arrow {
    cursor: pointer;
    height: 120px;
    opacity: 0.2;
    position: absolute;
    top: 262px;
    width: 42px;
    z-index: 555;
}
div.controls .arrow:hover, div.controls .arrow:focus {
    opacity: 1;
}
div.controls .arrow.left {
    background: url("../../_images/slideshows/template/arrow-slider-left.png") no-repeat scroll 8px 50% #000000;
    border-radius: 0 4px 4px 0;
    color: #FFFFFF;
}
div.controls .arrow.right {
    background: url("../../_images/slideshows/template/arrow-slider-right.png") no-repeat scroll 14px 50% #000000;
    border-radius: 4px 0 0 4px;
    color: #FFFFFF;
    right: 0;
}
div.controls ul {
    left: 50%;
    margin-left: -480px;
    position: relative;
    top: 605px;
    z-index: 555;
}
div.controls ul li {
    background-color: #F9F9F9;
    border-radius: 6px 6px 6px 6px;
    clear: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 12px;
    margin: 0 6px;
    opacity: 0.6;
    width: 12px;
}
div.controls ul li:hover, div.controls ul li:focus {
    opacity: 1;
}
div.controls ul li.current {
    background-color: #0283C7;
    opacity: 1;
}



/* TEXT */

div#slideshow section.slide div.copy {
    left: 50%;
    position: absolute;
	top: 260px;
}
div#slideshow section.slide div.copy.left {
    margin-left: -480px;
}
div#slideshow section.slide div.copy.right {
    margin-left: 0;
}