select {
display: none;
}

#over {
     background: url(../vids_images/shadowlight.gif) repeat;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 100;
     width: 100%;
     height: 100%;
     margin: 0;
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
     -moz-opacity:0.80;
     -khtml-opacity:0.80;
     }

#karla_box {
color:#FFFFFF;
    height: 600px;
    overflow: none;
    border: 5px ridge #ccc;
    z-index: 150;
    background:#984A9E url(../vids_images/bg_karla.jpg);
;    background-repeat: repeat-x;
    position: relative;
    padding: 10px;
    top: -5px; /* these two define the shadow 'offset'*/
    left: -5px; /*...*/
     }

#al_box {
color:#FFFFFF;
    height: 600px;
    overflow: none;
    border: 5px ridge #ccc;
    z-index: 150;
    background:#4B619F url(../vids_images/bg_al.jpg);
    background-repeat: repeat-x;
    position: relative;
    padding: 10px;
    top: -5px; /* these two define the shadow 'offset'*/
    left: -5px; /*...*/
     }

#box, #box2 {
    color:#FFFFFF;
    height: 600px;
    overflow: none;
    border: 5px ridge #ccc;
    z-index: 150;
    background:#303030 url(../vids_images/bg.jpg);
    background-repeat: repeat-x;
    position: relative;
    padding: 10px;
    top: -5px; /* these two define the shadow 'offset'*/
    left: -5px; /*...*/
     }

.sh {position: absolute;
    top:100px;
     z-index: 1000;
    width: 450px;
     right: 30%;
     background: url(../vids_images/shadow.png) repeat !important;
     background: url(../vids_images/shadowlight.gif) repeat;
     }
.bar {background: #ddd;
      text-align: right;
      margin: -5px;
      padding: 5px }

h1 {
    color:#FFFFFF;
}