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

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

/* index and join page headers */
#header-index{ text-align:center; background:url(../images/headerBG.jpg) no-repeat top center}
#header-join{ text-align:center; background:url(../images/header-joinBG.jpg) no-repeat top center}

/* menu */
#top-nav{ width:980px; height:110px; clear:both}
#top-nav div, #top-nav div a{ float:left; height:110px; display:block;}
#top-nav .nav-homepage a{ width:205px; background: url(../images/nav-homepage.jpg) 0 0;}
#top-nav .nav-homepage a:hover, #top-nav .nav-homepage-active{ background: url(../images/nav-homepage.jpg) 0 110px;}
#top-nav .nav-videos a{ width:193px; background: url(../images/nav-realemovideos.jpg) 0 0; }
#top-nav .nav-videos a:hover, #top-nav .nav-videos-active{ background: url(../images/nav-realemovideos.jpg) 0 110px; }
#top-nav .nav-submitagirl a{ width:191px; background: url(../images/nav-submitagirl.jpg) 0 0;}
#top-nav .nav-submitagirl a:hover, #top-nav .nav-submitagirl-active{background: url(../images/nav-submitagirl.jpg) 0 110px; }
#top-nav .nav-members a{ width:191px;  background: url(../images/nav-members.jpg) 0 0; }
#top-nav .nav-members a:hover, #top-nav .nav-members-active{ background: url(../images/nav-members.jpg) 0 110px; }
#top-nav .nav-join a{ width:200px;background: url(../images/nav-join.gif) 0 0; }

/* trailer, welcome and geo block */
#flashTrailer{ float:left; width:440px; height:330px; background:url(../images/trailerBG.jpg) no-repeat}
#welcome{ float:left; width:540px; background:#383838; text-align:center}
#welcome h1.welcomeBottom{ width:540px; height:59px; background:url(../images/welcomeBottom.jpg) no-repeat; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:0px; margin:0}
p.description{ height:58px; text-align:center; padding:0 10px; margin:0; font-size:11px; line-height:12px}
p.description a{ color:#FFFF00}

/* block with pictures, movies, mix block */
.block-content{ text-align:center; background:#fef5c8; display:block}
.imgbg-girlWrapper{ width:970px; text-align:center; padding:5px ; display:block}
.imgbg-girl {  width:190px; height:295px; background:url(../images/imgbg-girl.jpg) no-repeat ; text-align:center; display: inline;; float:left; margin:2px }
.imgbg-girl h1{ font:bold 13px/22px "Comic Sans MS", Arial, Helvetica, sans-serif; color:#ffd000; display:block; letter-spacing:0 }
.imgbg-girl img{ padding:0 0 2px 0}
.imgbg-girl p{ padding:0 15px; margin:0; display:block; font:bold 10px/11px Arial, Helvetica, sans-serif}

.videoWrapper{ text-align:center;}
.videoWrapper img{ margin:3px}

.mixblockWrapper{ text-align:center; color:#000}
.mixblockWrapper img{ margin:5px}

/* footer and copyrights for index and join page */
#footer{ text-align:center; background:#212121 url(../images/footerBG.jpg) repeat-x top center;}

ul{ padding:0; margin:0; list-style-type:none; text-align:center; display:block; padding-top:50px; }
li { padding:0; margin:0 3px; display:inline; color: #fff; font-size:14px; font-weight:bold }
li a, li a:active{ color:#fff68e; font-size:14px; text-decoration:underline}
li a:hover{ color:#fff; text-decoration:none}

#copyr-text{ padding:35px 80px 25px 100px; font-size:10px; text-align:left}
#copyr-text p{ padding:0; margin:0; margin-bottom:2px; font-size:10px}

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

#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}

/* image borders */
.imgBorder-white1{ border:1px solid #fff}
.imgBorder-white1:hover{ border:1px solid #d4d4d4}

.imgBorder-pink1{ border:1px solid #eba1a1}
.imgBorder-pink1:hover{ border:1px solid #fff}

/* text styles and heading*/
td, div{font:normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;}
h1{ font: bold 30px Arial, Helvetica, sans-serif; color: #545454; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; }
h2{ font: bold 18px Arial, Helvetica, sans-serif; color: #c6830b; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; text-transform:uppercase; margin-bottom:10px }

/* text colors */
.white{ color:#fff}
.black{ color:#000}
.yellow{ color:#fef5c8}
.orange{ color:#ffd400}
.blue{ color:#1db7fb}

/* text sizes */
.txt14{ font-size:14px; letter-spacing:-.25px; }
.txt18{ font-size:18px; letter-spacing:-.5px; line-height:25px; }
.txt28{ font-size:28px; letter-spacing:-1px; }
.txt30{ font-size:30px; letter-spacing:-1px; }
.txt36{ font-size:36px; letter-spacing:-1px; }

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

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