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

body{padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; background: #5ACCFF url(images/bg_body_new.jpg) repeat-y center top;}
.spacer{font-size: 0; clear: both;}
a, a:visited{color: #0191D0; text-decoration: none;}
a:hover{color: #C00;}
#wrapper{background: url(images/bg_wrapper1.jpg) repeat-x left top; min-height: 500px;}
.main_header{background: url(images/header_new.jpg) no-repeat center top; height: 441px;}
.main_warning{background: url(images/header_warning.jpg) no-repeat center top; height: 441px;}
.header{width: 1002px; margin: 0 auto; height: 441px; position: relative;}
a.top_join, a.top_join:visited{display: block; position: absolute; top: 360px; right: 12px; width: 255px; height: 80px;}
a.top_join span, a.top_join:visited span{display: none;}
a.top_bonus, a.top_bonus:visited{display: block; position: absolute; top: 45px; right: 10px; width: 255px; height: 200px; }
a.top_bonus span, a.top_bonus:visited span{display: none;}
.top_menu{position: absolute; font-size: 12px; text-align: center; width: 260px; top: 11px; right: 10px; color: #ccc; line-height: 12px;}
.top_menu a{font-weight: 700;}
.menu{background: url(images/bg_menu.gif) repeat-x; height: 30px; width: 1000px; margin: 0 auto; font-size: 12px; line-height: 12px;}
.menu p{margin: 0; padding: 9px 0 0 10px; color: #666;}
.menu p a, .menu p a:visited{font-weight: 700; color: #fff;}
.menu p a:hover {color: #0191D0;}
.main_content{width: 992px; margin: 0 auto;}


/* menu */

/*============= MENU=============================*/

ul#menu {
color: #fff;
margin: 0 0 0 1px;
padding: 0;
font-weight: 700;
position: absolute; top: 441px; 
left: 50%; z-index: 10000;
width: 1002px;
margin-left: -501px;
}


ul#menu li {
display: inline;
margin: 0;
position: relative;
float: left;
padding: 9px 0 7px 0;
}


ul#menu li a, ul#menu li a:visited {
color: #fff;
text-decoration: none;
display: block;
text-align: center;
padding: 0 10px;
border-right: 1px solid #333;
}

ul#menu li a:hover {
text-decoration: none;
color: #00B4FE;
}

ul#menu div {
display: none;
}

ul#menu li.mega div {
border: 1px solid #fff;
width: 700px;
position: absolute;
top: 28px;
left: 0;
padding: 7px 0 4px 0;
background: url(images/bg_sub.png);
color: #000;
font-size: 11px;
z-index: 10;
}


ul#menu li.hovering div {
display: block;
}

ul#menu li.mega div .quart{float: left; text-align: center; padding: 10px 0; font-size: 10px; position: relative; width: 25%;}
ul#menu li.mega div .quart a{padding: 0; margin: 0; border: 0; display: inline; color: #02A7FF;}
ul#menu li.mega div .quart a img{border: 1px solid #fff; margin-bottom: 5px;}

