/* = body
---------------------------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0 0 20px 0;
	font-size: 12px;
	text-align: center;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	background-color:#121212;
	color:#fff;
}

h1 { font-size:30px; }
h2 { font-size:27px; color:#FFCC00;}
h3 { font-size:17px; }

h1, h2, h3, p, form, ul { padding:0; margin:0; }

ul li { list-style:none; }

a, a:visited { color:#FFCC00; text-decoration:none; outline:none; }

a:link { color:#000; }

a:hover { text-decoration:none; }

img { border:none; padding:0; display:block; }

.clear { clear:both; }

.wrap { margin:0 auto; text-align:left; }

.box { width:960px; }

.relative { position:relative; overflow:hidden; }

.over { 
	top:0; 
	left:0; 
	position:absolute; 
	width:100%; 
	height:100%;
}

a .over { cursor:pointer; }

.textCenter { text-align:center; }
.textRight { text-align:right; }
.textBig { font-size:45px; color:#001C65; padding:0 0 15px 0; }
.text { padding:10px 0 10px 0; }
.textV2 { padding:0px 0 10px 0; }

.left,
.right { float:left; width:480px; }

/* = button
---------------------------------------------------------------------------------------------------*/
body a.button,
body a.button:visited { display:block; height:69px; line-height:66px; text-align:center; font-size:25px; color:#fff; background-color:#B80000; }
body a.button:hover { background-color:#303030; color:#FFD857; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header .left,
.header .right { height: 190px; }
.header1 .left span.over { background:url(../images/layout/main/h-1.jpg); }
.header1 .right { background:url(../images/layout/main/h-2.jpg); }
.header2 .left span.over { background:url(../images/layout/main/h-3.jpg); }
.header2 .right { background:url(../images/layout/main/h-4.jpg); }
.header3 .left span.over { background:url(../images/layout/main/h-5.jpg); }
.header3 .left .sub { position:absolute; width:430px; left:30px; bottom:3px; z-index:999; }
.header3 .right span.over { background:url(../images/layout/main/h-6.jpg); }
.header4 .left { height:129px; background:url(../images/layout/main/h-8.jpg); }
.header4 .right { height:129px; background:url(../images/layout/main/h-9.jpg); }

/* = headerMenu
---------------------------------------------------------------------------------------------------*/
.headerMenu { height:76px; padding:16px 0 0 12px; background:#000 url(../images/layout/main/h-7-mn.jpg); }
.headerMenu .bLeft { float:left; width:265px; margin:0 4px 0 0; }
.headerMenu .bRight { float:left; width:273px; }
.headerMenu li a.members-here span.over { background:url(../images/layout/main/b-members-here.jpg); }
.headerMenu li a.instant-access span.over { background:url(../images/layout/main/b-instant-access-h.jpg); }
.headerMenu li a:hover span.over { background-position:bottom; }

/* = content
---------------------------------------------------------------------------------------------------*/
/* = episodeBox
---------------------------------------------------------------------------------------------------*/
.episodeBox { width:940px; margin:0 auto; color:#000; margin-bottom:20px; }

/* = episodeBoxTitle
---------------------------------------------------------------------------------------------------*/
.episodeBoxTitle { height:93px; padding:50px 10px 0 136px; background:#F1D7BE url(../images/layout/main/e-1.jpg); }
.episodeBoxTitle h2 { color:#000; margin:0 0 5px 0; }

/* = episodeBoxContent
---------------------------------------------------------------------------------------------------*/
.episodeBoxContent { background-color:#F1D7BE; padding:0 0 0 17px; } /**/ * html .episodeBoxContent  { height:1%; } /* ie6 */
.episodeBoxContent img { border:3px solid #8B8B8B; }
.episodeBoxContent .left { width:406px; }
.episodeBoxContent .right { width:500px; }
.episodeBoxContent .right img { float:left; margin:0 0 4px 4px; display:inline; }

/* = episodeBoxMenu
---------------------------------------------------------------------------------------------------*/
.episodeBoxMenu { height:59px; padding:11px 0 0 11px; background:url(../images/layout/main/e-2-mn.jpg); }
.episodeBoxMenu a.button,
.episodeBoxMenu a.button:visited { height:49px; line-height:46px; width:385px; }
.episodeBoxMenu a.click-to-play span.over { background:url(../images/layout/main/b-click-to-play.jpg); }
.episodeBoxMenu a:hover span.over { background-position:bottom; }

/* = episodeBoxMenuBottom
---------------------------------------------------------------------------------------------------*/
.episodeBoxBottomMenu { height:59px; padding:15px 0 0 32px; background:url(../images/layout/main/e-3-mn.jpg); }
.episodeBoxBottomMenu a.button,
.episodeBoxBottomMenu a.button:visited { width:879px; height:50px; line-height:47px; }
.episodeBoxBottomMenu a.join-now-and-get-access span.over { background:url(../images/layout/main/b-join-now-and-get-access.jpg); }
.episodeBoxBottomMenu a:hover span.over { background-position:bottom; }

/* = bottom
---------------------------------------------------------------------------------------------------*/
/* = bottomTop
---------------------------------------------------------------------------------------------------*/
.bottomTop .left,
.bottomTop .right { height:191px; }
.bottomTop .left span.over { background:url(../images/layout/main/b-1.jpg); }
.bottomTop .right  span.over { background:url(../images/layout/main/b-2.jpg);  }

/* = bottomMenu
---------------------------------------------------------------------------------------------------*/
.bottomMenu { height:60px; padding:7px 0 0 415px; margin:0 0 26px 0; background:#000 url(../images/layout/main/b-3-mn.jpg); }
.bottomMenu .bLeft { float:left; width:265px; margin:0 4px 0 0; }
.bottomMenu .bRight { float:left; width:256px; }
.bottomMenu li a,
.bottomMenu li a:visited { height:52px; line-height:49px; }
.bottomMenu li a.instant-access span.over { background:url(../images/layout/main/b-instant-access.jpg); }
.bottomMenu li a.continue-tour span.over { background:url(../images/layout/main/b-continue-tour.jpg); }
.bottomMenu li a:hover span.over { background-position:bottom; }


/* = thumbs
---------------------------------------------------------------------------------------------------*/
.thumbs { background-color:#F1D7BE; width:940px; margin:0 auto; }
.thumbs a.button,
.thumbs a.button:visited { height:62px; line-height:59px; background-color:black; }
.thumbs a.join-this-site span.over { background:url(../images/layout/main/b-join-this-site.jpg); }

/* = thumbsContent
---------------------------------------------------------------------------------------------------*/
.thumbs .thumbsContent { padding:9px 0 40px 16px; background:url(../images/layout/main/b-5.jpg) bottom left no-repeat; }
.thumbs .thumbsContent img { border:1px solid #1D1D1D; /*float:left;*/ display:inline; margin:0 4px 4px 0; }
.thumbs .thumbsContentWrap { background:url(../images/layout/main/b-4.jpg) top right no-repeat; }


/* = join
---------------------------------------------------------------------------------------------------*/
/* = header
---------------------------------------------------------------------------------------------------*/
.join .header .left,
.join .header .right,
.join .header .center { width:320px; height:337px; float:left; }
.join .header .left span.over { background:url(../images/layout/join/h-1.jpg); }
.join .header .center span.over { background:url(../images/layout/join/h-2.jpg); }
.join .header .right span.over { background:url(../images/layout/join/h-3.jpg); }

/* = joinBox
---------------------------------------------------------------------------------------------------*/
.joinBox h2 { font-size:18px; color:#fff; }
.joinBox .left,
.joinBox .center,
.joinBox .right { float:left; height:643px; }
.joinBox .left { width:266px; background:url(../images/layout/join/j-1.jpg); }

/* = center
---------------------------------------------------------------------------------------------------*/
.joinBox .center { width:441px; background:#F1D7BE url(../images/layout/join/j-4.jpg) bottom left no-repeat; color:#000; }
.joinBox .center h2 { height:102px; }
.joinBox .center h2 span.over { background:url(../images/layout/join/j-2.jpg); }
.joinBox .center .joinBoxForm {  }

/* = right
---------------------------------------------------------------------------------------------------*/
.joinBox .right { width:253px; background:url(../images/layout/join/j-5.jpg) bottom left no-repeat; }
.joinBox .right h2 { height:80px; }
.joinBox .right h2 span.over { background:url(../images/layout/join/j-3.jpg); }
.joinBox .right ul { font-size:21px; padding:0 0 0 30px; }
.joinBox .right ul li { padding:0 5px 0 14px; background:url(../images/layout/join/dot-white.gif) 0px 11px no-repeat; margin:0 0 10px 0; }
.joinBox .right ul li.v1 { color:#FF0000; background:url(../images/layout/join/dot-red.gif) 0px 11px no-repeat; }


/* = warning
---------------------------------------------------------------------------------------------------*/
/* = header
---------------------------------------------------------------------------------------------------*/
.warning { background:#1E1E1E url(../images/layout/warning/bg.jpg) center repeat-y; }
.warning .header { height:189px; color:#fff; }
.warning .header span.over { background: url(../images/layout/warning/h.jpg); }

/* = warningBox
---------------------------------------------------------------------------------------------------*/
.warningBox { background-color:#191919; } /**/ * html .warningBox { height:1%; } /* ie6 */
.warningBox .left,
.warningBox .center,
.warningBox .right { width:297px; height:480px; float:left; }
.warningBox .left { background:url(../images/layout/warning/c-1.jpg); }
.warningBox .center { width:339px; padding:0 15px 0 15px; background:url(../images/layout/warning/c-2.jpg) bottom no-repeat; margin-right:-3px; font-size: 11px; }
.warningBox .center p,
.warningBox .center li { line-height:130%; }
.warningBox .center p { margin:0 0 20px 0; }
.warningBox .center ul { padding:0 0 0 15px; }
.warningBox .center ul li { list-style: disc; margin:0 0 20px 0; }
.warningBox .right { background:url(../images/layout/warning/c-3.jpg); }

/* = warningMenu
---------------------------------------------------------------------------------------------------*/
.warningMenu { height:118px; padding:8px 0 0 45px; background:#000 url(../images/layout/warning/c-4.jpg); }
.warningMenu .bLeft { float:left; width:307px; margin:0 259px 0 0; }
.warningMenu .bRight { float:left; width:303px; }
.warningMenu li a.button,
.warningMenu li a.button:visited { height:62px; line-height:59px; }
.warningMenu li a.leave-now span.over { background:url(../images/layout/warning/b-leave-now.jpg); }
.warningMenu li a.enter-site span.over { background:url(../images/layout/warning/b-enter-site.jpg); }
.warningMenu li a:hover span.over { background-position:bottom; }

/* = wBottom
---------------------------------------------------------------------------------------------------*/
.wBottom { padding:30px 250px 0px 250px; text-align:center; font-size:11px; }
.wBottom p { margin:0 0 18px 0; }
.wBottom ul.wBottomMenu { width:184px; margin:0 auto; }
.wBottom ul.wBottomMenu li { float:left; background:url(../images/divider.gif) right 3px no-repeat; padding:0 5px 0 0; margin:0 3px 0 0; }
.wBottom ul.wBottomMenu li.last { margin:0; padding:0; background:none; }
.wBottom a,
.wBottom a:visited { color:#FFCC00; text-decoration: underline; }
.wBottom a:hover { text-decoration: none; }