.front_page{
    background-color: black;
    border-top: -5px;
}

.top_border {
    width: 100px;
    height: 100px;
    background: red;
}




.collapsible {
      background-color: #000;
      color: red;
      cursor: pointer;
      padding: 0px;
      width: 960px;
      border: none;
      text-align: center;
      outline: none;
      font-size: 0px;
      margin-top: -5px;
  }

  .active, .collapsible:hover {
      background-color: #000000;
  }

  .content {
      width: 960px;
      margin-top: -5px;
      display: none;
      overflow: visible;
      transition-duration: 5s;
      
  }
  
  .bottom {
     width: 960px;
     margin-top: -5px;
  }


#tv_container {
    background: url('ti1.jpg') no-repeat top left transparent;
    width: 960px; /* Adjust TV image width */
    height: 400px; /* Adjust TV image height */
    position: relative;
}
#tv_container video {
    position: absolute;
    top: 69px; /* Adjust top position */
    left: 274px; /* Adjust left position */
}

#tv_container2 {
    background: url('temp_topins.jpg') no-repeat top left transparent;
    width: 960px; /* Adjust TV image width */
    height: 400px; /* Adjust TV image height */
    position: relative;
}
#tv_container2 video {
    position: absolute;
    top: 69px; /* Adjust top position */
    left: 274px; /* Adjust left position */
}