/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #e4e4e4 url(../hdrp_images/bg1.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; color: #545454; }
.main { position:relative; margin:0 auto; width: 960px; }

/* HEADER
----------------------------------------------------------------------------- */
.header { background: url(../hdrp_images/header_bg1.jpg) no-repeat top center; }
.header .inner { width: 960px; margin: 0 auto; }
.header .inner .return { left: 16px; top: 128px; position: absolute; }
.header .inner .return img { display: block; }

.menu { position: relative; }
.menu ul { position: absolute; left: 0px; top: 0px; }
.menu ul li { float: left; }
.menu ul li img { display: block; }
.menu ul li .hover img,
.menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { width: 960px; margin: 0 auto; position: relative; overflow: hidden; }
.pag img { display: block; }
.pag { height: 39px; background: url(../hdrp_images/pag_bg.jpg) repeat-x; width: 938px; }
.pag .col1 { width: 113px; float: left; background: #dfd39a; }
.pag .col2 { width: 719px; float: left; }
.pag .col2 ul { padding: 0 0 0 22px; }
.pag .col2 li { float: left; width: 27px; }
.pag .col2 li a { text-align: center; width: 27px; height: 29px; display: block; font-size: 17px; color: #FFFFFF; font-weight: bold; padding: 10px 0 0 0; }
.pag .col2 li .hover,
.pag .col2 li a:hover { background: url(../hdrp_images/pag_hover.jpg); }
.pag .col3 { width: 106px; float: left; background: #dfd39a; }
.pag .col1 a img,
.pag .col3 a img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.pag .col1 a:hover img,
.pag .col3 a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.title .box1 { position: relative; width: 938px; padding: 0 0 25px 0; }
.title .box1 .star { position: absolute; right: 10px; top: 15px; }
.title .box1 .star img { float: left; }
.title .box1 h2 { position: absolute; left: 8px; top: 11px; font-size: 26px; text-transform: uppercase; color: #FFFFFF; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { background:url(../hdrp_images/footer_bg1.jpg) repeat-x bottom left; height: 409px; }
.footer .inner { width: 960px; margin: 0 auto; text-align: center; font-size: 11px; padding: 80px 0 0 0; }
.footer .inner p { display: block; padding: 2px 0; }
.footer .inner a { color: #000000; }
.footer .inner a:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */
#home { padding: 0 0 0 10px; background:url(../hdrp_images/home_content-bg1.gif) repeat-y; width: 950px; }
#home .col1 { width: 735px; float: left; padding: 10px 0 0 0; overflow: hidden; }
#home .col1 .box1 { padding: 0 0 20px 0; }
#home .col1 .box1 h2 { font-family: "Times New Roman", Times, serif; font-size: 28px; line-height: 28px; display: block; padding: 0 0 10px 0; font-weight: normal; color:#000000; }
#home .col1 .box1 p { font-size: 12px; }
#home .col1 .box2 {}
#home .col1 .box2 ul { padding: 20px 0; width: 900px; }
#home .col1 .box2 ul li { width: 353px; float: left; padding: 0 15px 0 0; }
#home .col1 .box2 ul li img { display: block; }
#home .col1 .box2 .inbox1 { font-family: "Times New Roman", Times, serif; display: block; padding: 0 0 2px 0; }
#home .col1 .box2 .inbox2 { border: 1px solid #474746; border-bottom: 1px solid #928f85; position: relative; }
#home .col1 .box2 .inbox2 h2 { color: #FFFFFF; font-size: 25px; position: absolute; left: 10px; top: 230px; }
#home .col1 .box2 .inbox3 { background: #cfcfcf; color:#000000; padding: 8px 10px; }
#home .col1 .box2 .inbox3 p {display: block; font-size: 12px; line-height: 14px; height: 80px; }
#home .col1 .box2 .inbox3 h2 { float: left; font-size: 17px; }
#home .col1 .box2 .inbox3 .star { float: right; }
#home .col1 .box2 .inbox3 .star img { float: left; }
#home .col1 .box3 { position: relative; height: 115px; font-size: 16px; font-weight: bold; width: 938px; padding: 0 0 25px 0; }
#home .col1 .box3 .p1 { position: absolute; top: 47px; left: 12px; }
#home .col1 .box3 .p2 { position: absolute; top: 82px; left: 12px; }
#home .col1 .box3 dl dt { float: left; width: 85px; }
#home .col1 .box3 dl dd { float: left; padding: 0 20px 0 0; }
#home .col1 .box3 dl dd input { float: left; margin: 3px 0 0 0; !margin: 0 0 0 0; }
#home .col1 .box3 dl dd label { float: left; padding: 0 0 0 5px; display: block; }
#home .col2 { width: 214px; float: right; }
#home .col2 .uu { position: relative; }
#home .col2 .uu img { display: block; }
#home .col2 .uu .image { position: absolute; left: 23px; top: 50px; }
#home .col2 .uu p { position: absolute; left: 0; top: 238px; display: block; text-align: center; color: #FFF; font-size: 14px; line-height: 16px; width: 214px; }
#home .col2 .uu p span { color: #ffc230; }
#home .col2 .uu p strong { color: #FFF; display: block; }
#home .col2 .ef { position: relative; background:url(../hdrp_images/home_col2-ef-bg.jpg) repeat-x; }
#home .col2 .ef img { display: block; }
#home .col2 .ef .p { display: block; padding: 25px 0 0 22px; }
#home .col2 .ef .p .image { background: url(../hdrp_images/home_col2-ef-li.png) no-repeat; padding: 3px 0 0 3px; width: 174px; height: 182px; }
#home .col2 .ef .p li { padding: 0 0 25px 0; }
#home .col2 .ef .p p { display: block; text-align: center; color: #FFF; font-size: 14px; line-height: 16px; width: 170px; }
#home .col2 .ef .p p span { color: #ffc230; }
#home .col2 .ef .p p strong { color: #FFF; display: block; }
.extrafeatures { width: 940px; margin: 0 auto; }
.extrafeatures h2 { font-family: "Times New Roman", Times, serif; font-size: 28px; line-height: 28px; display: block; padding: 0 0 10px 0; font-weight: normal; color:#000000; }
.extrafeatures div { text-align: center; }
.extrafeatures img {  padding: 2px 2px; }
#home .pag { height: 39px; background: url(../hdrp_images/pag_bg.jpg) repeat-x; width: 723px; }
#home .pag .c1 { width: 113px; float: left; background: #dfd39a; }
#home .pag .c2 { width: 504px; float: left; }
#home .pag .c2 ul { padding: 0 0 0 22px; }
#home .pag .c2 li { float: left; width: 27px; }
#home .pag .c2 li a { text-align: center; width: 27px; height: 29px; display: block; font-size: 17px; color: #FFFFFF; font-weight: bold; padding: 10px 0 0 0; }
#home .pag .c2 li .hover,
#home .pag .c2 li a:hover { background: url(../hdrp_images/pag_hover.jpg); }
#home .pag .c3 { width: 106px; float: left; background: #dfd39a; }
#home .pag .c1 a img,
#home .pag .c3 a img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#home .pag .c1 a:hover img,
#home .pag .c3 a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
#home .box4 { padding: 15px 0 10px 0; width: 723px; overflow: hidden; }
#home .box4 ul { padding: 0 0 0 0; width: 850px; }
#home .box4 li { width: 177px; background: url(../hdrp_images/favorites_box2-bg2.jpg) repeat-y; padding: 0 5px 0 0; float: left; margin-bottom: 15px; }
#home .box4 li .image { background: url(../hdrp_images/favorites_box2-bg1.jpg) no-repeat; height: 180px; padding: 3px 0 0 3px; width: 174px; }
#home .box4 li .p { text-align: center; padding: 0 8px 0 0; height: 105px; }
#home .box4 li .p .star { height: 14px; padding: 5px 0; width: 70px; margin: 0 auto; } 
#home .box4 li .p .star img { float: left; }
#home .box4 li .p strong { font-size: 12px; display: block; }
#home .box4 li .p span { font-size: 14px; font-weight: bold; display: block; }
#home .box4 .bt1 { padding: 10px 0 25px 180px; }

/* -------------------------------------------------------------------------- */
/* FAVORITES
/* -------------------------------------------------------------------------- */
#favorites { padding: 25px 0 0 24px; }
#favorites .box0 { padding: 0 0 10px 0; }
#favorites .box0 h2 { padding: 0 0 10px 0; }
#favorites .box0 .inner { position: relative; color: #FFFFFF; font-size: 13px; }
#favorites .box0 .inner strong { display: block; color: #c0a215; }
#favorites .box0 .inner .p1 { position: absolute; left: 21px; top: 12px; line-height: 13px; width: 890px; }
#favorites .box0 .inner .p2 { position: absolute; left: 70px; top: 83px; width: 170px; line-height: 13px; }
#favorites .box0 .inner .p3 { position: absolute; left: 298px; top: 83px; width: 170px; line-height: 13px; }
#favorites .box0 .inner .p4 { position: absolute; left: 515px; top: 83px; width: 170px; line-height: 13px; }
#favorites .box0 .inner .p5 { position: absolute; left: 750px; top: 83px; width: 170px; line-height: 13px; }
#favorites .box1 { position: relative; height: 115px; font-size: 16px; font-weight: bold; width: 938px; padding: 0 0 25px 0; }
#favorites .box1 .p1 { position: absolute; top: 48px; left: 12px; }
#favorites .box1 .p2 { position: absolute; top: 86px; left: 12px; }
#favorites .box1 dl dt { float: left; width: 85px; }
#favorites .box1 dl dd { float: left; padding: 0 20px 0 0; }
#favorites .box1 dl dd input { float: left; margin: 3px 0 0 0; !margin: 0 0 0 0; }
#favorites .box1 dl dd label { float: left; padding: 0 0 0 5px; display: block; }
#favorites .box2 { padding: 25px 0 10px 0; }
#favorites .box2 ul { padding: 0 0 0 13px; }
#favorites .box2 li { width: 177px; background: url(../hdrp_images/favorites_box2-bg2.jpg) repeat-y; padding: 0 7px 0 0; float: left; margin-bottom: 15px; }
#favorites .box2 li .image { background: url(../hdrp_images/favorites_box2-bg1.jpg) no-repeat; height: 180px; padding: 3px 0 0 3px; width: 174px; }
#favorites .box2 li .p { text-align: center; padding: 0 8px 0 0; height: 90px; }
#favorites .box2 li .p .star { height: 14px; padding: 5px 0; width: 70px; margin: 0 auto; } 
#favorites .box2 li .p .star img { float: left; }
#favorites .box2 li .p strong { font-size: 12px; }

/* -------------------------------------------------------------------------- */
/* PICTURES
/* -------------------------------------------------------------------------- */
#pictures_a { padding: 25px 0 0 24px; }
#pictures_a .box2 ul { padding: 25px 0 20px 0; width: 1100px; }
#pictures_a .box2 li { width: 150px; height: 220px; padding: 3px 5px 5px 3px; background: url(../hdrp_images/pictures_box2-bg1.jpg) no-repeat; float: left; }
#pictures_b { padding: 25px 0 0 24px; }
#pictures_b .box2 { padding-top: 25px; }
#pictures_b .box2 .imagecontainer { float:left; clear:left; background: url(../hdrp_images/shadowAlpha.png) no-repeat bottom right; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; }
#pictures_b .box2 .imagecontainer img{ display: block; position: relative; background-color: #fff; margin: -6px 6px 6px -6px;	padding: 4px;}
#pictures_b .box3 { padding: 0 0 25px 0; }
#pictures_b .box3 li { float: left; width: 33%; text-align: center; font-weight: bold; font-size: 13px; color: #bdbdbd; }
#pictures_b .box3 li a { color: #b98700; text-decoration: underline; }
#pictures_b .box4 { padding-bottom: 25px; }
#pictures_b .box4 .col1 { width: 30px; padding: 44px 0 0 0; float: left; height: 84px; }
#pictures_b .box4 .col2 { width: 890px; overflow: hidden; float: left; height: 128px; }
#pictures_b .box4 .col2 ul { }
#pictures_b .box4 .col2 li { float: left; padding: 0 6px 0 0; }
#pictures_b .box4 .col2 li a { background: url(../hdrp_images/pictures_b-bg1.jpg) no-repeat; width: 119px; height: 125px; padding: 3px 0 0 3px; display: block; }
#pictures_b .box4 .col2 li a:hover { background: url(../hdrp_images/pictures_b-bg2.jpg) no-repeat; }
#pictures_b .box4 .col3 { width: 30px; padding: 44px 0 0 0; float: left; height: 84px; }

/* -------------------------------------------------------------------------- */
/* STREAMING AND CLIPS
/* -------------------------------------------------------------------------- */
#streamingandclips { padding: 25px 0 0 24px; }
#streamingandclips .box2 .col1 { float: left; width: 574px; }
#streamingandclips .box2 .col1 .flash { border: 1px solid #434343; }
#streamingandclips .box2 .col1 .flash img { display: block; }
#streamingandclips .box2 .col2 { width: 353px; float: left; padding: 0 0 0 11px; }
#streamingandclips .box2 .col2 h2 { display: block; padding: 6px 0 15px 0; }
#streamingandclips .box2 .col2 .minfo { font-size: 13px; color: #FFFFFF; position: relative; }
#streamingandclips .box2 .col2 .minfo p { line-height: 14px; top: 12px; left: 24px; width: 310px; position: absolute; }
#streamingandclips .box2 .col2 .minfo ul { line-height: 14px; top: 87px; left: 70px; position: absolute; }
#streamingandclips .box2 .col2 .minfo ul li { padding: 0 0 18px 0; }
#streamingandclips .box2 .col2 .minfo ul li strong { display: block; color: #c0a215; }
#streamingandclips .box3 { padding: 25px 0 0 0; }
#streamingandclips .box3 h2 { display: block; padding: 0 0 5px 0; }
#streamingandclips .box3 ul { width: 1100px; }
#streamingandclips .box3 li { font-size: 12px; width: 187px; padding: 0 64px 40px 0; float: left; }
#streamingandclips .box3 li strong { color: #a16f00; font-size: 14px; }
#streamingandclips .box3 li p img { border: 1px solid #444444; }
#streamingandclips .box3 dl { height: 49px; padding: 9px 0 0 0; }
#streamingandclips .box3 dd { float: left; padding: 0 4px 0 0; }
#streamingandclips .box3 dt { float: left; }
#streamingandclips .box3 a { display: block; width: 43px; height: 49px; position: relative; color: #757575; }
#streamingandclips .box3 a span { position: absolute; top: 33px; left: 0px; width: 43px; text-align: center; font-size: 10px; letter-spacing: -0.02em; cursor: pointer; }

/* -------------------------------------------------------------------------- */
/* EPISODE
/* -------------------------------------------------------------------------- */
#episode { padding: 25px 0 0 24px; }
#episode .col1 { width: 353px; float: left; }
#episode .col1 .sidebox1 img { border: 1px solid #474747; }
#episode .col1 .sidebox1 .p { background: #afafaf; border: 1px solid #474747; border-top: 0px; border-bottom: 0px; font-family: "Times New Roman", Times, serif; padding: 2px 4px; }
#episode .col1 .sidebox2 { font-size: 12px;  color: #FFFFFF; position: relative; padding: 0 0 10px 0; }
#episode .col1 .sidebox2 p { top: 45px; left: 25px; width: 310px; position: absolute; line-height: 15px; }
#episode .col1 .sidebox2 ul { top: 150px; left: 76px; position: absolute; line-height: 15px; font-size: 13px; }
#episode .col1 .sidebox2 li { padding: 0 0 16px 0; }
#episode .col1 .sidebox2 li strong { display: block; color: #c0a215; }
#episode .col1 .sidebox2 li a { color: #FFFFFF; text-decoration: underline; }
#episode .col1 .sidebox3 h2 { display: block; padding: 0 0 10px 0; }
#episode .col1 .sidebox3 .p1 { overflow-x: none; overflow-y: scroll; height: 200px; padding: 0 10px 0 0; }
#episode .col1 .sidebox3 .p1 ul { padding: 0 0 1px 0; }
#episode .col1 .sidebox3 .p1 li { border: 1px solid #d2d2d2; padding: 8px 15px; margin-bottom: 10px; font-size: 12px; line-height: 13px; background: #ededed; }
#episode .col1 .sidebox3 .p1 span { display: block; padding: 5px 0 0 0; }
#episode .col1 .sidebox3 .p2 { padding: 15px 0 0 0; }
#episode .col1 .sidebox3 .p2 h3 { padding: 0 0 5px 0; display: block; }
#episode .col1 .sidebox3 .p2 p { display: block; }
#episode .col1 .sidebox3 .p2 p textarea { border: #000000 1px solid; padding: 5px; width: 342px; height: 80px; font-family: Arial, Helvetica, sans-serif; }
#episode .col1 .sidebox3 .p2 input { margin: 10px 0 0 255px; }
#episode .col2 { width: 574px; float: left; padding: 0 0 0 10px; overflow: hidden; }
#episode .col2 .box2 { position: relative; }
#episode .col2 .box2 h2 { display: block; padding: 0 0 30px 0; }
#episode .col2 .box2 .flash { border: #000000 solid 1px; }
#episode .col2 .box2 dl { height: 49px; padding: 9px 0 0 0; position: absolute; top: -9px; right: -2px; }
#episode .col2 .box2 dd { float: left; padding: 0 4px 0 0; }
#episode .col2 .box2 dt { float: left; }
#episode .col2 .box2 dt p { padding: 31px 0 0 0; }
#episode .col2 .box2 dl a { display: block; width: 43px; height: 49px; position: relative; color: #757575; }
#episode .col2 .box2 dl a span { position: absolute; top: 33px; left: 0px; width: 43px; text-align: center; font-size: 10px; letter-spacing: -0.02em; cursor: pointer; }
#episode .col2 .box3 { padding: 25px 0 0 0; }
#episode .col2 .box3 h2 { display: block; padding: 0 0 5px 0; }
#episode .col2 .box3 ul { width: 600px; }
#episode .col2 .box3 li { font-size: 12px; width: 187px; padding: 0 6px 15px 0; float: left; }
#episode .col2 .box3 li strong { color: #a16f00; font-size: 14px; }
#episode .col2 .box3 li p img { border: 1px solid #444444; }
#episode .col2 .box4 h2 { display: block; padding: 10px 0 5px 0; }
#episode .col2 .box4 ul { width: 600px; padding: 0 0 14px 0; }
#episode .col2 .box4 li img { border: 1px solid #000000; display: block; }
#episode .col2 .box4 li { float: left; padding: 0 4px 4px 0; }