body {
  margin: 0px 0px 0px 0px;

  font-family: 'Open Sans', sans-serif;

  font-size: 100%;
  color: #ffffffc6;

  /* color: #f9f9f9; */

  background-color: #091214;
  /*;#080808; #CFCDAC;*/
  /* background-image: url('bbBackground.jpg'); */
  background: url('bbBackgroundBlur.jpg') no-repeat center fixed;

  /* background-image: linear-gradient(red, yellow); */
  /*background-repeat:repeat-x;*/
  /* background-repeat: no-repeat; */
  background-size: cover;
  /*height: 950px; */

  /*#F8FFF8; */
  text-decoration: none;
  font-weight: normal;
  line-height: normal;
}


p {
  font-size: 0.75em;
  margin: 0px;
}

p#pline {
  margin-top: 12px;
}

p#pline2 {
  margin-top: 8px;
}

p#visDetail {
  margin-top: 8px;
}

p.moreInfo {
  color: #585853;
}

div#left {

  float: left;
  width: 500px;
  height: 300px;

}

div#right {

  float: left;
  width: 500px;
  height: 300px;

}

div#content {
  position: absolute;

  left: 50%;
  margin-left: -450px;
  top: 15px;
  width: 50%;
  height: 1055px;
  /*background-color: #006b97;*/
  /*#F9F9F8; #CFCDAC; #292918;*/
}

.contentR {
  /* padding-top: 80px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 80px; */
  /*width:100%;*/
  overflow: hidden;
  position: absolute;

  left: 50%;
  margin-left: -474px;
  top: 15px;
  width: 940px;
  height: 860px;
  /* background-color: #323230; */
  /*#F9F9F8; #CFCDAC; #292918;*/
}

@media only screen and (max-width: 946px) {
  .contentR {
    height: 1500px;
    margin: auto;

    width: 100%;

    left: 0px;
    top: 15px;
  }

}

.dynVid {
  position: absolute;
  top: 50px;
  left: 30%;
  width: 60%;
  height: 60%;
  overflow: hidden;

}

div#example {
  position: absolute;
  top: 370px;
  left: 0px;
  height: 550px;
  width: 900px;
  /*border: solid 2px #E0E0E0;*/
  clear: both;
  overflow: none;
}

div#title {
  z-index: 500;
  position: absolute;
  top: 40px;
  left: 95px;
  /*center offset 65px + 30px*/
  width: 550px;
}

div#textcontent {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.75em;
  line-height: 20px;
  position: absolute;

  /* float: left; */
  /* max-width: 320px; */
  padding: 0px 20px;
  overflow: hidden;

  top: 80px;
  left: 30px;
  width: 400px;

}

div#textcontentRight {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.75em;
  line-height: 20px;
  position: absolute;

  /* float: left; */
  /* max-width: 320px; */
  /* margin-top: 53px; */
  top: 216px;
  left: 480px;
  width: 400px;
  padding: 0px 20px;
  overflow: hidden;

}

@media only screen and (max-width: 946px) {
  div#textcontent {
    top: 58px;
    margin: auto;

    margin-left: 18px;
    width: 350px;
  }

}


@media only screen and (max-width: 946px) {
  div#textcontentRight {
    top: 705px;
    margin: auto;
    margin-left: -432px;

    width: 350px;

    /* visibility: hidden;
    content-visibility: hidden; */
  }

}

/* Use a media query to add a breakpoint at 800px: */
/* @media screen and (max-width: 800px) {
  .contentR {
    padding-left: 5px;
  }

} */

/*.textcontentRight {
    margin-top: 15px;
  }
*/

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 946px) {
  *.textcontentRight {
    left: 30px;
    top: 645px;

  }
}


@media screen and (max-width: 950px) {
  .dynVid {
    left: 20%;
  }

}


div#videoR {
  position: absolute;

  top: 1000px;
}

