/* = body
---------------------------------------------------------------------------------------------------*/
body, html {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	font-family: sans-serif;
	background:#FFF2C4 url(../images/layout/bg.jpg) top left repeat-x;
	color:#000;
}

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

h1, h2, h3, p, form, ul { font-weight:normal; padding:0; margin:0; }

ul li { list-style:none; }

a, a:visited { color:#000; 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;
	vertical-align:middle;
	margin-top:25px
}
.textRight { text-align:right; }
.textBig { font-size:45px; color:#001C65; padding:0 0 15px 0; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header .left,
.header .right { width:480px; float:left; }

/* = headerBaseline
---------------------------------------------------------------------------------------------------*/
.header .headerBaseline .left, 
.header .headerBaseline .right { height:57px; background-color:#B6EAFD; }
.header .headerBaseline .left { background:#B6EAFD url(../images/layout/main/h-1.jpg); }
.header .headerBaseline .right span.over { background:url(../images/layout/main/h-2.jpg); }
.header .headerBaseline p { color:#001042; font-size:18px; padding:30px 0 0 14px; }

/* = headerTop
---------------------------------------------------------------------------------------------------*/
.header .headerTop .left,
.header .headerTop .right { height:245px; background-color:#C2F4FF; }
.header .headerTop .left span.over { background:url(../images/layout/main/h-3.jpg); }
.header .headerTop .right span.over { background:url(../images/layout/main/h-4.jpg); }
.header .headerTop .right p { position:absolute; }
.header .headerTop .right p.c1 { bottom:40px; }
.header .headerTop .right p.c2 { bottom:10px; }
.header .headerTop .right p.sub { position:relative; font-size:11px; padding:10px 10px 0 110px; line-height:16px; }

/* = headerMiddle
---------------------------------------------------------------------------------------------------*/
.header .headerMiddle .left,
.header .headerMiddle .right { height:294px; background-color:#FFFAE7; }
.header .headerMiddle .left span.over { background:url(../images/layout/main/h-5.jpg); }
.header .headerMiddle .right span.over { background:url(../images/layout/main/h-6.jpg); }

/* = headerMenu
---------------------------------------------------------------------------------------------------*/
.header .headerMenu { height:97px; padding:0 19px 0 20px; background:#FBE69E url(../images/layout/main/h-menu-7.jpg); }
.header .headerMenu .left { float:left; width:264px; }
.header .headerMenu .right { float:right; width:264px;  }
.header .headerMenu li a,
.header .headerMenu li a:visited { display:block; width:264px; height:66px; line-height:63px; text-align:center; font-size:30px; color:#fff; background-color:#CA0909; }
.header .headerMenu li a.members-area span.over { background:url(../images/layout/main/b-members-area.jpg); }
.header .headerMenu li a.instant-access span.over { background:url(../images/layout/main/b-instant-access.jpg); }
.header .headerMenu li a:hover { background-color:#F50000; }
.header .headerMenu li a:hover span.over { background-position:bottom; }


/* = headerBottom
---------------------------------------------------------------------------------------------------*/
.header .headerBottom .left,
.header .headerBottom .right { height:77px; background-color:#FFEAA0; }
.header .headerBottom .left span.over { background:url(../images/layout/main/h-8.jpg); }
.header .headerBottom .right span.over { background:url(../images/layout/main/h-9.jpg); }


/* = content
---------------------------------------------------------------------------------------------------*/
.content { background:url(../images/layout/main/c-bg.jpg) repeat-y; }


/* = episodeBox
---------------------------------------------------------------------------------------------------*/
.episodeBox { margin-bottom:30px; }

/* = episodeBoxTitle
---------------------------------------------------------------------------------------------------*/
.episodeBox .episodeBoxTitle { height:52px; background:#1583E7 url(../images/layout/main/ep-1.jpg); color:#fff; }
.episodeBox .episodeBoxTitle h2 { float:left; line-height:52px; text-indent:25px; }
.episodeBox .episodeBoxTitle .sub { float:right; font-size:16px; line-height:52px; margin:0 124px 0 0; }

/* = episodeBoxContent
---------------------------------------------------------------------------------------------------*/
.episodeBox .sampleBoxContent { padding:0 0 0 13px; background:#fff url(../images/layout/main/ep-2.jpg) top left no-repeat; }
* html .episodeBox .sampleBoxContent { height:1%; } /* ie6 */
.episodeBox .sampleBoxContent .episodeText { padding:10px 150px 16px 10px; }
.episodeBox .sampleBoxContent .big img,
.episodeBox .sampleBoxContent .thumbs img { border:5px solid #FFE583; margin-bottom:11px; }

.episodeBox .sampleBoxContent .big .wm { width:179px; height:42px; position:absolute; top:505px; left:13px; background:url(../images/layout/main/wmvhd.png); } 

.episodeBox .sampleBoxContent .thumbs img { display:inline; margin-right:6px; }

/* = episodeBoxMenu
---------------------------------------------------------------------------------------------------*/
.episodeBoxMenu { height:88px; padding:0 20px 0 20px; background:#FBE69E url(../images/layout/main/ep-menu-3.jpg); }
.episodeBoxMenu .left { float:left; width:264px; }
.episodeBoxMenu .right { float:right; width:644px;  }
.episodeBoxMenu li a,
.episodeBoxMenu li a:visited { display:block; height:66px; line-height:63px; text-align:center; font-size:30px; color:#fff; background-color:#CA0909; }
.episodeBoxMenu li a.free-trailer span.over { background:url(../images/layout/main/b-free-trailer.jpg); }
.episodeBoxMenu li a.download span.over { background:url(../images/layout/main/b-download.jpg); }
.episodeBoxMenu li a:hover { background-color:#F50000; }
.episodeBoxMenu li a:hover span.over { background-position:bottom; }


/* = bottom
---------------------------------------------------------------------------------------------------*/
.bottom { background:url(../images/layout/main/c-bg.jpg) repeat-y; padding-bottom:50px; }
.bottom .left,
.bottom .right { width:480px; float:left; }

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

/* = bottomMenu
---------------------------------------------------------------------------------------------------*/
.bottomMenu { height:101px; padding:0 20px 0 20px; background:#FBE69E url(../images/layout/main/b-menu-3.jpg); }
.bottomMenu .left { float:left; width:264px; }
.bottomMenu .right { float:right; width:264px;  }
.bottomMenu li a,
.bottomMenu li a:visited { display:block; height:66px; line-height:63px; text-align:center; font-size:30px; color:#fff; background-color:#CA0909; }
.bottomMenu li a.members-area span.over { background:url(../images/layout/main/b-members-area1.jpg); }
.bottomMenu li a.next-page span.over { background:url(../images/layout/main/b-next-page.jpg); }
.bottomMenu li a.instant-access span.over { background:url(../images/layout/main/b-instant-access1.jpg); }
.bottomMenu li a:hover { background-color:#F50000; }
.bottomMenu li a:hover span.over { background-position:bottom; }

/* = bottomMiddle
---------------------------------------------------------------------------------------------------*/
.bottomMiddle .left,
.bottomMiddle .right { height:83px; background-color:#FFF2C3; }
.bottomMiddle .left span.over { background:url(../images/layout/main/b-4.jpg); }
.bottomMiddle .right span.over { background:url(../images/layout/main/b-5.jpg); }
.bottomMiddle .right2 span.over { background:url(../images/layout/main/b-5_v2.jpg); }

/* = bottomThumbs
---------------------------------------------------------------------------------------------------*/
.bottomThumbs a.join-and-get-access,
.bottomThumbs a.join-and-get-access:visited { display:block; height:106px; line-height:103px; text-align:center; font-size:40px; color:#fff; background-color:#FF9119; }
.bottomThumbs a.join-and-get-access span.over { background:url(../images/layout/main/b-join-and-get-access.jpg); }
.bottomThumbs .bottomThumbsContent { padding:18px 0 0 25px; background:#FFE075 url(../images/layout/main/b-6.jpg) left top no-repeat; height:445px; overflow:hidden; }
.bottomThumbs .bottomThumbsContent img { display:inline; margin:0 1px 1px 0; }



/* = JOIN
---------------------------------------------------------------------------------------------------*/
/* = header
---------------------------------------------------------------------------------------------------*/
.join .header .left,
.join .header .right { width:480px; float:left; }

.join .header .headerBaseline { height:56px; background:#CFEBFD url(../images/layout/join/h-1.jpg); }
.join .header .headerBaseline p { padding:28px 0 0 134px; }

.join .header .headerMiddle .left,
.join .header .headerMiddle .right,
.join .header .headerBottom .left,
.join .header .headerBottom .right { height:127px; background-color:#D0C1A1; }
.join .header .headerMiddle .left span.over { background:url(../images/layout/join/h-2.jpg); }
.join .header .headerMiddle .right span.over { background:url(../images/layout/join/h-3.jpg); }

.join .header .headerBottom .left span.over { background:url(../images/layout/join/h-4.jpg); }
.join .header .headerBottom .right span.over { background:url(../images/layout/join/h-5.jpg); }

.join a.join-now,
.join a.join-now:visited { display:block; text-align:center; height:104px; line-height:101px; font-size:40px; color:#0070ED; background-color:#FFFDCF; }
.join a.join-now span.over { background:url(../images/layout/join/b-join-now.jpg); }


/* = joinBox
---------------------------------------------------------------------------------------------------*/
.join .joinBox { padding:0 0 50px 0; }

.join .joinBoxTitle { height:51px; background:#1675E6 url(../images/layout/join/f-1.jpg); }
.join .joinBoxTitle h2 { color:#fff; line-height:51px; text-indent:30px; font-size:24px; }

/* = joinBoxContent
---------------------------------------------------------------------------------------------------*/
.join .joinBoxContent { background:#E5FDFF url(../images/layout/join/f-3-bg.jpg) repeat-y; }
.join .joinBoxContent .joinBoxContentWrap { background:url(../images/layout/join/f-2.jpg) top left no-repeat; /**/ width:100%; /*ie*/ }
.join .joinBoxContent .left { width:231px; padding:2px 6px 0 14px; float:left; }
.join .joinBoxContent .center { width:457px; float:left; }
.join .joinBoxContent .right { width:221px; padding:13px 16px 0 15px; float:left; }
.join .joinBoxContent .left .shadow { background:#FFF9E0 url(../images/layout/join/img-shadow-3.jpg); padding:18px 18px 8px 8px; }
.join .joinBoxContent .left .s1 { background:#FFF9E0 url(../images/layout/join/img-shadow-1.jpg); }
.join .joinBoxContent .left .s2 { background:#FFF9E0 url(../images/layout/join/img-shadow-2.jpg); }
.join .joinBoxContent .right .rightBox { width:221px; background-color:#FF5C00; }
.join .joinBoxContent .right .rightBox .rightBoxTop { height:104px; }
.join .joinBoxContent .right .rightBox .rightBoxTop span.over { background:url(../images/layout/join/r-1.jpg); }
.join .joinBoxContent .right .rightBox .rightBoxMiddle { background:url(../images/layout/join/r-bg-2.jpg) repeat-y; font-size:18px; color:#fff; padding:15px 17px 0 17px; }
.join .joinBoxContent .right .rightBox .rightBoxMiddle li { padding:0 0 17px 22px; background:url(../images/layout/join/r-arrow.gif) no-repeat; background-position:0 5px; }
.join .joinBoxContent .right .rightBox .rightBoxBottom { height:95px; } 
.join .joinBoxContent .right .rightBox .rightBoxBottom span.over { background:url(../images/layout/join/r-3.jpg); }
.seals { 
display:block; 
width: 405px; 
margin: 0px ; 
padding: 0px; 
} 
.seals img 
{ 
float: left; 
width: 115px; 
margin: 10px; } 
/* = joinBoxBottom
---------------------------------------------------------------------------------------------------*/
.join .joinBoxBottom { background:url(../images/layout/join/f-4.jpg); height:18px; font-size:1px; }

.join .bottom { padding-bottom:50px; }


/* = WELCOME
---------------------------------------------------------------------------------------------------*/
/* = header
---------------------------------------------------------------------------------------------------*/
.warning .header .left { float:left; height:168px; width:675px; }
.warning .header .left span.over { background:url(../images/layout/warning/h-1.jpg); }
.warning .header .right { float:right; height:168px; width:285px; }
.warning .header .right span.over { background:url(../images/layout/warning/h-2.jpg); }

/* = container
---------------------------------------------------------------------------------------------------*/
.warning .container { float:left; width:675px; height:533px; overflow:hidden; background:#D4FEFF url(../images/layout/warning/c-1.jpg); }
.warning .containerInner { padding:13px 30px 23px 30px;}
.warning .container h3 { font-size:22px; font-weight:bold; line-height:22px; padding:0 0 21px 0; }
.warning .container .info { padding:0 60px 0 15px; } 
.warning .container .info li { list-style:disc; margin:0 0 21px 0; font-size:14px; }

.warning .container p.notice { margin:0 60px 21px 0; }
.warning .container ul.notice { /**/ width:100%; /*ie*/ }
.warning .container ul.notice li { list-style:none; padding:0 7px 0 0; margin:0 4px 0 0; float:left; background:url(../images/layout/warning/divider.gif) right center no-repeat; }
.warning .container ul.notice li.last { background:none; padding:0; margin:0; }
.warning .container ul.notice li a,
.warning .container ul.notice li a:visited { color:#F72900; text-decoration:underline; }


/* = side
---------------------------------------------------------------------------------------------------*/
.warning .side { width:285px; background-color:#E4E5DF; float:left; }
.warning .side .sideTop { height:256px; background:url(../images/layout/warning/c-2.jpg); }
.warning .side .sideBottom { height:277px; background:url(../images/layout/warning/c-3.jpg); }

/* = bottomMenu
---------------------------------------------------------------------------------------------------*/
.warning .bottomMenu { height:126px; padding:0 25px 0px 25px; background:url(../images/layout/warning/b.jpg) no-repeat; }
.warning .bottomMenu .left { float:left; width:265px; }
.warning .bottomMenu .right { float:right; width:265px;  }
.warning .bottomMenu li a,
.warning .bottomMenu li a:visited { display:block; height:67px; line-height:64px; text-align:center; font-size:30px; color:#fff; background-color:#CA0909; }
.warning .bottomMenu li a.enter-this-site span.over { background:url(../images/layout/warning/b-enter-this-site.jpg); }
.warning .bottomMenu li a.leave-this-site span.over { background:url(../images/layout/warning/b-leave-this-site.jpg); }
.warning .bottomMenu li a:hover { background-color:#F50000; }
.warning .bottomMenu li a:hover span.over { background-position:bottom; }


.titlelive { text-indent:25px;line-height:52px; height:52px;font-size:26px;float:left; margin:1px 6px 0 0;}
.itslive { line-height:52px;margin-left:0px ; padding:2px 3px 2px 3px ;width:288px;height:52px; font-style:normal; float:left;  }
.itslive a:link {
	background-color:#CC0001;
	color:#FFFFFF;
	font-size:13px;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 6px 6px 6px;
	font-weight: bold;
}
.itslive1 { margin-left:5px ; padding:2px 3px 2px 1px ;width:198px;height:18px; font-style:normal; float:left;  }
.itslive1 a:link {
	background-color:#BC000C;
	color:#FFFFFF;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 6px 6px 6px;
		font-weight: bold;

}

.itslive a:visited {
	color:#FFFFFF;
	background-color:#CC0001;
	color:#FFFFFF;
	font-size:14px;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 6px 6px 6px;
		font-weight: bold;

}
.itslive a:active {color:#FFFFFF;}
.itslive a:hover {color:#FFFFFF;}
.itslive1 a:visited {
	color:#FFFFFF;
	background-color:#BC000C;
	color:#FFFFFF;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 6px 6px 6px;
		font-weight: bold;

}
.itslive1 a:active {color:#FFFFFF;}
.itslive1 a:hover {color:#FCE710;}

.itslive3 { line-height:52px;margin-left:0px ; padding:2px 3px 2px 3px ;width:260px;height:52px; font-style:normal; float:left;  }
.itslive3 a:link {
	background-color:#BC000C;
	color:#FFFFFF;
	font-size:13px;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 6px 6px 6px;
		font-weight: bold;

}
.itslive3 a:visited {
	color:#FFFFFF;
	background-color:#BC000C;
	color:#FFFFFF;
	font-size:13px;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 6px 6px 6px;
		font-weight: bold;

}
.itslive3 a:active {color:#FFFFFF;}
.itslive3 a:hover {color:#FFFFFF;}