@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {background: #151515; font: normal 14px Tahoma, Geneva, sans-serif; color: #000;}

.clear {clear: both;}

a:link {color: #0059e5; text-decoration: underline;}
a:visited {color: #c200e5; text-decoration: none;}
a:hover {color: #3b87ff; text-decoration: none;}
a:active {color: #ff0000; text-decoration: none;}

#container {width: 1005px; margin: 0 auto; background: #fff;}

#left {width: 680px; float: left;}

/* site box */

.site_box {width: 680px; height: 395px; background: #bfbfbf; margin: 10px 0 0 10px;}

.site_box .left {width: 280px; padding: 10px; margin: 10px 0 0 10px; background: #fff; float: left;}
*html .site_box .left {width: 280px; padding: 10px; margin: 10px 0 0 5px; background: #fff; float: left;}
.site_box .left img {border: none;}

.site_box .right {width: 350px; float: right; margin: 10px 10px 0 0;}
*html .site_box .right {width: 350px; float: right; margin: 10px 5px 0 0;}
.site_box .right h3 {font-size: 24px; margin: 0; padding: 0;}
.site_box .right h3 span {font-size: 9px; font-weight: boldl; float: left; line-height: 30px; margin: 0 10px 0 0;}

.site_box .right .description {background: #fff; width: 350px; height: 265px; overflow: hidden; margin: 10px 0 0 0;}
.site_box .right .description p {font-size: 13px; margin: 20px 10px 0 10px; padding: 0;}
.site_box .right .description p.caption {font-size: 9px; font-weight: bold; margin: 20px 10px 0 10px; padding: 0;}
.site_box .right img {border: none; margin: 10px 0 0 0;}

.th {margin: 0 0 0 10px; padding: 0;}
.th li {margin: 10px 10px 0 0; padding: 0; list-style: none; float: left;}
.th li.margin-fix {margin-right: -10px;}
.th li a {margin: 0; padding: 0;}
.th li a img {margin: 0; padding: 0; border: none;}

.th .videos {position: relative; width: 220px; height: 150px;}
.th .videos a span {position: absolute; display: none; width: 220px; height: 150px; background:url(../img/videos-hover.png) top no-repeat;}
.th .videos a:hover span {display: block; cursor: pointer;}
*html .th .videos a span {display: none;}
*html .th .videos a:hover {cursor: pointer; position: absolute; display: inline; width: 220px; height: 150px; background:url(../img/videos-hover.png) top no-repeat;}

.th .hqimages {position: relative; width: 220px; height: 150px;}
.th .hqimages a span {position: absolute; display: none; width: 220px; height: 150px; background:url(../img/hqimages-hover.png) top no-repeat;}
.th .hqimages a:hover span {display: block; cursor: pointer;}
*html .th .hqimages a span {display: none;}
*html .th .hqimages a:hover {cursor: pointer; position: absolute; display: inline; width: 220px; height: 150px; background:url(../img/hqimages-hover.png) top no-repeat;}

.th .liveshow {position: relative; width: 220px; height: 150px;}
.th .liveshow a span {position: absolute; display: none; width: 220px; height: 150px; background:url(../img/watch-show-hover.png) top no-repeat;}
.th .liveshow a:hover span {display: block; cursor: pointer;}
*html .th .liveshow a span {display: none;}
*html .th .liveshow a:hover {cursor: pointer; position: absolute; display: inline; width: 220px; height: 150px; background:url(../img/watch-show-hover.png) top no-repeat;}

.site_box_pink {width: 680px; height: 395px; background: #e99ae9; margin: 10px 0 0 10px;}

.site_box_pink .left {width: 280px; padding: 10px; margin: 10px 0 0 10px; background: #fff; float: left;}
*html .site_box_pink .left {width: 280px; padding: 10px; margin: 10px 0 0 5px; background: #fff; float: left;}
.site_box_pink .left img {border: none;}

.site_box_pink .right {width: 350px; float: right; margin: 10px 10px 0 0;}
*html .site_box_pink .right {width: 350px; float: right; margin: 10px 5px 0 0;}
.site_box_pink .right h3 {font-size: 24px; margin: 0; padding: 0;}
.site_box_pink .right h3 span {font-size: 9px; font-weight: boldl; float: left; line-height: 30px; margin: 0 10px 0 0;}

.site_box_pink .right .description {background: #fff; width: 350px; height: 265px; overflow: hidden; margin: 10px 0 0 0;}
.site_box_pink .right .description p {font-size: 13px; margin: 20px 10px 0 10px; padding: 0;}
.site_box_pink .right .description p.caption {font-size: 9px; font-weight: bold; margin: 20px 10px 0 10px; padding: 0;}
.site_box_pink .right img {border: none; margin: 10px 0 0 0;}

/* /site box */

/* right */
#right {width: 295px; float: right; margin: 10px 10px 0 0; background: #bfbfbf;}
*html #right {width: 295px; float: right; margin: 10px 5px 0 0;}
#right h2 {font: normal 30px "Impact", sans-serif; text-align: center; color: #576a9d; padding: 0; margin: 20px 0 20px 0;}
#bonus {background: #fff;}
#bonus li {list-style: none; text-align: center; margin: 10px 0 0 0;}
#bonus h2 {font: normal 24px "Arial Black", Gadget, sans-serif; text-align: center; color: #990099; padding: 20px 0 0 0; margin: 0;}

#right .why_join_1 {background: #333333 url(../img/plus.png) top left no-repeat; margin: 0; padding: 10px;}
*html #right .why_join_1 {background: #333333 url(../img/plus_grey.gif) top left no-repeat; margin: 0; padding: 10px;}
#right .why_join_1 p {font-size: 13px; color: #fff; padding: 0; margin: 10px 0 0 40px;}
#right .why_join_1 p.caption {font-size: 18px; color: #f9ff6c; padding: 0; margin: 0 0 0 40px;}

#right .why_join_2 {background: #0058e4 url(../img/plus.png) top left no-repeat; margin: 0; padding: 10px;}
*html #right .why_join_2 {background: #0058e4 url(../img/plus_blue.gif) top left no-repeat; margin: 0; padding: 10px;}
#right .why_join_2 p {font-size: 13px; color: #fff; padding: 0; margin: 10px 0 0 40px;}
#right .why_join_2 p.caption {font-size: 18px; color: #f9ff6c; padding: 0; margin: 0 0 0 40px;}

#right .testimonial_1 {background: #333333; margin: 0; padding: 10px;}
#right .testimonial_1 p {font-size: 13px; color: #fff; padding: 0; margin: 0;}
#right .testimonial_1 p.sig {font: bold 9px Tahoma, Geneva, sans-serif; color: #fff; padding: 0; margin: 10px 0 0 0;}

#right .testimonial_2 {background: #0058e4; margin: 0; padding: 10px;}
#right .testimonial_2 p {font-size: 13px; color: #fff; padding: 0; margin: 0;}
#right .testimonial_2 p.sig {font: bold 9px Tahoma, Geneva, sans-serif; color: #fff; padding: 0; margin: 10px 0 0 0;}

/* /right */

#link {font: normal 25px "Arial Black", Gadget, sans-serif; text-align: center; padding: 0 0 20px 0; margin: 20px 0 0 0;}