#splashOverlay { position:absolute; height:100%; width:100%; z-index:1000; background: #1a1a1a;}
#splashFloater { position:absolute; height:720px; width: 960px; opacity: 0;}
#splashCenter { position:absolute; height:720px; width: 960px; background: none;}

#splashOverlay, #splashCenter { display:block;}

.splashImage {
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:0;
opacity:0;
background-repeat: no-repeat;
background-position: center center;
}

#splashImage_1 {
background-image: url(../images/splash/main_en.png);
opacity:1;
}

#splashImage_2 {
background-image: url(../images/splash/anacapa_en.png);
}

#splashImage_3 {
background-image: url(../images/splash/guadalupe_en.png);
}

#splashImage_4 {
background-image: url(../images/splash/littlebarrier_en.png);
}

#splashBackToMain {
position:absolute;
width:150px;
height:50px;
top:100px;
left:100px;
background: #1a1a1a;
border: 1px solid #fff;
opacity:1;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

#exploreMap{
position:absolute;
width:190px;
height:46px;
right:20px;
bottom:90px;
z-index:100;
margin:0px 0px 0px 0px;
background: url(../images/splash/exploreMap_en.png);
background-repeat: no-repeat;
}

#exploreMapHover{
display:none;
position:relative;
width:190px;
height:46px;
cursor:hand;
cursor:pointer;
background-repeat: no-repeat;
}


.splash_island_content{
position:absolute;
width: 205px;
height: 200px;
z-index:101;

}

.splash_island_pt{
position:absolute;
width: 12px;
height: 12px;
cursor:hand;
cursor:pointer;
}

.splash_island_image{
position:absolute;
width: 150px;
height: 150px;
cursor:hand;
cursor:pointer;
}

#anacapa{
top: 71px;
right: 211px;
}
#anacapa_pt{
bottom: 0px;
left: 0px;
}
#anacapa_img{
top: 0px;
right: 0px;
}
#guadalupe{
top: 273px;
right: 207px;
}
#guadalupe_pt{

}
#guadalupe_img{
bottom: 0px;
right: 0px;
}
#lil_barrier{
bottom: 253px;
left: 201px;
}
#lil_barrier_pt{
bottom: 0px;
right: 0px;
}
#lil_barrier_img{

}

.language_circle {
position:absolute;
width:20px;
height:20px;
border-radius:20px;
line-height:20px;
display: table-cell;
text-align: center;
vertical-align: middle;
color:#fff;
background: #3c3c3c;
cursor:pointer;
cursor:hand;
font-family: Arial;
font-size: 11px;
}

#en_language_splash, #en_language_app{
left: 71px;
}

#es_language_splash, #es_language_app {
left: 98px;
background: #1c1c1c;
color: #666;
}

#splash_language_text, #app_language_text {
position:absolute;
width:60px;
height: 20px;
line-height: 20px;
text-align: right;
display: table-cell;
vertical-align: middle;
font-family: Arial, sans-serif;
font-size:11px;
color:#666;
}

#splashLanguageDiv, #appLanguageDiv{
position:absolute;
width:140px;
height:20px;
left:77px;
bottom:64px;
z-index:100;
margin:0px 0px 0px 0px;
}

#appLanguageDiv{
left:10px;
bottom:4px;
}

#splash_language {
position:absolute;
top:15px;
width:65px;
padding:5px 5px 10px 0px;
font-family: 'Archivo Narrow', sans-serif;
font-size:13px;
color:#fff;
background: #1a1a1a;
padding:5px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align: right;
border-bottom-left-radius: 6px;
-moz-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-o-border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-o-border-bottom-right-radius: 6px;
}

#splash_language_options {
opacity:0;
}

#splash_language  .links {
background-color:#1a1a1a;
padding: 3px 10px 3px 10px;
cursor:hand;
cursor:pointer;
}

.linksHovered {
background-color:#666666;
padding: 3px 10px 3px 10px;
cursor:hand;
cursor:pointer;
}

.link_arrow {
width:7px;
height:12px;
background:#1a1a1a url(../images/esri/spriteArrows.png) no-repeat 0px 5px;
float: left;
}

#splash_language_options {
position:absolute;
width:60px;
text-align: right;
font-family: 'Archivo Narrow', sans-serif;
font-size:13px;
color:#fff;
cursor:hand;
cursor:pointer;
}

.preload {
position:absolute;
overflow:hidden;
width:1px;
height:1px;
top:-9999px;
left:-9999px;
}

#preload1 {
background: url(../images/splash/anacapa_en.png) no-repeat -9999px -9999px;
}

#preload2 {
background: url(../images/splash/guadalupe_en.png) no-repeat -9999px -9999px;
}

#preload3 {
background: url(../images/splash/littlebarrier_en.png) no-repeat -9999px -9999px;
}

#preload4 {
background: url(../images/splash/exploreMapHover_en.png) no-repeat -9999px -9999px;
}

#preload5 {
background: url(../images/splash/anacapa_es.png) no-repeat -9999px -9999px;
}

#preload6 {
background: url(../images/splash/guadalupe_es.png) no-repeat -9999px -9999px;
}

#preload7 {
background: url(../images/splash/littlebarrier_es.png) no-repeat -9999px -9999px;
}

#preload8 {
background: url(../images/splash/exploreMap_es.png) no-repeat -9999px -9999px;
}

#preload9 {
background: url(../images/splash/exploreMapHover_es.png) no-repeat -9999px -9999px;
}

#preload10{
background: url(../images/splash/main_es.png) no-repeat -9999px -9999px;
}

#slideShowNav {
position:absolute;
bottom: 74px;
left:420px;
height:10px;
}

.circle {
position:absolute;
width:9px;
height: 9px;
top:4px; 
border-radius: 9px;
background: #3C3C3C;
cursor:hand;
cursor:pointer;
}

#slideShow_1 {
left: 28px;
background: #666;
}

#slideShow_2{
left: 48px;
}

#slideShow_3 {
left: 68px;
}

#slideShow_4 {
left: 88px;
}

.nav {
position:absolute;
width: 17px;
height:17px;
border-radius: 17px;
background-color: #3C3C3C;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor:hand;
cursor:pointer;
}

#splashLogos{
position:absolute;
width:540px;
height:50px;
left:220px;
bottom:0px;
z-index:100;
opacity:0.4;
}

#next {
left: 108px;
background-image: url(../images/splash/next.png);
background-position: 1px 0px;

}

#prev {
left: 0px;
background-image: url(../images/splash/prev.png);
background-position: -1px 0px;
}