/* GENERAL
----------------------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
* { margin:0; padding:0; }
a img { border: 0; }
ul, ol { list-style:none; }
.img_left img { float:left; }
.img_right img { float:right; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.over { overflow:hidden; }
.over1 { overflow:hidden; height:1px; }
.block { display:block; }
.del { display:none; }
.null { visibility:hidden; }
/* --------- this project -------- */

a { color:#fff; text-decoration:none; }
a:hover { color:#fff; }
/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: url(http://images.pimproll.com/barebackbeginners.com/images/bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#fff; }
.main { position:relative; margin:0 auto; width:820px; background:#12758C; border-left:1px solid #8D8D8D; border-right:1px solid #8D8D8D; }
/* HEADER
----------------------------------------------------------------------------- */
.header { position:relative; width:820px; }
.header img { display:block; }
/* MENU
.................................. */
.header .menu { position:absolute; top:457px; left:37px; width:742px; }
.header .menu li { float:left; padding:3px 12px 5px; border-right:3px solid #fff; color:#fff; font-family:'Arial Black', Arial, Helvetica, sans-serif; font-size:17px; }
.header .menu li.end { border:0; }
.header .menu li a { color:#fff; text-decoration:underline; }
.header .menu li a:hover { text-decoration:none; }
.header .join { position:absolute; top:365px; left:0px; width:820px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
/* CONTENT
----------------------------------------------------------------------------- */
.content { }
.joincontent { height:630px }
/* DVD Page
#################################################################*/
.dvdcell { font-family: Tahoma, Arial, sans-serif; background-color: #033E57; border: 1px solid #0B9DD6; font-size: 11px; color: #FFF; font-weight: bold; }
.dvdcell span { font-weight: normal; font-size: 10px; }
.dvdcell a { color: #FFFF99; text-decoration: none; }
.dvdcell a:hover { color: #FF0; text-decoration: underline; }
/* Join page bonussite include
----------------------------------------------------------------------------- */
.newbonussite-caption { font-weight: bold; font-size: 14px; text-align: center; font-family: Tahoma, Arial, Verdana, sans-serif; margin-top: 10px; color: #FF0; }
.newbonussite-container { width: 700px; height: 145px; margin: auto; overflow: auto; text-align: center; background: #000; }
.newbonussite-cell { line-height: normal; font-size: 11px; font-weight: bold; font-family: Tahoma, Arial, Verdana, sans-serif; color: #FFF; }
.newbonussite-cell img { display: inline; margin: 2px; }
/* FOOTER
----------------------------------------------------------------------------- */
.footer { position:relative; width:820px; }
.footer p { position:absolute; top:56px; left:315px; width:218px; text-align:center; }
.footer p strong { color:#EEB28A; font-weight:normal; }
.footer p a { display:block; padding:10px 0 0; font-weight:bold; text-decoration:underline; }
.footer .bt1 { display:block; position:absolute; top:14px; left:0px; width:295px; padding:220px 0 0; }
.footer .bt2 { display:block; position:absolute; top:14px; left:562px; width:260px; padding:220px 0 0; }
/* CONSOLE
----------------------------------------------------------------------------- */
.console { position:relative; width:756px; margin:0 auto; background:#7C5935; }
.console h3 { background:#F93C00; height:47px; font-size:34px; line-height:1.3em; text-align:center; font-weight:normal; }
.console h3 strong { font-family:'Arial Black', Arial, Helvetica, sans-serif; }
.console .photos { background:#593C1C; }
.console .photos div.left { width:152px; padding:0 1px; }
.console .photos img { display:block; margin:1px 0 0; }
.console .photos div.left img { width:152px; height:121px; }
.console .photos img.left { width:448px; height:365px; }
.console .splash { position:absolute; top:52px; left:158px; }
.console p.text { padding:7px; }
.console .info { position:relative; height:98px; background:url(http://images.pimproll.com/barebackbeginners.com/images/console_info.gif) center bottom no-repeat; padding:5px 0 0; }
.console .info .length { padding:0 10px; }
.console .info h4 { position:absolute; top:5px; left:165px; }
.console .info li { float:left; padding:10px 25px 0 25px; }
.console .info ul ul { padding:5px 0 0; }
.console .info li li { float:none; padding:0px 0 0 44px; font-size:11px; line-height:1.1em; }
.console .img_left { height:100px; }
.console .access { background: #12758C; height:150px; text-align:center; text-transform:uppercase; line-height:normal; }
.console .access h2 { padding:34px 0 0; font-size:36px; font-weight:normal; text-decoration:underline; }
.console .access h3 { padding:0; background:none; font-size:24px; }
.console .access a h2 { color:#CBCBCB; }
.console .access a:hover h2 { color:#fff; }
/* TOUR
################################################################## */
#tour .welcome { display:block; position:absolute; top:7px; left:238px; width:338px; height:333px; }
#tour .welcome h1 { display:none; }
#tour .header .menu { position:absolute; top:363px; left:37px; width:742px; }
/* QUALITY
################################################################## */
#quality .welcome { display:block; position:absolute; top:7px; left:238px; width:338px; height:333px; }
#quality .welcome h1 { display:none; }
#quality .header .menu { position:absolute; top:363px; left:37px; width:742px; }
#quality .header .intro { position:absolute; top:410px; left:228px; width:545px; line-height:normal; }
#quality .header .intro h2 { font-size:40px; font-family:'Arial Black', Arial, Helvetica, sans-serif; font-weight:normal; }
#quality .content { position:relative; width:820px; }
#quality .content img { display:block; }
#quality .content ul { position:absolute; top:708px; left:72px; width:328px; font-weight:bold; }
#quality .content li { padding:0 0 5px; }

#common_footer { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #ff0; text-decoration: underline; }
#common_footer a:hover { color: #fff; text-decoration: none; }