* {
   margin:0px;
   padding:0px;
   ;
}

  body {
   background:#e1e1e1;
   letter-spacing:-1px;
   width:100%;
   position:absolute;
   top:0px;
   left:0px;
   bottom:0px;
   ;
}

   h1  {
   font-size: .8em;
   color: white;
   letter-spacing:-0.5px;
}

  h2  {
   font-size: 1em;
   color: white;
   outline:none;
}

  h3  {
   font-size: 3em;
   color: white;
}

  h4  {
   font-size: .9em;
   color: white;
   letter-spacing: 0px;
   line-height: 17px;
}

  h5  {
   font-size: 1em;
   color: white;
   outline:none;
}

  h6  {
   font-size: 1.5em;
   color: white;
   outline:none;
   letter-spacing:1px;
}

  h7  {
   font-size: 1em;
   color: white;
   outline:none;
   letter-spacing:1px;
}

  p a,  li a  {
   font-size: 1.5em;
   text-decoration: none;
   color: #c0c0c0;
   ;
}

  li a:hover  {
   font-size: 1.5em;
   text-decoration: underline;
   color: white;
}

  p a:hover, li h1 a:hover  {
   font-size: 1.5em;
   text-decoration: none;
   color: white;
}

  p a:hover  {
   font-size: 1.5em;
   color: white;
   ;
}

   /* First we set the four elements of our vignette to be on top no matter what and set their initial width and height which we'll overwrite in the next declarations. */ #top {
   height: 100%;
   position: absolute;
   z-index: 9;
   width: 100%;
   pointer-events:none;
   ;
}

  #top {
   min-height: 100%;
   min-width: 100%;
   pointer-events:none;
   -moz-box-shadow: inset 0 0 150px 5px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: inset 0 0 150px 5px rgba(0, 0, 0, 0.5);
   box-shadow: inset 0 0 150px 5px rgba(0, 0, 0, 0.5);
   z-index: 997;
}

  #sandbox {
   height: 100%;
   position: absolute;
   z-index: 8;
   width: 100%;
    ;
}

  .menu  {
   /* this cannot be too large */ width:200px;
   margin-top: 20px;
   margin-left: 20px;
   position:absolute;
   z-index: 999;
   ;
}

  .tickerbar  {
   /* this cannot be too large */ width:400px;
   margin-top: 27px;
   margin-left: 250px;
   position:absolute;
   z-index: 998;
   ;
}

  .about {
   //class to apply to your scroller(s) if desired  /* this cannot be too large */ color: white;
   letter-spacing:0px;
    width: 560px;
    padding: 10px;
    margin-left: 240px;
   margin-top: 75px;
   position: absolute;
   z-index: 999;
   background: rgba(67,97,125,.75);
   border-bottom-right-radius:2em;
     ;
}

.resume-main {
   //class to apply to your scroller(s) if desired  /* this cannot be too large */ color: white;
   letter-spacing:0px;
    width: 620px;
    height: 552px;
    margin-left: 240px;
   margin-top: 75px;
   padding: 10px;
   position: absolute;
   z-index: 999;
   background: rgba(67,97,125,1);
   border-bottom-right-radius:2em;
     ;
}

  .resume {
   //class to apply to your scroller(s) if desired  /* this cannot be too large */ color: white;
   letter-spacing:0px;
    width: 335px;
    margin-left: 550px;
   margin-top: 162.5px;
   position: absolute;
   z-index: 999;
     ;
}

   #domticker {
   width: 200px;
   height: 100px;
   border: 1px dashed black;
   padding: 5px;
   background-color: #FFFFCA;
    ;
}

  #domticker div {
   /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ background-color: #FFFFCA;
   width: 200px;
   height: 100px;
   border: 1px dashed black;
   padding: 5px;
   background-color: #FFFFCA;
   ;
}

  #domticker a {
   font-weight: bold;
   ;
}

  #domticker2 {
   width: 282px;
   height: 1.65em;
   background-color: gray;
    z-index: 998;
    position: fixed;
   top: 1.3em;
   right: 4em;
   color: #fff;
   overflow: hidden;
   ;
}

  #domticker2 a {

    ;
}

  #news-ticker {
    margin-top: 7px;
    margin-left: 10px;
  }

  .arrow-left  {
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent;
   border-right:13px solid gray;
    top: 1.3em;
   right: 21.6em;
    position:fixed;
   z-index: 998;
   ;
}

  .ticker {
    margin:0;
    list-style-type:none;
    padding-top: 3px;
    padding-left: 10px;
}
    .ticker li {
        line-height:1.5;
    }

.ticker-active {
    height:1.5em;
    overflow:hidden;
}
    .ticker-active li {
        display:none;
        overflow:hidden;
        white-space:nowrap;
    }

  .help  {
   width: 1.65em;
   height: 1.65em;
   background-color: gray;
    top: 1.3em;
   right: 2em;
    position:fixed;
   z-index: 999;
   ;
}

    .help-text  {
      margin-top: 2px;
      margin-left: 3px;

   }

  .info  {
   width: 1.65em;
   height: 1.65em;
    background-color: gray;
    top: 1.3em;
   right: 0em;
     position:fixed;
   z-index:999;
   ;
}

    .info-text  {
      margin-top: 2px;
      margin-left: 4px;
}

 .smpl-nav  {
   opacity:.5;
   -webkit-transition: opacity .5s;
   -moz-transition: opacity .5s;
   transition: opacity .5s;
   ;
}

 .smpl-nav:hover  {
   opacity:1;
   -webkit-transition: opacity .5s;
   -moz-transition: opacity .5s;
   transition: opacity .5s;
   background: rgba(67,97,125,0.75) ;
   border-bottom-right-radius:2em;
   margin: -10px;
   padding: 10px;
   color: #c0c0c0;
   ;
}

 .social  {
  opacity:.5;
   -webkit-transition: opacity .5s;
   -moz-transition: opacity .5s;
   transition: opacity .5s;
   position: absolute;
   display: block;
   right: 0px;
   bottom: 10px;
   width: 0px;
   height: 21px;
   overflow:hidden;
   z-index: 999;
   background-image: url("../images/social.png");
   background-size: 20px;
   background-position: 0% 1px;
   background-repeat: no-repeat no-repeat;
   padding-left: 30px;
}

 .social:hover  {
  opacity:1;
  -webkit-transition: opacity .5s;
   -moz-transition: opacity .5s;
   transition: opacity .5s;
   position: absolute;
   display: block;
   right: 5;
   bottom: 10;
   width: auto;
   overflow:visible;
   z-index: 999;
    background-image: url("../images/social.png");
   background-size: 20px;
   background-position: 0% 1px;
   background-repeat: no-repeat no-repeat;
   padding-left: 30px;
}

.icon-help {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.45em;
}

.icon-help:hover {
  color: #43617d;
  text-decoration: none;
  font-size: 1.45em;
}

.icon-info {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.3em;
}

.icon-info:hover {
  color: #43617d;
  text-decoration: none;
  font-size: 1.3em;
}