div#textcontent2 {
  font-family: 'Open Sans', sans-serif;

  z-index: 500;
  position: absolute;
  top: 90px;
  left: 480px;
  /*center offset 450px + 30px*/
  width: 320px;
  font-size: 0.90em;
}

div#galleryImg {
  z-index: 500;
  position: absolute;
  top: 695px;
  left: 129px;
}

img#galleryImg {
  position: absolute;
  top: 0px;
  left: 0px;
}

div#cap2 {
  position: absolute;
  top: 788px;
  left: 30px;
  font-size: 0.90em;
}

div#cap1 {
  z-index: 200;
  position: absolute;
  top: 185px;
  left: 30px;
  font-size: 0.90em;
}

div#more {
  position: absolute;
  top: 918px;
  left: 30px;
  font-size: 0.90em;
}

img#bigStart {
  position: absolute;
  top: 0px;
  left: 0px;
}

#dynVidUpdate {
  width: 850px;
  height: 500px;
  /* height: 500px; */
}

@media only screen and (max-width: 946px) {
  #dynVidUpdate {
    width: 100%;

    /* padding-bottom: 0px; */
  }

}

div#video {
  z-index: 500;
  width: 800px;

  position: absolute;
  top: 938px;
  /*420px*/
  /* left: 30px;  */
  /*156px*/

  left: 50%;
  margin-left: -423px;
  padding-right: 10px;
  align-items: center;
}

@media only screen and (max-width: 946px) {
  div#video {
    top: 1480px;
    width: 88%;

    left: 6%;
    margin: auto;
  }

}

/* div#video {
  z-index: 500;

  position: absolute;
  top: 185px;
  /*420px*/
/* left: 135px; */
/*156px*/
/* font-size: 0.90em; */
/* } */

div#vis1 {
  z-index: 500;
  position: absolute;
  top: 155px;
  left: 70px;
  font-size: 0.90em;
}


div#info {
  z-index: 500;
  position: absolute;
  top: 1255px;
  left: 24px;
  font-size: 0.90em;
}


p#videoTitle {
  position: absolute;
  color: #585853;
  top: 1382px;
  left: 20px;
  width: 950px;
}

hr {
  width: 910px;
  position: absolute;

  top: 1390px;
  left: 20px;
  border-top: 1px dotted #9F9F9F;
  border-bottom: 1px solid #F9F9F9;
}

div#back {
  position: absolute;
  top: 10px;
  left: 30px;
  font-size: 0.75em;
}

a {
  color: #FFFFFF;
}

a:link {
  color: #FFFFFF;
  text-decoration: none;
}

a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

a:hover {
  color: #779999;
  text-decoration: underline;
}


a.info:link {
  color: #88CCCC;
  text-decoration: none;
}

a.info:visited {
  color: #88CCCC;
  text-decoration: none;
}

a.info:active {
  color: #88CCCC;
  text-decoration: underline;
}

a.info:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

p#copyright {
  position: absolute;
  margin-top: 150px;
  margin-left: 0px;
  padding-bottom: 10px;
  /*
  position: relative;
  top: 0px;
  left: 30px;*/
  /*
  position: absolute;
  bottom: 80px;
	left: 10px;
	z-index: 500;
	text-align: left;*/
  color: #999999;
  font-size: 0.65em;
  line-height: 15pt;
  overflow: hidden;
}

p#controls {

  line-height: 15pt;
}

span.emphasis {
  font-family: 'Crimson Text', serif;
  /*font-style:italic;*/
  color: #F9F9F9;
  /*#E9E9D0; */
  /*#FEFCD3; 585853;*/
  font-size: 2.10em;
  font-weight: normal;
}

span.emphasis-rt {
  color: #F9F9F9;

}

img#vg1,
#vg2 {
  border: #888888;
  border-width: 0px;
  border-style: solid;
  border-radius: 0cap;
  padding-top: 5rem;
}

@media only screen and (max-width: 946px) {
  img#vg1 {
    margin-top: -50px;

  }

}