* { margin: 0; padding: 0; background-repeat: no-repeat;}
 html, body { height: 100%; width: 100%; 
 	background-color: #000;
  background-repeat: no-repeat;
	} 




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

p{
	margin:5px,5px,5px,5px;
	padding: 5px,5px,5px,5px;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
	color: white;
	font: 0px/0px helvetica, arial, sans-serif;
	font-family: 'Oswald', sans-serif;
  height: 100%;
}

.hidden {
  display:none
} 

.ie-bg {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

.main {
	overflow: hidden;
	padding-top: 0px;
	position: relative;
	z-index: 10;
	height: 100%;
}

.home .main {
	width: 10500px;
	font-family: 'Oswald', sans-serif;
  height: 100%;
}
.section {
	display: block;
	margin: 0 0px 0px;
	position: relative;
	vertical-align: top;
	width: 1213px;
	height: 769px;
	z-index: 10;
	height: 100%;
}
.home .section {
	display: inline-block;
	margin: 0 0px;
	height: 100%;
}


 .mapPageBG {
 	
 	width:1104px;
 	height: 700px;
 	margin-left:.35ex;
 	margin-top:15px;
 	background-image: url('homepage/paper-background.jpg');
 	font-size: 90px;
 	position: absolute;
 	z-index: 11;
  background-repeat: no-repeat;
 }

 .mapLinesMain{
 	top: 40px;
 	left:160;
	width:806px;
 	height: 491px;
 	margin-top:20px;
 	background-image: url('homepage/map-cutout.png');
 	background-repeat: no-repeat; 
 	z-index: 12;
 	position: absolute;
 	vertical-align: top;
 }

  .mapLinesZibra{
  	margin-top:20px;
  	top: 470px;
 	left:810px;
	width:260px;
 	height: 164px;
 	background-image: url('homepage/zibra-island-cutout.png');
 	background-repeat: no-repeat; 
 	z-index: 12;
 	position: absolute;
 	vertical-align: top;
 }

  .paintChipsWest{
  	margin-top:20px;
 	top: 202px;
 	left:174px;
	width:140px;
 	height: 147px;
 	background-image: url('homepage/western-paint chip.png');
 	background-repeat: no-repeat; 
 	z-index: 13;
 	position: absolute;
 	vertical-align: top;
 }

  .paperChipsWest{
  	margin-top:20px;
 	top: 202px;
 	left:174px;
	width:140px;
 	height: 147px;
 	background-image: url('homepage/western-paper-chip.png');
 	background-repeat: no-repeat; 
 	z-index: 14;
 	position: absolute;
 	vertical-align: top;

 }
 .paintChipsZibra{
 	margin-top:20px;
 	top: 496px;
 	left:834px;
	width:202px;
 	height: 127px;
 	background-image: url('homepage/zibra-island-paint-chips.png');
 	background-repeat: no-repeat; 
 	z-index: 13;
 	position: absolute;
 	vertical-align: top;

 }

  .paperChipsZibra{
  	margin-top:20px;
 	top: 496px;
 	left:834px;
	width:202px;
 	height: 127px;
 	background-image: url('homepage/zibra-island-paper-chips.png');
 	background-repeat: no-repeat; 
 	z-index: 15;
 	position: absolute;
 	vertical-align: top;

 }


 .paintChipsSouthEastern{
 	margin-top:20px;
 	top: 294px;
 	left:691px;
	width:269px;
 	height: 200px;
 	background-image: url('homepage/south-eastern-paint-chips.png');
 	background-repeat: no-repeat; 
 	z-index: 13;
 	position: absolute;
 	vertical-align: top;

 }

  .paperChipsSouthEastern{
  	margin-top:20px;
 	top: 294px;
 	left:691px;
	width:269px;
 	height: 200px;
 	background-image: url('homepage/south-eastern-paper.png');
 	background-repeat: no-repeat; 
 	z-index: 15;
 	position: absolute;
 	vertical-align: top;

 }

 .paintChipsNorthern{
 	margin-top:20px;
 	top: 76px;
 	left:364px;
	width:401px;
 	height: 240px;
 	background-image: url('homepage/north-paint-chips.png');
 	background-repeat: no-repeat; 
 	z-index: 13;
 	position: absolute;
 	vertical-align: top;

 }

  .paperChipsNorthern{
 	margin-top:20px;
 	top: 76px;
 	left:364px;
	width:401px;
 	height: 240px;
 	background-image: url('homepage/north-paper.png');
 	background-repeat: no-repeat; 
 	z-index: 15;
 	position: absolute;
 	vertical-align: top;

 }
  .paintChipsMidEast{
 	margin-top:20px;
 	top: 259px;
 	left:313px;
	width:480px;
 	height: 266px;
 	background-image: url('homepage/mid-eastern-paint-chips.png');
 	background-repeat: no-repeat; 
 	z-index: 13;
 	position: absolute;
 	vertical-align: top;

 }

  .paperChipsMidEast{
 	margin-top:20px;
 	top: 259px;
 	left:313px;
	width:480px;
 	height: 266px;
 	background-image: url('homepage/mid-eastern-paper.png');
 	background-repeat: no-repeat; 
 	z-index: 15;
 	position: absolute;
 	vertical-align: top;

 }

  .titleBlock{
  	right:30px;
 	bottom:70px;
  	width:591px;
  	height:73px;
  	background-image: url('homepage/title.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

.titleBlock:hover{
    right:30px;
  bottom:70px;
    width:591px;
    height:73px;
    background-image: url('homepage/title-hover.png');
    position:fixed;
    z-index: 51;
  }
  .titleTrillopod{
  	right:1050px;
 	bottom:30px;
  	width:80px;
  	height:18px;
  	background-image: url('homepage/trillopod.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

    .titleTrillopod a{
      
    }

.titleTrillopod:hover {
  background-image: url('homepage/trillopod-active.png')
}

.titleTrillopod:active {
  background-image: url('homepage/trillopod-active.png')
}
  .titleSiolas{
  	right:975px;
 	bottom:30px;
  	width:52px;
  	height:18px;
  	background-image: url('homepage/siolas.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

  .titleSiolas:hover {
  background-image: url('homepage/siolas-active.png')
}

  .titleFluorescentDesert{
  	right:785px;
 	bottom:30px;
  	width:170px;
  	height:18px;
  	background-image: url('homepage/fluorescent-desert.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

  .titleFluorescentDesert:hover {
    background-image: url('homepage/fluorescent-desert-active.png')
  }

  .titleVacantCity{
  	right:655px;
 	  bottom:30px;
  	width:106px;
  	height:18px;
  	background-image: url('homepage/vacant-city.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

  .titleVacantCity:hover {
    background-image: url('homepage/vacant-city-active.png')
  }

  .titleEboaOcean{
  	right:538px;
 	  bottom:30px;
  	width:93px;
  	height:18px;
  	background-image: url('homepage/eboa-ocean.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

  .titleEboaOcean:hover {
  background-image: url('homepage/eboa-ocean-active.png')
}
  .titleZibraIsland{
  	right:415px;
 	bottom:30px;
  	width:103px;
  	height:18px;
  	background-image: url('homepage/zibra-island-title.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

  .titleZibraIsland:hover {
  background-image: url('homepage/zibra-island-title-active.png')
}
  .titleTheSkies{
  	right:315px;
 	bottom:30px;
  	width:80px;
  	height:18px;
  	background-image: url('homepage/the-skies.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

    .titleTheSkies:hover {
  background-image: url('homepage/the-skies-active.png')
}
  .titleFeverSwimmer{
  	 right: 160px;
 	bottom:30px;
  	width:131px;
  	height:18px;
  	background-image: url('homepage/fever-swimmer.png');
  	position:fixed;
  	z-index: 51;
    background-repeat: no-repeat;
  }

  .titleFeverSwimmer:hover {
  background-image: url('homepage/fever-swimmer-active.png')
}

  .titleGlacial{
     right: 30px;
  bottom:30px;
    width:106px;
    height:18px;
    background-image: url('homepage/glacial-reef-active.png');
    position:fixed;
    z-index: 51;
    background-repeat: no-repeat;
  }

  .titleGlacial:hover {
  background-image: url('homepage/glacial-reef.png')
}
 .navBar{
 	position:fixed;
 	bottom:15px;
 	right:0px;
 	width:100%;
 	height:150px;
 	z-index: 50;
 	background-repeat: no-repeat;
 	opacity: .8;
 	background-color: #111;

 }


.navBarLeft{
 	position:fixed;
 	bottom:60px;
 	left:70px;
 	width:170px;
 	height:45px;
 	z-index: 51;
 	background-repeat: no-repeat;
 	background-color: #eaff02;
 	-moz-border-radius: 10px;
	border-radius: 10px;

 }

 .navBarLeft:hover{
  position:fixed;
    bottom:60px;
  left:70px;
  width:170px;
  height:45px;
  z-index: 51;
  background-repeat: no-repeat;
  background-color: #CCC;
  -moz-border-radius: 10px;
  border-radius: 10px;

 }

  .navBarLeft p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 20px;
  margin:5px,5px,5px,5px;
   padding: 13px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  text-align: center;

 }
 .introText{
 	opacity: .8;
 	background-color: #eaff02;
 	width:430px;
 	height:440px;
 	z-index: 51;
 	top:50px;
 	left:750px;
 	position: absolute;
 	vertical-align: top;
 	-moz-border-radius: 10px;
	border-radius: 10px;
  display: none;

 }

 .introText p{ 
 	font-family: 'Cabin Condensed', sans-serif;
 	color: #333;
 	font-size: 16px;
 	margin:5px,5px,5px,5px;
 	 padding: 20px 20px ;
 	z-index: 52;
 	line-height: 1em;
 	font-weight: 400;

 }

 .introButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:50px;
  left:690px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}
.introButton:hover{background-image: url('plus.png');}
 .introClickMe{
  
  background-image: url('homepage/clickme.png');
  width:98px;
  height:18px;
  z-index: 52;
  top:65px;
  left:755px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}


 /* TRILLOPOD SECTION*/
 
 .TrilloBG {
 	
 	width:1100px;
 	height:650px;
 	left:1150px;
 	-moz-border-radius: 30px;
	border-radius: 30px;
	background-image: -moz-radial-gradient(center top, ellipse cover, #66CCFF, #0066CC, #000000 80%);
	background-image: -webkit-radial-gradient(center top, ellipse cover,#66CCFF, #0066CC, #000000 80%);
	background-image: -o-radial-gradient(center top, ellipse cover,#66CCFF, #0066CC, #000000 80%);
	background-image: -ms-radial-gradient(center top, ellipse cover,#66CCFF, #0066CC, #000000 80%);
	background-image: radial-gradient(center top, ellipse cover,#66CCFF, #0066CC, #000000 80%);
	background-attachment: relative;
	background-repeat: repeat-x;
 	top: 20px;
 	position: absolute;
 	z-index: 10;
 }

 .TrilloPageTitle{
  background-image: url('trillopod/trillo.png');
  width:127px;
  height:26px;
  z-index: 52;
  top:52px;
  left:1235px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

  .trilloText{
 	opacity: .9;
 	background-color: #ceeee5;
 	width:600px;
 	height:290px;
 	z-index: 12;
 	top:90px;
 	left:1235px;
 	position: absolute;
 	vertical-align: top;
 	-moz-border-radius: 10px;
	border-radius: 10px;
  overflow: hidden;

 }

  .trilloText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

   .trilloText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-top: 20px;
padding-right: 5px;
padding-bottom: 5px; 
 }

.trAudio{
  opacity: .9;
  background-color: #ceeee5;
  width:320px;
  height: 120px;
  top:90px;
  left: 1235px;
  z-index: 12;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
}

.trAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}

.trilloButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:40px;
  left:1180px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
 }

 .trilloButton:hover{ 
  background-image: url('plus.png');
}

 .trFloor{
 	background-image: url('trillopod/trillofloor2.png');
 	width:1100px;
 	height:134px;
 	left:1290px;
 	top:545px;
 	z-index: 13;
 	position: absolute;
 	background-repeat: no-repeat;
 }

  .trFloor2{
  background-image: url('trillopod/trillofloor.png');
  width:1110px;
  height:134px;
  left:1320px;
  top:575px;
  z-index: 12;
  position: absolute;
  background-repeat: no-repeat;
 }

 .trRock1{
 	background-image: url('trillopod/trillo-rightrock.png');
 	width:499px;
 	height:243px;
 	left:2300px;
 	top:515px;
 	z-index: 16;
 	position: absolute;
 	background-repeat: no-repeat;
 }

 .trTallSponge{
 	background-image: url('trillopod/tall-sponge.png');
 	width:168px;
 	height:448px;
 	left:2300px;
 	top:140px;
 	z-index: 12;
 	position: absolute;
 }

  .trRock2{
 	background-image: url('trillopod/back.png');
 	width:575px;
 	height:243px;
 	left:1310px;
 	top:390px;
 	z-index: 11;
 	position: absolute;
 }

  .trBranchSponge{
 	background-image: url('trillopod/spongefloor.png');
 	width:316px;
 	height:257px;
 	left:2000px;
 	top:340px;
 	z-index: 12;
 	position: absolute;
 }

 .trSpongeRock{
 	background-image: url('trillopod/tuberock.png');
 	width:254px;
 	height:210px;
 	left:2400px;
 	top:479px;
 	z-index: 14;
 	position: absolute;
 }
.trVase2{
 	background-image: url('trillopod/vase2.png');
 	width:152px;
 	height:239px;
 	left:1450px;
 	top:400px;
 	z-index: 13;
 	position: absolute;
 }
  .trVase1{
 	background-image: url('trillopod/vase1.png');
 	width:184px;
 	height:217px;
 	left:1850px;
 	top:440px;
 	z-index: 13;
 	position: absolute;
 }

  .trglassJelly{
 	background-image: url('trillopod/glass-sponge.png');
 	width:311px;
 	height:168px;
 	left:2260px;
 	top:520px;
 	z-index: 13;
 	position: absolute;
 }

.trUmbrella{
  background-image: url('trillopod/small-seaumbrella.png');
  width:166px;
  height:162px;
  left:2340px;
  top:425px;
  z-index: 12;
  position: absolute;
 }

.trFlower1{
  background-image: url('trillopod/sea-sponge.png');
  width:150px;
  height:138px;
  left:1650px;
  top:540px;
  z-index: 13;
  position: absolute;
 }

.trFlower2{
  background-image: url('trillopod/small-seaflower.png');
  width:131px;
  height:125px;
  left:2090px;
  top:550px;
  z-index: 13;
  position: absolute;
 }

 .trLittleRock{
  background-image: url('trillopod/little-rock.png');
  width:226px;
  height:106px;
  left:2580px;
  top:587px;
  z-index: 13;
  position: absolute;
 }

  /* Siolas SECTION*/
 
 .SiolasBG {
 	
 	width:1058px;
 	height:650px;
 	left:2280px;
 	top: 15px;
 	background-image: url('siolas/siolas-back.jpg');
 	position: absolute;
 	z-index: 11;
 }

 .SiolasTitleText{
  background-image: url('siolas/siolastitle.png');
  width:82px;
  height:26px;
  z-index: 13;
  top:38px;
  left:2640px;
  position: absolute;

}

 .SiolasAudio {

  position: absolute;

    opacity: .9;
  background-color: #cecac3;
  width:320px;
  height: 120px;
  top:75px;
  left: 2640px;
  z-index: 12;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .SiolasAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}


.SiolasButton{
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:25px;
  left:2580px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

.SiolasButton:hover{
  background-image: url('plus.png');
  }
.SiolasText{
    opacity: .9;
  background-color: #cecac3;
  width:450px;
  height:250px;
  z-index: 12;
  top:75px;
  left:2640px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .SiolasText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 5px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

   .SiolasText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
 }


.SiolasCR1{
  background-image: url('siolas/siolas-BigRock.png');
  width:348px;
  height:547px;
  left:2450px;
  top:130px;
  z-index: 14;
  position: absolute;
  background-repeat: no-repeat;
}

.SiolasCR2{
  background-image: url('siolas/siolas-cryRock2.png');
  width:471px;
  height:568px;
  left:3122px;
  top:97px;
  z-index: 12;  position: absolute;
  background-repeat: no-repeat;

}
.SiolasR1{
  background-image: url('siolas/siolas-rock1.png');
  width:265px;
  height:279px;
  left:3822px;
  top:390px;
  z-index: 15;
  position: absolute;
  background-repeat: no-repeat;
}

.SiolasR3{
  background-image: url('siolas/siolas-rock2.png');
  width:111px;
  height:142px;
  left:2600px;
  top:540px;
  z-index: 15;
  position: absolute;
  background-repeat: no-repeat;
}

.SiolasP1{
  background-image: url('siolas/siolas-pool1.png');
  width:465px;
  height:174px;
  left:3092px;
  top:500px;
  z-index: 14;
  position: absolute;
  background-repeat: no-repeat;

}
.SiolasP2{
  background-image: url('siolas/siolas-pool2.png');
  width:234px;
  height:137px;
  left:2782px;
  top:526px;
  z-index: 12;
  position: absolute;
  background-repeat: no-repeat;
}

.SiolasC1{
  background-image: url('siolas/siolas-cry.png');
  width:149px;
  height:178px;
  left:3502px;
  top:505px;
  z-index: 15;
  position: absolute;
  background-repeat: no-repeat;

}

.SiolasC2{
  background-image: url('siolas/siolas-cry1.png');
  width:79px;
  height:233px;
  left:4062px;
  top:440px;
  z-index: 15;
  position: absolute;
  background-repeat: no-repeat;

}

.SiolasC3{
  background-image: url('siolas/siolas-cry2.png');
  width:110px;
  height:307px;
  left:4000px;
  top:375px;
  z-index: 15;
  position: absolute;
  background-repeat: no-repeat;

}

.SiolasC4{
  background-image: url('siolas/siolas-cry4.png');
  width:153px;
  height:106px;
  left:3425px;
  top:560px;
  z-index: 14;
  position: absolute;
  background-repeat: no-repeat;

}

.SiolasC5{
  background-image: url('siolas/siolas-cry5.png');
  width:116px;
  height:270px;
  left:2372px;
  top:400px;
  z-index: 11;
  position: absolute;
  background-repeat: no-repeat;

}

.SiolasC6{
  background-image: url('siolas/siolas-cryRock1.png');
  width:256px;
  height:244px;
  left:4722px;
  top:425px;
  z-index: 15;
  position: absolute;
  background-repeat: no-repeat;

}





/*FluorescentDesert Section*/

  .FluorescentDesertBG {
 	width:1200px;
 	height:650px;
 	left:3380px;
 
	background-image: -moz-radial-gradient(center bottom, ellipse cover, #ffbdc8, #000000 80%);
	background-image: -webkit-radial-gradient(center bottom, ellipse cover, #ffbdc8, #000000 80%);
	background-image: -o-radial-gradient(center bottom, ellipse cover, #ffbdc8, #000000 80%);
	background-image: -ms-radial-gradient(center bottom, ellipse cover, #ffbdc8, #000000 80%);
	background-image: radial-gradient(center bottom, ellipse cover, #ffbdc8, #000000 80%);
	background-repeat: repeat-x;
	-moz-border-radius: 40px;
	border-radius: 40px;
 	top: 20px;
 	position: absolute;
 	z-index: 10;
  background-repeat: no-repeat;
 }

  .FDPageTitle{
  background-image: url('fluorescentdesert/fd-title3.png');
  width:269px;
  height:26px;
  z-index: 52;
  top:30px;
  left:3470px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

 .FDButton{
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:18px;
  left:3410px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .FDButton:hover{
  
  background-image: url('plus.png');
}

   .fdBack{
 	background-image: url('fluorescentdesert/FD-back-mountain.png');
 	width:1093px;
 	height:409px;
 	left:3822px;
 	top:261px;
 	z-index: 11;
 	position: absolute;
  background-repeat: no-repeat;
 }

 .FDText{
  opacity: .9;
  background-color: #6d1937;
  width:600px;
  height:320px;
  z-index: 12;
  top:70px;
  left:3470px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .FDText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #ccc;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .FDText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #ccc;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .FDAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #6d1937;
  width:320px;
  height: 120px;
  top:70px;
  left: 3470px;
  z-index: 12;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
  background-repeat: no-repeat;
 }

 .FDAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}
    .fdMid{
 	background-image: url('fluorescentdesert/fd-midmountain.png');
 	width:1017px;
 	height:339px;
 	left:4800px;
 	top:332px;
 	z-index: 12;
  background-repeat: no-repeat;
 	position: absolute;
 }

    .fdFore{
 	background-image: url('fluorescentdesert/fd-foremountain.png');
 	width:628px;
 	height:186px;
 	left:6000px;
 	top:485px;
 	z-index: 13;
  background-repeat: no-repeat;
 	position: absolute;
 }

   .fdPlant1{
 	background-image: url('fluorescentdesert/fd-plant1.png');
 	width:170px;
 	height:121px;
 	left:6400px;
 	top:550px;
 	z-index: 13;
  background-repeat: no-repeat;
 	position: absolute;
 }

   .fdPlant2{
 	background-image: url('fluorescentdesert/fd-plant2.png');
 	width:154px;
 	height:257px;
 	left:5950px;
 	top:400px;
 	z-index: 12;
  background-repeat: no-repeat;
 	position: absolute;
 }

 .fdPlant3{
 	background-image: url('fluorescentdesert/plant3.png');
 	width:161px;
 	height:214px;
 	left:7940px;
 	top:456px;
 	z-index: 13;
  background-repeat: no-repeat;
 	position: absolute;
 }

  .fdRock1{
 	background-image: url('fluorescentdesert/movieRock1.gif');
 	width:100px;
 	height:230px;
 	left:6750px;
 	top:440px;
 	z-index: 12;
  background-repeat: no-repeat;
 	position: absolute;
 }

  .fdRock2{
 	background-image: url('fluorescentdesert/movieRock2.gif');
 	width:100px;
 	height:50px;
 	left:6550px;
 	top:620px;
 	z-index: 14;
  background-repeat: no-repeat;
 	position: absolute;
 }
   .fdRock3{
 	background-image: url('fluorescentdesert/movieRock3.gif');
 	width:100px;
 	height:110px;
 	left:6180px;
 	top:560px;
 	z-index: 12;
 	position: absolute;
  background-repeat: no-repeat;
 }
 /*Vacant City Section*/
.VacantCityBG {
 	
 	width:1600px;
 	height:650px;
 	left:4650px;
 	top: 20px;
 	background-image: url('vacantcity/vacant-city-back.jpg');
 	position: absolute;
 	z-index: 12;
 	background-repeat: no-repeat;
 } 

 

  .VacantCityPageTitle{
  background-image: url('vacantcity/vc-title.png');
  width:170px;
  height:26px;
  z-index: 52;
  top:47px;
  left:4830px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

  .VacantCityButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:35px;
  left:4775px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .VacantCityButton:hover{
  
  background-image: url('plus.png');
}

  .VacantCityText{
  opacity: .9;
  background-color: #eaff02;
  width:600px;
  height:230px;
  z-index: 13;
  top:80px;
  left:4830px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .VacantCityText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 14;
  line-height: 1em;
  font-weight: 400;
 }

 .VacantCityText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .VacantCityAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #eaff02;
  width:320px;
  height: 120px;
  top:80px;
  left: 4830px;
  z-index: 16;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .VacantCityAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}

  .VacantCityBack1 {
 	
 	width:1201px;
 	height:620px;
 	left:5100px;
 	top: 170px;
 	background-image: url('vacantcity/vc-back.png');
 	position: absolute;
 	z-index: 12;
 	background-repeat: no-repeat;
 }

  .VacantCityMid1 {
 	
 	width:1948px;
 	height:567px;
 	left:5490px;
 	top: 212px;
 	background-image: url('vacantcity/vc-mid1.png');
 	position: absolute;
 	z-index: 13;
 	background-repeat: no-repeat;
 }

  .VacantCityMid2 {
 	
 	width:1303px;
 	height:370px;
 	left:7400px;
 	top: 370px;
 	background-image: url('vacantcity/vc-mid2.png');
 	position: absolute;
 	z-index: 14;
 	background-repeat: no-repeat;
 }

  .VacantCityMid3 {
 	
 	width:1948px;
 	height:567px;
 	left:8970px;
 	top: 307px;
 	background-image: url('vacantcity/vc-mid3.png');
 	position: absolute;
 	z-index: 15;
 	background-repeat: no-repeat;
 }

   .VacantCityMid4 {
 	
 	width:800px;
 	height:307px;
 	left:9900px;
 	top: 422px;
 	background-image: url('vacantcity/vc-mid4.png');
 	position: absolute;
 	z-index: 16;
 	background-repeat: no-repeat;
 }

  .VacantCityFront {
 	
 	width:171px;
 	height:325px;
 	left:10810px;
 	top: 407px;
 	background-image: url('vacantcity/vc-front.png');
 	position: absolute;
 	z-index: 17;
 	background-repeat: no-repeat;
 }


  .EboaOceanBG {
 	
 	width:1200px;
 	height:650px;
 	left:6050px;
 	top: 20px;
 	-moz-border-radius: 30px;
	border-radius: 30px;
 	background-color:#000066;
	background-image: -moz-radial-gradient(center top, ellipse cover, #000055, #000000 60%);
	background-image: -webkit-radial-gradient(center top, ellipse cover, #000055, #000000 60%);
	background-image: -o-radial-gradient(center top, ellipse cover, #000055, #000000 60%);
	background-image: -ms-radial-gradient(center top, ellipse cover, #000055, #000000 60%);
	background-image: radial-gradient(center top, ellipse cover, #000055, #000000 60%);
 	position: absolute;
 	z-index: 10;
 }

  .EOPageTitle{
  background-image: url('eboaocean/eo-title.png');
  width:147px;
  height:26px;
  z-index: 52;
  top:52px;
  left:6310px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

   .EOButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:40px;
  left:6245px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .EOButton:hover{
  
  background-image: url('plus.png');
}


   .EOText{
  opacity: .9;
  background-color: #000055;
  width:600px;
  height:225px;
  z-index: 51;
  top:90px;
  left:6310px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .EOText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #ccc;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .EOText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #ccc;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .EOAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #000055;
  width:320px;
  height: 120px;
  top:90px;
  left: 6310px;
  z-index: 51;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .EOAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}


.EO-Blip1-2 {
  width:76px;
  height:70px;
  left:7510px;
  top: 150px;
 background-image: url('eboaocean/blip1-2.gif');
 background-repeat: no-repeat;
  position: absolute;
  z-index: 13;
 }

 .EO-Blip1-3 {
  width:36px;
  height:36px;
  left:7170px;
  top: 580px;
 background-image: url('eboaocean/blip1-3.gif');
 background-repeat: no-repeat;
  position: absolute;
  z-index: 13;
 }

 .EO-Blip1-4 {
  width:36px;
  height:45px;
  left:7670px;
  top: 510px;
 background-image: url('eboaocean/blip1-4.gif');
  position: absolute;
  z-index: 12;
  background-repeat: no-repeat;
 }

 .EO-ObeliaDrop {
  width:20px;
  height:120px;
  left:6500px;
  top: 350px;
 background-image: url('eboaocean/obeliadrop.gif');
  position: absolute;
  z-index: 12;
  background-repeat: no-repeat;
 }
 .EO-Obelia {
  width:186px;
  height:185px;
  left:8300px;
  top: 370px;
 background-image: url('eboaocean/biolum1.gif');
  position: absolute;
  z-index: 11;
  background-repeat: no-repeat;
 }

  .EO-Flash {
  width:124px;
  height:80px;
  left:6600px;
  top: 560px;
 background-image: url('eboaocean/littleflash.gif');
  position: absolute;
  z-index: 11;
  background-repeat: no-repeat;
 }

   .EO-Shrimp {
  width:300px;
  height:80px;
  left:7550px;
  top: 580px;
 background-image: url('eboaocean/shrimp.gif');
  position: absolute;
  z-index: 14;
  background-repeat: no-repeat;
 }


 /*Zibra Island Section*/

.ZibraIslandBG {
 	width:1173px;
 	height:650px;
 	left:7270px;
 	top: 20px;
 background-image: url('zibraisland/zibra-bg.jpg');
 background-repeat: no-repeat;
 	position: absolute;
 	z-index: 12;
 }

  .ZIPageTitle{
  background-image: url('zibraisland/zi-title.png');
  width:166px;
  height:26px;
  z-index: 52;
  top:52px;
  left:7600px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

   .ZIButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:40px;
  left:7540px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .ZIButton:hover{
  
  background-image: url('plus.png');
}
  .ZIText{
  opacity: .9;
  background-color: #eaff02;
  width:600px;
  height:285px;
  z-index: 15;
  top:90px;
  left:7600px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .ZIText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .ZIText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .ZIAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #eaff02;
  width:320px;
  height: 120px;
  top:90px;
  left: 7600px;
  z-index: 15;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .ZIAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}
.ZILines1 {
  width:275px;
  height:560px;
  left:8720px;
  top: 20px;
 background-image: url('zibraisland/z1-lines1.png');
  position: absolute;
  z-index: 13;
  background-repeat: no-repeat; 
 }

.ZILines2 {
  width:429px;
  height:428px;
  left:8990px;
  top: 102px;
 background-image: url('zibraisland/z1-lines2.png');
  position: absolute;
  z-index: 13;
  background-repeat: no-repeat; 
 }

.ZI1 {
  width:406px;
  height:407px;
  left:9570px;
  top: 85px;
 background-image: url('zibraisland/zi-1.png');
  position: absolute;
  background-repeat: no-repeat; 
  z-index: 14;
 }

 .ZI2 {
  width:406px;
  height:401px;
  left:8920px;
  top: 258px;
 background-image: url('zibraisland/zi-2.png');
 background-repeat: no-repeat; 
  position: absolute;
  z-index: 14;
 }

 .ZI3 {
  width:269px;
  height:532px;
  left:10470px;
  top: 35px;
 background-image: url('zibraisland/zi-3.png');
  position: absolute;
  z-index: 14;
  background-repeat: no-repeat; 
 }




/*The Skies Section*/

   .TheSkiesBG {
 	
 	width:1400px;
 	height:750px;
 	left:8500px;
 	top: 20px;
 	background-image: url('theskies/skies-bg.jpg');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 12;
 }

  .TheSkiesPageTitle{
  background-image: url('theskies/theskies-title.png');
  width:127px;
  height:26px;
  z-index: 52;
  top:52px;
  left:8600px;
  position: absolute;
  vertical-align: top;

 }

   .TheSkiesButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:40px;
  left:8540px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .TheSkiesButton:hover{
  
  background-image: url('plus.png');
}
   .TheSkiesText{
  opacity: .9;
  background-color: #fee3c8;
  width:600px;
  height:205px;
  z-index: 51;
  top:90px;
  left:8600px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .TheSkiesText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .TheSkiesText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .TheSkiesAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #fee3c8;
  width:320px;
  height: 120px;
  top:90px;
  left: 8600px;
  z-index: 51;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .TheSkiesAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}

 .TheSkiesMov1 {
 	
 	width:300px;
 	height:100px;
 	left:9960px;
 	top: 60px;
 	background-image: url('theskies/skies-mov1.gif');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 13;
 }

 .TheSkiesMov2 {
 	
 	width:500px;
 	height:50px;
 	left:9900px;
 	top: 240px;
 	background-image: url('theskies/skies-mov2.gif');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 13;
 }

 .TheSkiesMov3 {
 	
 	width:600px;
 	height:150px;
 	left:11000px;
 	top: 440px;
 	background-image: url('theskies/skies-mov3.gif');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 13;
 }

 .TheSkiesMov4 {
 	
 	width:100px;
 	height:100px;
 	left:12800px;
 	top: 530px;
 	background-image: url('theskies/skies-mov4.gif');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 13;
 }

  .TheSkiesMov5 {
 	
 	width:120px;
 	height:80px;
 	left:13900px;
 	top: 290px;
 	background-image: url('theskies/skies-mov5.gif');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 13;
 }

 .TheSkiesTri1 {
 	
 	width:400px;
 	height:248px;
 	left:9030px;
 	top: 190px;
 	background-image: url('theskies/skies-1.png');
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 12;
 }

  .TheSkiesTri2 {
  
  width:400px;
  height:248px;
  left:11030px;
  top: 330px;
  background-image: url('theskies/skies-2.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 12;
 }


  .TheSkiesTri4 {
  
  width:400px;
  height:248px;
  left:15530px;
  top: 190px;
  background-image: url('theskies/skies-4.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 12;
 }

  .TheSkiesTri5 {
  
  width:400px;
  height:248px;
  left:17930px;
  top: 350px;
  background-image: url('theskies/skies-5.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 15;
 }

  .TheSkiesTri6 {
  
  width:400px;
  height:248px;
  left:19030px;
  top: 100px;
  background-image: url('theskies/skies-6.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 15;
 }

  .TheSkiesTri7 {
  
  width:400px;
  height:248px;
  left:18900px;
  top: 410px;
  background-image: url('theskies/skies-7.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 14;

 }




.FeverSwimmerBG {
 	
 	width:1400px;
 	height:650px;
 	left:9740px;
 	top: 10px;
 	background-image: url('feverswimmer/fever-swimmer-bg.jpg');
 	position: absolute;
 	z-index: 12;
 	background-repeat: no-repeat;
 }

  .FeverPageTitle{
  background-image: url('feverswimmer/fever-swimmer-title.png');
  width:206px;
  height:48px;
  z-index: 52;
  top:52px;
  left:9840px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

.FeverButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:40px;
  left:9780px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .FeverButton:hover{
  
  background-image: url('plus.png');
}

  .FeverText{
  opacity: .9;
  background-color: #eaff02;
  width:450px;
  height:330px;
  z-index: 51;
  top:110px;
  left:9840px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .FeverText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .FeverText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .FeverAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #eaff02;
  width:320px;
  height: 120px;
  top:110px;
  left: 9840px;
  z-index: 51;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .FeverAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}
.FeverPhoto1 {
  
  width:485px;
  height:275px;
  left:10540px;
  top: 220px;
  z-index: 12;
  position: absolute;
  background-image: url('feverswimmer/studio1.png');
  background-repeat: no-repeat;
 }

 .FeverPhoto2 {
  
  width:349px;
  height:200px;
  left:11540px;
  top: 430px;
  z-index: 12;
  position: absolute;
  background-image: url('feverswimmer/studio2.png');
  background-repeat: no-repeat;
 
}

 .FeverPhoto3 {
  
  width:534px;
  height:191px;
  left:11240px;
  top: 440px;
  z-index: 12;
  position: absolute;
  background-image: url('feverswimmer/studio3.png');
  background-repeat: no-repeat;
 
 }

  .FeverPhoto4 {
  
  width:250px;
  height:384px;
  left:11940px;
  top: 70px;
  z-index: 12;
  position: absolute;
  background-image: url('feverswimmer/feverkeyboard.png');
  background-repeat: no-repeat;
 
}


  .FeverTune1 {
  
  width:146px;
  height:178px;
  left:9740px;
  top: 10px;
  background-image: url('feverswimmer/fever-swimmer-bg.jpg');
  position: absolute;
  z-index: 12;
  background-repeat: no-repeat;
 }

  .FeverTune2 {
  
  width:145px;
  height:158px;
  left:9740px;
  top: 10px;
  background-image: url('feverswimmer/fever-swimmer-bg.jpg');
  position: absolute;
  z-index: 12;
  background-repeat: no-repeat;
 }

  .FeverTune3{
  
  width:151px;
  height:163px;
  left:9740px;
  top: 10px;
  background-image: url('feverswimmer/fever-swimmer-bg.jpg');
  position: absolute;
  z-index: 12;
  background-repeat: no-repeat;

 }

  .FeverVideo {
  opacity: .9;
  background-color: #eaff02;
  width:513px;
  height:388px;
  z-index: 41;
  top:40px;
  left:11070px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
 }

.FeverVideo iframe {
  margin:3px,3px,3px,3px;
   padding: 8px 8px ;
  z-index: 42;
}





.GlacialBG {

    width:1000px;
  height:640px;
  top: 22px;
    left:10930px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color:#000066;
  background: #adc4ca; /* Old browsers */
background: -moz-linear-gradient(top, #adc4ca 0%, #eed8ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adc4ca), color-stop(100%,#eed8ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #adc4ca 0%,#eed8ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #adc4ca 0%,#eed8ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #adc4ca 0%,#eed8ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #adc4ca 0%,#eed8ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adc4ca', endColorstr='#eed8ef',GradientType=0 ); /* IE6-9 */
  position: absolute;
  z-index: 10;
 }
  



  .GlacialPageTitle{
  background-image: url('glacialbay/glacial-reef-title.png');
  width:206px;
  height:48px;
  z-index: 52;
  top:52px;
  left:11040px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;

 }

.GlacialButton{
  
  background-image: url('plus-active.png');
  width:50px;
  height:50px;
  z-index: 52;
  top:40px;
  left:10980px;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
}

  .GlacialButton:hover{
  
  background-image: url('plus.png');
}

 .GlacialButton:active{
  
  background-image: url('minus.png');
}

  .GlacialText{
  opacity: .9;
  background-color: #c5c5c5;
  width:450px;
  height:190px;
  z-index: 51;
  top:90px;
  left:11040px;
  position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;

 }

  .GlacialText p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 16px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .GlacialText h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .GlacialAudio {

  position: absolute;
  z-index: 13;
    opacity: .9;
  background-color: #c5c5c5;
  width:320px;
  height: 120px;
  top:90px;
  left: 11040px;
  z-index: 51;
  position: absolute;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
 }

 .GlacialAudio iframe {
  margin:3px,3px,3px,3px;
   padding: 10px 10px ;
  z-index: 52;
}
.Glacial1 {
  
  width:850px;
  height:647px;
  left:10990px;
  top: 15px;
  z-index: 12;
  position: absolute;
  background-image: url('glacialbay/glacier-layer1.png');
  background-repeat: no-repeat;
 }

 .Glacial2 {
  
  width:900px;
  height:516px;
  left:12160px;
  top: 146px;
  z-index: 12;
  position: absolute;
  background-image: url('glacialbay/glacier-layer2.png');
  background-repeat: no-repeat;
 
}

 .Glacial3 {
  
  width:402px;
  height:347px;
  left:13780px;
  top: 320px;
  z-index: 12;
  position: absolute;
  background-image: url('glacialbay/glacier-layer3.png');
  background-repeat: no-repeat;
 
 }

  .Glacial4 {
  
  width:212px;
  height:212px;
  left:13900px;
  top: 450px;
  z-index: 12;
  position: absolute;
  background-image: url('glacialbay/glacier-layer4.png');
  background-repeat: no-repeat;
 
}

.CreditsBG {
 	width:1400px;
 	height:800px;
 	left:10960px;
 	top: 5px;
 	position: absolute;
 	z-index: 12;
 	background-repeat: no-repeat;
 }

 .CreditsTitle {
  width:350px;
  height:94px;
  left:12000px;
  top: 45px;
  background-image: url('credits/credits-title.png');
  position: absolute;
  z-index: 14;
  background-repeat: no-repeat;
 }

  .CreditsMPcom {
  width:353px;
  height:42px;
  left:12605px;
  top: 45px;
  background-image: url('credits/micropangaeacom.png');
  position: absolute;
  z-index: 14;
  background-repeat: no-repeat;
 }

  .CreditsAckTitle {
  width:315px;
  height:33px;
  left:12625px;
  top: 370px;
  background-image: url('credits/acknowledgements.png');
  position: absolute;
  z-index: 15;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
 }

 .CreditsAlbum {
  width:600px;
  height:650px;
  left:11960px;
  top: 25px;
    opacity: .9;
  background-color: #eaff02;
    position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
    z-index: 13;
    text-align: left;

 }

   .CreditsAlbum p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
 }

 .CreditsAlbum h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 20px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
 }

  .CreditsWebsite {
  width:400px;
  height:320px;
  left:12580px;
  top: 25px;
    opacity: .9;
  background-color: #eaff02;
    position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 13;


 }

   .CreditsWebsite  p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
    text-align: center;
 }

 .CreditsWebsite  h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 20px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
    text-align: center;
 }

 a:link {color:#333; text-decoration: none;}      /* unvisited link */
a:visited {color:#333;}  /* visited link */
a:hover {color:#ff3d01;}

   .CreditsAcknowledgements {
  width:400px;
  height:316px;
left:12580px;
  top: 360px;
    opacity: .9;
  background-color: #eaff02;
    position: absolute;
  vertical-align: top;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 13;
 }

  .CreditsAcknowledgements p{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 18px;
  margin:5px,5px,5px,5px;
   padding: 10px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 400;
  text-align: center;
 }

 .CreditsAcknowledgements h3{ 
  font-family: 'Cabin Condensed', sans-serif;
  color: #333;
  font-size: 24px;
  margin:5px,5px,5px,5px;
   padding: 20px 20px ;
  z-index: 52;
  line-height: 1em;
  font-weight: 500;
  padding-bottom: 0px;
  text-align: center;
 }