#menu a#join, #menu a#join:visited{color: #0191D0; border-right: none;}
#menu a#join:hover{color: #FC0;}
.top_title{font-size: 18px; text-align: center; padding: 5px 0 5px 0; margin: 10px 6px 0 6px; line-height: 18px;  background: url(images/bg_title.jpg) repeat-x; border: 1px solid #ccc;}
.top_intro{font-size: 18px; text-align: center; padding: 12px 0 14px 0; margin: 10px 6px 0 6px; line-height: 18px;  background: url(images/bg_intro.jpg) repeat-x; border: 1px solid #ccc;}
.top_intro span{font-size: 32px;}
.top_ten{float: left; width: 190px; margin-left: 7px; font-size: 12px; line-height: 16px; display: inline; padding: 10px 0;}
.top_ten p{clear: left; padding: 0; margin: 0;}
.top_ten a img{border: 1px solid #000; margin-bottom: 5px; clear: both;}
.btns{text-align: center; padding: 10px 0 15px 0; clear: both;}
.category_box{background: #051932; padding: 7px 0;}
.category_box h3{background: url(images/bg_h3.jpg) no-repeat center top; font-size: 16px; padding: 7px 0 15px 0; margin: 0 0 0 2px; text-align: center; color: #fff; line-height: 16px;}
.category_line{background: url(images/bg_two.jpg) no-repeat center top; position: relative; height: 643px; padding: 0 0 0 9px; clear: both;}
.category_box h4{font-size: 14px; text-align: center; padding: 3px 0 0 0; margin: 0; color: #fff; line-height: 16px; clear: both;}
.third, .third1, .third2, .third3{text-align: center; float: left; width: 325px;  padding: 25px 0 43px 0; font-size: 12px;}
.third a, .third1 a, .third2 a, .third3 a{clear: left;}
.third1{padding: 5px 0 0px 11px; width: 315px;}
.third2{padding: 10px 6px 10px 5px; width: 315px;}
.third3{padding: 10px 6px 10px 5px; width: 315px;}
.half{float: left; text-align: center; padding: 25px 0 43px 0; font-size: 13px; width: 49%;}
.third a img, .third1 a img, .third2 a img, .third3 a img, .half a img{border: 1px solid #fff; margin-bottom: 8px; width: 314px; height: 224px; clear: both;}
.footer{text-align: center; border-top: 1px dotted #00436E; padding: 10px 0 40px 0; text-align: center; font-size: 13px; margin: 0 30px;}
.footer a{font-weight: bold; padding: 0 10px;}
.bottom_join{background: url(images/bottom_join.jpg) no-repeat center top; height: 280px;}
.bottom_join a{display: block; height: 280px;}
.bottom_join a span{display: none;}
.join_now{position: absolute; width: 150px; height: 40px; top: 325px; right: 0; background: url(images/invisible.jpg);}
.join_now a{height: 40px; width: 150px; display:block;}
.join_now a span{display: none;}
.intro{font-size: 13px; line-height: 18px; padding: 10px 20px;}
.five, .five_last{float: left; width: 200px; font-size: 11px; font-weight: bold; font-family: arial; color: #FFF; text-align: left; height: 170px; line-height: 14px; text-align: center;}
.five img, .five_last img{border: 1px solid #fff; margin: 0 0 5px 0;}
.five_last{width: 172px;}
.bonus_line{background: url(images/bg_bonus.jpg) no-repeat; margin: 0 0 0 5px; height: 320px; margin-bottom: 10px;}
.bonus_line h3{background: none; padding: 3px 0 15px 0; font-size: 15px;}
.bonus_line h3 a, .bonus_line h3 a:visited{color: #fc0;}
.bonus_line h4{ color: #fff; padding: 15px 0 0 0; font-size: 24px; margin: 0; line-height: 24px; }
.bonus_line h4 a, .bonus_line h4 a:visited {color: #fc0;}
.bonus_line h4 a:hover, .bonus_line h3 a:hover{color: #fff;}
.access_top, .access_bottom{background: url(images/arrow_down.jpg) no-repeat center top; height: 79px; text-align: center; color: #fff; margin-bottom: 10px;}
.access_bottom{background: url(images/arrow_up.jpg) no-repeat center top;}
.access_top p, .access_bottom p{font-size: 32px; line-height: 28px; padding: 13px 0 20px 0; margin 0;}
.access_top p span, .access_bottom p span{font-size: 18px;}
.big_join{font-size: 50px; text-align: center; padding: 10px 0; font-weight: bold;}
.feed_line{background: url(images/thin.jpg) no-repeat left bottom; height: 161px; margin-left: 50px; margin-bottom: 10px; width: 890px;}
.feed_main_thumb {float: left; width: 160px;}
.feed_content{float: left; width: 730px;}
.feed_content h3{background: url(images/bg_feeds.jpg) no-repeat; color: #fff; padding: 6px 0 6px 10px; font-size: 16px; margin: 0; line-height: 16px; text-align: left;}
.feed_content h3 a, .bonus_line h3 a{color: #fff;}, .feed_content h3 a:hover, .bonus_line h3 a:hover{color: #fc0;}
.feed_content h4{ color: #fc0; padding: 7px 0 7px 0; font-size: 13px; margin: 0; line-height: 13px; text-align: left;}
.top_feeds{background: url(images/arrow_down1.jpg) no-repeat center top; height: 80px; text-align: center; color: #fff; margin-bottom: 10px; padding-top: 10px;}
.top_feeds span{font-weight: bold;}
.top_feeds p{font-size: 32px; line-height: 22px; padding: 6px 0 3px 0; margin: 0; font-weight: 700;}
.left_trailer{float: left; background: #051931; width: 670px; height: 510px; margin: 4px 5px 10px 0;}
.right_trailer{float: left; width: 312px; margin-top: 4px; height: 510px; position: relative;}
.btn_access{width: 316px; height: 72px; position: absolute; bottom: 0; left: 0; background: url(images/btn_access.gif) no-repeat; display: block;}
.btn_access span{display: none;}
#container{ width: 642px; height: 482px; padding: 1px; margin: 12px 0 0 12px; background: #fff;  text-align: center; font-size: 14px;  font-size: 13px; font-weight: bold; }
#flashplayer .bt_play { display:block; width:130px; height:130px; position:absolute; z-index:2; left:50%; top:35%; margin:0 -65px 0 -65px; background:url(http://admin.pwihosted.com/flv/common/play.png) no-repeat 0 0; }
#flashplayer .bt_play span { display:none; }
.play_trailer{position: absolute; left: 0; bottom: 12px; text-align: center; font-size: 24px; font-weight: bold; line-height: 18px; width: 642px;}
.right_trailer h2{font-size: 16px; padding: 8px 0 5px 0; margin: 0 0 0 10px; border-bottom: 1px dotted #B2DCF2;}
.length, .description{font-size: 12px; padding: 15px 0 15px 0; margin: 0 0 0 10px; border-bottom: 1px dotted #B2DCF2; font-weight: 700;}
.length span, .description span{color: #006DA8;}
.description{font-size: 12px; padding: 12px 5px 12px 0; margin: 0 0 0 10px; border-bottom: 1px dotted #B2DCF2; font-weight: 700; line-height: 17px;}
.description_members{font-size: 14px; padding: 12px 5px 12px 0; color: #fff; margin: 0 0 0 10px; border-bottom: 1px dotted #B2DCF2; font-weight: 700; line-height: 17px;}
.description span{color: #006DA8;}
.trailer_thumb{padding-top: 10px; text-align: center;}
.trailer_thumb img{border: 1px solid #333; margin: 5px;}
.trailer_top{background: url(images/arrow_down.jpg) no-repeat center top; height: 79px; text-align: center; color: #fff; margin-bottom: 10px;}
.trailer_top p{font-size: 32px; line-height: 28px; padding: 28px 0 20px 0; margin: 0; font-weight: 700; text-transform: uppercase;}
.top_categories{font-size: 13px; text-align: center; padding: 6px 15px 10px 15px; margin: 10px 6px 0 6px; line-height: 18px;  background: url(images/bg_intro.jpg) repeat-x; border: 1px solid #ccc;}
.top_categories a{font-weight: bold;}
.cat_name{font-size: 24px; font-weight: 700;}
.thumbnails{border: 1px solid #fff; background: #000 url(images/bg_thumbs.jpg) no-repeat left top; margin: 0 6px;}
.navigation{text-align: center; font-size: 16px; font-weight: 700; padding: 10px 0; color: #fff;}
#menu a#active_page, #menu a#active_page:visited{text-decoration: underline;}

div#rotator {
	position:absolute;
	width: 726px;
	height: 406px; 
	top: 35px;
	left: 1px;
}
/* rotator css */
	div#rotator ul{padding: 0; margin: 0;}
	
	div#rotator ul li {
	position:absolute;
	list-style: none;
	padding: 0; 
	margin: 0;
}
/* rotator image style */	
	div#rotator ul li img {
	border: 0;
}
    div#rotator ul li.show {
	z-index:500;
}

div#rotator ul li{padding: 0; margin: 0;}

.join{width: 748px; margin: 0 auto; padding: 5px 0; background: #051930; font-size: 12px; line-height: 18px; color: #fff; text-align: center; font-weight: bold;}
.join span{color: #009DEE;}
.join h2{font-size: 40px; line-height: 30px; text-align: center; padding: 23px 0; margin: 0 4px; color: #fff; background: url(images/top_join.jpg) no-repeat;}
.join h3{font-size: 20px; line-height: 30px; text-align: center; padding: 23px 0; margin: 0 4px; color: #fff; background: url(images/top_join.jpg) no-repeat;}
.warning{padding: 0 20px; font-size: 14px; line-height: 19px;}
.warning_buttons{text-align: center; font-size: 18px; border-top: 1px dotted #ccc; padding: 15px 0; font-weight: bold; margin: 0 50px;}
.yellow{color: #fc0;}
.pages{float: left; text-align: center; font-size: 13px; width: 740px; padding-top: 10px; margin-left: 120px; line-height: 19px; display: inline;}
.pages a{padding: 2px 6px; border: 1px solid #0F4991; margin: 0 4px; background: #0A3263; color: #fff; line-height: 23px;}
.pages a:hover{padding: 2px 6px; border: 1px solid #AAE6FF; margin: 0 4px; background: #0191D0; color: #fff;}
.pages em{padding: 2px 6px; border: 1px solid #AAE6FF; margin: 0 4px; background: #0191D0; color: #fff;}
.navigation form{float: right; width: 110px; text-align: right; font-size: 14px; padding: 5px 0 0 0; margin-right: 10px;}
.pages .current{padding: 0 4px;}
.page_input{width: 30px;}