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

/* tables */
body { padding: 0; margin: 0; font:normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; background:#202122 url(../images/bg.jpg) repeat-y top center }
#container{ width:980px; margin:0 auto; background:#000; }

/* header with flash and menu */
#header{ width:980px; height:380px; margin:0 auto; background:url(../images/header.jpg) no-repeat top center; clear:both}
#flash{ width:160px; height:380px; float:right; display:block}

#top-nav{ width:980px; height:96px; clear:both}
#top-nav div{ float:left}
#top-nav .nav-homepage a{ width:173px; height:96px; background: url(../images/nav-homepage.jpg) 0 0; display:block}
#top-nav .nav-homepage a:hover, #top-nav .nav-homepage-active{ width:173px; height:96px; background: url(../images/nav-homepage.jpg) 0 96px; display:block}
#top-nav .nav-realemovideos a{ width:275px; height:96px; background: url(../images/nav-realemovideos.jpg) 0 0; display:block}
#top-nav .nav-realemovideos a:hover, #top-nav .nav-realemovideos-active{ width:275px; height:96px; background: url(../images/nav-realemovideos.jpg) 0 96px; display:block}
#top-nav .nav-submitagirl a{ width:177px; height:96px; background: url(../images/nav-submitagirl.jpg) 0 0; display:block}
#top-nav .nav-submitagirl a:hover, #top-nav .nav-submitagirl-active{ width:177px; height:96px; background: url(../images/nav-submitagirl.jpg) 0 96px; display:block}
#top-nav .nav-members a{ width:171px; height:96px; background: url(../images/nav-members.jpg) 0 0; display:block}
#top-nav .nav-members a:hover, #top-nav .nav-members-active{ width:171px; height:96px; background: url(../images/nav-members.jpg) 0 96px; display:block}
#top-nav .nav-join a{ width:184px; height:96px; background: url(../images/nav-join.gif) 0 0; display:block}

/* trailer block */
#block-trailer{ width:980px; height:379px; background:url(../images/block-trailer.jpg); position: relative; display:block}
#flashTrailer{ float:left; position:relative; left:104px; top:66px; width:360px; height:240px; }
#description{ float:right; position:relative; right:20px; top:0px;  width:280px; padding-top:45px; display:block; text-decoration:none;}
#description a.link{ font:normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; display:block; margin-top:15px; width:280px; height:80px;} 
#block-trailerJoin a{ width:280px; height:70px; position:relative; left:30px; top:30px; display:block; }

/* geo block */
#block-geo-top{ width:980px; height:42px; background:#f33e7a url(../images/block-geo-top.jpg); padding-top:25px; text-align:center}
#block-geo { width:980px; height:230px; background:#f33e7a url(../images/block-geo-bg.jpg); display:block; text-align:center}
#block-geo img{ margin:0 5px; }

/* block parts: top bar, content part and bottom link */
.block-top-title{ background:url(../images/block-top.jpg); text-align:right}
.block-content{ background:#222324; text-align:center}
.linkArea{ text-align:center; margin:0; padding:15px 0; text-decoration:none}

/* block with pictures */
.imgbg-girlWrapper{ width:980px; text-align:center; }
.imgbg-girl {  width:180px; height:320px; font-size:10px; background:url(../images/imgbg-girl.jpg) no-repeat ; text-align:center; display: inline-block; margin:5px;}
.imgbg-girl p{ text-align:left; padding:0 5px; margin:0}
.imgbg-girl h1{ font:bold 13px "Comic Sans MS", Arial, Helvetica, sans-serif; color:#fcff00; text-align:left; padding-left:5px;}


/* block with videos and hover effect */
.videoWrapper{ text-align:center; padding:0 4px}
.video1block1{ text-align:center; background:url(../images/block-video1-01.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video2block1{ text-align:center; background:url(../images/block-video1-02.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video3block1{ text-align:center; background:url(../images/block-video1-03.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video4block1{ text-align:center; background:url(../images/block-video1-04.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video5block1{ text-align:center; background:url(../images/block-video1-05.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video6block1{ text-align:center; background:url(../images/block-video1-06.jpg); width:316px; height:260px; display:block; margin:4px; float:left}

.video1block2{ text-align:center; background:url(../images/block-video2-01.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video2block2{ text-align:center; background:url(../images/block-video2-02.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video3block2{ text-align:center; background:url(../images/block-video2-03.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video4block2{ text-align:center; background:url(../images/block-video2-04.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video5block2{ text-align:center; background:url(../images/block-video2-05.jpg); width:316px; height:260px; display:block; margin:4px; float:left}
.video6block2{ text-align:center; background:url(../images/block-video2-06.jpg); width:316px; height:260px; display:block; margin:4px; float:left}

.playVideo{width:316px; height:260px; text-decoration:none; display:block; background:url(../images/video.png); _background-image:none;}
.playVideo:hover{ background:url(../images/videoHover.png) no-repeat center; cursor: pointer; _background-image:none; }


/* mixed pics and vids block */
#picBlock3 { width:980px; display:block; text-align:center}
#picBlock3 img{ margin:5px;}

/* footer and copyrights for index and join page */
body#index #footerNav-bg{ width:980px; height:109px; text-align:center; background:url(../images/footerNav-bg.jpg) no-repeat top center}
body#join #footerNav-bg{ width:980px; height:109px; text-align:center; }
#footerNav-bg ul{ padding:0; margin:0; list-style-type:none; text-align:center; display:block; padding-top:50px; }
#footerNav-bg li { padding:0; margin:0 3px; display:inline; color: #f9407d; font-size:14px; font-weight:bold }
#footerNav-bg li a, #footerNav-bg li active{ font-size:14px; text-decoration:underline}
#footerNav-bg li a:hover{ text-decoration:none}

#copyr { width:980px; height:146px; font-size:11px;  background:url(../images/copyr-bg.jpg) no-repeat}
#copyr-text{ padding:35px 80px 0 280px; font-size:11px; text-align:justify}
#copyr-text p{ padding:0; margin:0; margin-bottom:5px;}

/* join page - bonus sites */
#bonusSites{ text-align:center;}
#bonusSites img{ margin:5px;}

#joinForm{ background:#fff; text-align:center; }
#joinForm-table, #joinForm-table td, #joinForm-table div, #joinForm-table span{ font-size:14px; color:#000}
.button-join{ width:294px; height:64px; background:url(../images/button-join.gif) no-repeat; display:block; font:bold 14px/64px  Arial, Helvetica, sans-serif; margin:0 auto; border:0; text-decoration:underline;  }
.button-join:hover{ cursor:pointer; color:#fff}

.text_area {width:210px; padding:5px 4px; font-size:11px; background:#fff; border:1px solid #abadb3; color:#323438}
.select_text_area {width:221px;  padding:5px 4px; font-size:11px; background:#fff; border:1px solid #abadb3; color:#323438}


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

/* borders */
.imgBorder{ border:1px solid #eba1a1}
.imgBorder:hover{ border:1px solid #fff}

/* text styles */
td, div{font:normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;}
h1{ font: bold 20px Arial, Helvetica, sans-serif; color: #d974df; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; }

/* text colors */
.white{ color:#fff}
.red{ color:#b12125}
.purp{ color:#d974df}
.pink{ color:#ff57c2}

/* text sizes */

.txt18{ font-size:18px; letter-spacing:-.5px; line-height:25px; text-decoration:none}
.txt24{ font-size:24px; letter-spacing:-1px; text-decoration:none}
.txt28{ font-size:28px; letter-spacing:-1px; text-decoration:none}
.txt30{ font-size:30px; letter-spacing:-1px; text-decoration:none}
.txt36{ font-size:36px; letter-spacing:-1px; text-decoration:none}

/* links */
a {font: bold 12px Arial, Helvetica, sans-serif; color: #f9407d; text-decoration:none}
a:hover { color:#fff; text-decoration:none }
a img{ border:0}

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