/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

@font-face {
font-family: "Symantec Sans";
font-style: normal;
font-weight: normal;
src: url("_fonts/SA.otf") format("opentype");
}

@font-face {
font-family: "Symantec Bold";
font-style: normal;
font-weight: normal;
src: url("_fonts/SABDSM.otf") format("opentype");
}

@font-face {
font-family: "Symantec Sans Light";
font-style: normal;
font-weight: normal;
src: url("_fonts/SALT.otf") format("opentype");
}


h2 {
font-family: "Symantec Sans Medium", Verdana, Geneva, sans-serif;
font-weight: normal;
}


.BannerContainer {


width: 100%;
height: 100%;
position: relative;
z-index: 50;

}

.Banner {
width: 960px;
height: 86px;
float: left;
background: url('../_images/TopBar3.png');
position: relative;
z-index: 50;

}

.BannerRight {  
  overflow: hidden;
  width: 50%;   
/*min-width:15px;*/
  height: 86px;   
  float: right;   
  position:relative; 
  
  margin-left: 960px;

/*  margin-top: -87px;   */
  background: url('../_images/TopBarRepeat_x.png'); 
  background-repeat: repeat-x; 
  
  z-index: 49;
}



li {

    margin: 1em 0 1em 0;
      list-style-type:none;
      font-family: "Symantec Sans Medium", Verdana, Geneva, sans-serif;

}

.nav {
text-decoration: none;
color: black;

}

#home {
margin-top: 1em;
}



a:hover   {color:rgb(45,52,140);
 list-style:circle;

} 
a:active  {color:rgb(255,194,14);
  list-style:circle;

}


.GlobalWrap {

  margin-left: auto;
  margin-right: auto;

  width: 100%;
/*  width: 960px;*/

}
#spacer {
  visibility:hidden;
}
.buttonContainer {
    
margin-top: -16px;
    width: 14em;
    height: 600px;
    position: relative;
    background: url('../_images/gradient.png');
background-repeat: repeat-x;
z-index: 10;

}

.mouseCntrl {
  margin-top: 15px;
  margin-left: -26px;
}

.WebGLWrapper {
/*  margin-top: -16px;*/
background: url('../_images/gradient.png');
background-repeat: repeat-x;
height: 100%;
z-index: -100;
}

.webGL {
float: left;
width: 100%;
height: 900px;
/*height: 90%;*/
/*margin-right: auto;
margin-left: auto;*/

position: relative;
margin-top: -785px;
margin-left: -200px;
padding-right: 200px;
background: url('../_images/gradient.png');
background-repeat: repeat-x;
z-index: 3;

}


#loadStatus {
  margin-left: 0px;
  margin-top: -551px;
  display: block;
  position: absolute;
z-index: 100;
	

}

#overlay {
	border:none;
	position:absolute;
  z-index: 150;
}

.footer {
  height: 5em;
  width: 100%;
  background-color: none;
  position: relative;
  display: inline-block;
  text-align: center 
}

.footerParagraph {
font-family: "Symantec Sans Medium", Verdana, Geneva, sans-serif;
font-weight: normal;
font-size:.75em;
margin-top: -2em;
}

.footerSmallParagraph {
  font-family: "Symantec Sans Medium", Verdana, Geneva, sans-serif;
font-weight: normal;
font-size:.75em;
text-decoration: none;
margin-top: 100px;
color:rgb(200,200,200);
}

.footerlink {
text-decoration: none;
color:rgb(200,200,200);
}