@charset "utf-8";
/* CSS Document */

/* body and container */
body { padding: 0; margin: 0; background:#fff url(../images/BG.jpg) no-repeat top center; background-attachment:fixed;  text-align:center }
body#members { background:#2b0d34}

#container{ margin:0 auto; text-align:center; background:url(../images/bg-main.png) repeat-y top center  }

#header { background:url(../images/bg-header.png) no-repeat top center;  }

/*  menu */
#nav { background:url(../images/bg-nav.png) no-repeat top center; height:98px}
ul#nav { margin:0; padding:0; list-style-type:none; width:1070px;  margin:0 auto; }
ul#nav li{ margin:0; padding:0; list-style-type:none; float:left; display:block; height:72px;     }
ul#nav li a {  text-indent:-9999em; height:72px; width:152px; display:block; float:left; text-indent:-9999em}
ul#nav li a.home {  width:184px; background:url(../images/nav-home.jpg) no-repeat}
ul#nav li a.home:hover { background-position: 0 -72px}
ul#nav li a.photos {  background:url(../images/nav-photos.jpg) no-repeat;}
ul#nav li a.photos:hover { background-position: 0px -72px}
ul#nav li a.videos { background:url(../images/nav-videos.jpg) no-repeat}
ul#nav li a.videos:hover { background-position: 0px -72px}
ul#nav li a.webcam {  background:url(../images/nav-webcam.jpg) no-repeat}
ul#nav li a.webcam:hover { background-position: 0px -72px}
ul#nav li a.members {  background:url(../images/nav-members.jpg) no-repeat}
ul#nav li a.members:hover { background-position: 0px -72px}
ul#nav li a.join { background-position: -1108px 0; width:276px; background:url(../images/nav-join.gif) no-repeat}
/* -----------------------  */


#welcome { background:url(../images/bg-welcome.png) no-repeat bottom center; margin-top:-26px }
#welcome  .text { padding:0; margin:0; text-align:center; background:url(../images/welcome-top.jpg) no-repeat; height:150px; width:1070px; margin:0 auto; padding-top:23px;}
#trailer { text-align:center; background:url(../images/welcome-mid.jpg) no-repeat top center; height:350px; width:600px; padding:0 235px; margin:0 auto; }


#webcam { position:relative; z-index:0; width:1070px; margin:0 auto}
#schedule { position:absolute; z-index:1; top:135px; right:20px; text-align:center; width:200px; font-size:12px; color:#3a3a3a}
#schedule img { margin:5px 0}
#schedule p { margin:0px; padding:3px 0; display:block}
#btn { background:url(../images/bg-btn.png) no-repeat top center}





.supportLinks { margin:0; padding:70px 0 40px 0; background:url(../images/dot.jpg) repeat-x bottom; width:980px; margin:0 auto; }
.supportLinks a { color:#b000f2; text-decoration:none; line-height:30px}
.supportLinks a:hover { color:#fb90ff; text-decoration:underline}

ul#videosWrapper {  margin:0; padding:0; list-style-type:none; width:1070px; margin:0 auto }
ul#videosWrapper li {width:340px; display: inline-block; overflow:hidden; text-align:left; border:1px solid #4e4e4e; margin:2px; position:relative; z-index:0    }
ul#videosWrapper li:hover { border:1px solid #7d3865;   }


a.video-hover { width:340px; height:220px; display:block; position: absolute; z-index:1; cursor:pointer }
a.video-hover:hover { background:url(../images/videohover.png) no-repeat center;  }
a.video-hover, a.video-hover:hover { _background:none }

.video {width:340px; height:220px; position:relative; z-index:0}



a.btn-more-vids { background:url(../images/bg-more-pink.jpg) no-repeat}
a.btn-more-pics { background:url(../images/bg-more-purp.jpg) no-repeat}
a.btn-more-vids, a.btn-more-pics { width:1070px; height:114px; font:bold 30px/114px Arial, Helvetica, sans-serif; letter-spacing:-2px; text-align:left; text-indent:45px; display:block; color:#fff; text-decoration:none; margin:0 auto}
a.btn-more-vids:hover, a.btn-more-pics:hover { text-decoration: underline; color:#d2d2d2}


.picsWrapper img {  border:1px solid #4e4e4e; margin:4px;}
.picsWrapper img:hover {  border:2px solid #d200db; margin:3px;}

/*#pics { height: 400px; width: 267px; overflow: hidden; }



/* footer and copyrights */

#footer { background:url(../images/bg-footer.png) no-repeat top center; text-align:center  }

#copyr { background:#080808 url(../images/bg-copyr.jpg) repeat-x top center; width:970px; margin:0 auto; text-align:center; padding:10px 50px; font-size:18px; color:#fff;  }
#copyr a{ font-size:18px; margin:0 5px}

#footerLinks { background:url(../images/bg-footer-links.jpg) no-repeat; width:1070px; height:148px; margin:0 auto; position:relative; z-index:0}
#footerLinks a.join { background:url(../images/f-btn-j.gif) no-repeat center center; width:300px; height:100px; display:block; line-height:100px; text-align:left; text-indent:-9999em; position:absolute; z-index:1; top:15px; left:40px}

#footerLinks a.seeMore { background:url(../images/f-btn-jm.gif) no-repeat center center; width:300px; height:100px; display:block; line-height:100px; text-align:left; text-indent:-9999em; position:absolute; z-index:1; top:15px; right:40px}
/* -----------------------  */


.content { width:1070px; margin:0 auto; padding:40px 0;  text-align:center;  }



.input {  display:block; width:298px; height:100px; color:#fff; font-size:24px; font-weight:bold;  text-align: center; text-indent:-9999em; line-height:0; background:none; border:0 none; cursor:pointer; margin:40px 45px 0 45px; float:left }
.input2 {  display:block; width:298px; height:100px; color:#fff; font-size:24px; font-weight:bold;  text-align: center; text-indent:-9999em; line-height:0; background:none; border:0 none; cursor:pointer; margin:40px 45px 0 45px; float:right }

.input:hover, .input2:hover { text-decoration:underline; color:#ff9191}

.input {  background:url(../images/cc.png) no-repeat}
.input2 {  background:url(../images/dp.png) no-repeat }

/* -----------------------  */


/* align */
.align-center{ text-align:center}
.align-left{ float:left}
.align-right{ float:right}
.clear{ clear:both}



/* forms */
form, input, select{ margin:0; padding:0}

input[type="radio"] { margin:5px; }



/* text styles and headings */
body, td, div, input, textarea {font:normal 14px Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none; vertical-align: top;}
h1{ font: normal 36px Arial, Helvetica, sans-serif; color: #bd00ce; text-decoration:none ; margin:0; padding:0; letter-spacing:-2px; }
h2{ font: normal 30px Arial, Helvetica, sans-serif; color: #db00e2; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; }





p{ margin:0; padding:10px 0}


/* text sizes */
.txt18 { font-size:18px}
.uppercase { text-transform:uppercase}


/* links */
a {font: normal 18px Arial, Helvetica, sans-serif; color: #fe45ff; text-decoration:underline}
a:hover { color:#8901bc; text-decoration:none }
a img{ border:0}

span.jwmain span.jwcontrols{
	position: absolute;
	left: 0;
	right: 0;
}

span.jwmain span.jwvideo{
	position: absolute;
	left: 0;
	right: 0;
}
#mediaplayer_display .jwpreview {
    opacity: 1;
    visibility: visible;
    background-image: url(content.php?show=file&path=/videos/4028/thumb_2.jpg);
}
<style>…</style>
.jwplayer .jwexactfit {
    background-size: 100% 100% !important;
}
<style>…</style>
.jwdisplay .jwpreview {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: center center no-repeat;
    overflow: hidden;
}
<style>…</style>
.jwplayer, .jwplayer div, .jwplayer span, .jwplayer a, .jwplayer img, .jwplayer ul, .jwplayer li, .jwplayer video, .jwclick {
    color: rgb(0, 0, 0);
    vertical-align: baseline;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    font: inherit;
}
<style>…</style>
.jwplayer, .jwplayer div, .jwplayer span, .jwplayer a, .jwplayer img, .jwplayer ul, .jwplayer li, .jwplayer video, .jwclick {
    color: rgb(0, 0, 0);
    vertical-align: baseline;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    font: inherit;
}
.jwdisplay, .jwdisplay * {
    transition: opacity 0.25s, background-image 0.25s, color 0.25s;
}