html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
body                                {height: 100%; font: 12px Verdana, Arial, Helvetica, sans-serif; background: url(../img/bg.jpg); color: #f2ac58;}
img, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link, a:active                    {color: #fff; cursor: pointer;}
a:hover                             {cursor : pointer;}
a:active, a:focus, img              {outline: 0;}
.clear                              {clear: both;}
.colorYellow { color: #f3c002 !important; }

#shadow { background: url(../img/shadow.jpg) repeat-x; }
#leftHead { background: url(../img/leftHead.jpg) no-repeat top right; height: 422px; width: 50%; position: absolute; left: -454px; }
#main { width: 909px; margin: 0 auto; *padding-top: 2px;}
/* header */
.header { position: relative; width: 909px;}
.header img { *margin-top: -2px; }

#memberZone { background: url(../img/membersButton.jpg) no-repeat; text-indent: -9999px; top: 20px; *top: 18px; right: -54px; height: 205px; width: 54px; position: absolute; cursor: pointer; display: block; }

#desc1 { font-size: 16px; color: #feae31; position: absolute; top: 35px; left: 270px; }
#desc2 { font-size: 13px; color: #ffe3b7; position: absolute; top: 160px; right: 17px; width: 498px; }
#desc3 { font-size: 14px; color: #c2312b; position: absolute; top: 391px; right: 277px; width: 247px; }
#desc4 { font-size: 13px; color: #f2ac58; position: absolute; top: 586px; left: 234px; width: 111px; }

div.player { position: absolute; width: 243px; height: 159px; top: 359px; right: 19px; }
a.player, a.player:visited { position: absolute; width: 243px; font-size: 11px; text-align: center; top: 530px; right: 19px; text-decoration: underline; display: block; color:#fff;}
a.player:hover { text-decoration: none; }

.modelBlock { font-size: 14px; color: #ab2d28; position: absolute; top: 567px; right: 11px; width: 532px; }
.modelBlock a { display: block; background: url(../img/selectModel.jpg); width: 532px; height: 95px; text-indent: -9999px; }
.modelBlock ul { text-align: center; padding-bottom: 9px; overflow: hidden; padding-left: 10px; zoom: 1; }
.modelBlock li { font-size: 9px; color: #e8ae36; margin: 0px 6px; display: block; float: left; width: 90px; text-align: center; }
.modelBlock p { padding-left: 15px; }
/* content */
div.content { background: url(../img/bgContent.jpg) repeat-y top left; padding: 0px 20px 6px 22px; position: relative; width: 867px; *margin-top: -2px;}
span.content { background: url(../img/bgBtm.jpg) no-repeat left bottom; width: 909px; height: 6px; position: absolute; left: 0px; bottom: 0px; display: block; }
/* episode */
.episode { overflow: hidden;}
.episode li { display: block; overflow: hidden; zoom: 1; padding-bottom: 20px; }
.episode .leftBlock { float: left; width: 482px; }
.episode .leftBlock p { padding-top: 15px; color: #f2ac58; }
.episode .rightBlock { float: right; overflow: hidden; width: 383px;}
.episode ul { overflow: hidden; *padding-bottom: 15px; _padding-bottom: 0px;}
.episode li li { display: block; float: left;  margin: 0px 0px 15px 15px; padding: 0px; margin: 0px 0px 15px 15px; }
.fixIE { _margin-left: 8px !important;}

.joinNow { display: block; background: url(../img/joinButton.jpg); width: 366px; height: 61px; text-indent: -9999px; margin-left: 15px; _margin-left: 16px; }
/* --------------------------------------------------- join.html */
#leftHeadJoin { background: url(../img/leftbgJoin.jpg) no-repeat top right; height: 298px; width: 50%; position: absolute; top:140px; left: -454px; *left: -455px;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {#leftHeadJoin { top:141px; } }
div.content.joinPage {padding: 0px; font-family: Arial, Helvetica, sans-serif; background: url(../img/bgJoin.jpg); width: 909px; height: 560px; position: relative; }
.paymentPlan { position: absolute; width: 539px; height: 472px; top: 18px; right: 67px; text-align: center; }
.paymentPlan h1 { padding: 35px 0px 83px 0px; text-align: center; text-transform: uppercase; font-size: 16px; color: #ebf677; font-weight: bold; }
a.plan { display: block; background: url(../img/planButton.png); width: 162px; height: 39px; line-height: 39px; text-align: center; font-size: 16px; color: #000; text-decoration: none; margin: 0px auto 58px auto; }
*html a.plan { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/planButton.png', sizingmethod='');}
.note { padding: 50px 0px 16px 0px; color: #fff; }
/* footer */
.footer { text-align: center; padding: 35px 22px; color: #a96f2c; }
.footer ul { text-align: center; padding: 35px 0px; }
.footer li { display: inline; padding: 0px 10px;}
.footer li a { font: 14px Arial, Helvetica, sans-serif; color: #a80329; text-decoration: underline; }
.footer li a:hover { text-decoration: none; }
.info { color: #671717 !important; font-size: 11px; text-transform: uppercase; }