* { margin: 0; padding: 0}
body { background: url('bg.jpg'); margin: 0 auto; font-family: Tahoma,Geneva,sans-serif;}
a {color: #ffde00 }
a, a:hover { text-decoration: none }
a:hover {color: #fff}
a img { border: 0 }
.clear {clear: both}


.head_box { width: 992px; margin: auto}
.head_top { height: 101px;}
.head_top .left { width: 337px; height: 101px; background: url('logo.png'); float: left}
.head_top .right { width: 655px; height: 101px; background: url('promo_block.png') no-repeat; float: left}
.head_top .right .desc { height: 48px; line-height: 1.4; color: #fff; font-size: 11px; text-align: justify; padding: 12px 25px 0 15px; overflow: hidden;}
.head_top .right .info { padding-right: 25px; font-size: 12px; text-align: right; color: #FFDE00}
.head_bottom { height: 51px}
.head_bottom .b_img { width:290px; height: 51px; background: url('logo_lower.png'); float: left;}
.head_bottom .menu { height: 51px; float: left}
.menu .main, .menu .vid, .menu .pic, .menu .top_cel, .menu .pay_s { width: 115px; height: 51px; float: left; background-repeat: no-repeat;}
.menu .main a, .menu .vid a, .menu .pic a, .menu .top_cel a, .menu .pay_s a, .menu .free_s a {padding-top: 12px; display: block;}
.menu .main { background: url('main.png')}
.menu .main:hover {background: url('main_a.png')}
.menu .vid {background: url('video.png')}
.menu .vid:hover {background: url('video_a.png')}
.menu .pic {background: url('photo.png')}
.menu .pic:hover {background: url('photo_a.png')}
.menu .top_cel {background: url('top.png')}
.menu .top_cel:hover {background: url('top_a.png')}
.menu .pay_s {background: url('review.png')}
.menu .pay_s:hover {background: url('review_a.png')}
.menu .free_s {background: url('free.png') no-repeat; width: 127px; height: 51px; float: left; display: block;}
.menu .free_s:hover {background: url('free_a.png')}

.az_list { width: 992px}
.az_list img { width: 40px; height: 53px}
.a { width: 56px; height: 53px; float: left; background: url('a.png') no-repeat; float: left;}
.a:hover { background: url('a_a.png')}
.a img {width: 56px; height: 53px}
.b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o, .p, .r, .s, .t, .u, .v, .w, .y { width: 40px; height: 53px; background-repeat: no-repeat; float: left}
.b {background: url('b.png')} .b:hover {background: url('b_a.png')}
.c {background: url('c.png')} .c:hover {background: url('c_a.png')}
.d {background: url('d.png')} .d:hover {background: url('d_a.png')}
.e {background: url('e.png')} .e:hover {background: url('e_a.png')}
.f {background: url('f.png')} .f:hover {background: url('f_a.png')}
.g {background: url('g.png')} .g:hover {background: url('g_a.png')}
.h {background: url('h.png')} .h:hover {background: url('h_a.png')}
.i {background: url('i.png')} .i:hover {background: url('i_a.png')}
.j {background: url('j.png')} .j:hover {background: url('j_a.png')}
.k {background: url('k.png')} .k:hover {background: url('k_a.png')}
.l {background: url('l.png')} .l:hover {background: url('l_a.png')}
.m {background: url('m.png')} .m:hover {background: url('m_a.png')}
.n {background: url('n.png')} .n:hover {background: url('n_a.png')}
.o {background: url('o.png')} .o:hover {background: url('o_a.png')}
.p {background: url('p.png')} .p:hover {background: url('p_a.png')}
.r {background: url('r.png')} .r:hover {background: url('r_a.png')}
.s {background: url('s.png')} .s:hover {background: url('s_a.png')}
.t {background: url('t.png')} .t:hover {background: url('t_a.png')}
.u {background: url('u.png')} .u:hover {background: url('u_a.png')}
.v {background: url('v.png')} .v:hover {background: url('v_a.png')}
.w {background: url('w.png')} .w:hover {background: url('w_a.png')}
.y {background: url('y.png')} .y:hover {background: url('y_a.png')}
.z { width: 56px; height: 53px; float: left; background: url('z.png') no-repeat; float: left}
.z:hover { background: url('z_a.png')}
.z img {width: 56px; height: 53px}

.content_box { margin: 0 auto; width: 992px;}
.content { background: url('block_bg.png') repeat-y; padding: 5px 14px 0 14px}
.content_bottom { width: 992px; height: 14px; background: url('block_lower.png')}
.title_box { height: 52px; }
.title_box .left { width: 16px; height: 52px; background: url('block_up_left.png') no-repeat; float: left;}
.title_box .center { width: 960px; color: #fff; height: 37px; padding-top: 15px; background: url('block_up_bg.png') repeat-x; float: left;}
.center .title { font-size: 18px; float: left; text-transform: uppercase;}
.center .bookmark { height: 50px; float: right;}
.title_box .right { width: 16px; height: 52px; background: url('block_up_right.png') no-repeat; float: right}

.th_box { display: inline-block; padding-left: 1px}
.th { width: 154px; margin: 0 3px; float: left; font-size: 12px; text-align: center; display: inline-block; }
.th img { widht: 150px; height: 112px;  border: 2px solid #a7a7a7}
.th img:hover {border: 2px dashed #ffde00}

.thumb_180x240 { float: left; width: 184px; margin: 0 0 6px 7px; display: inline; text-align: center; font-family: Arial,Geneva,sans-serif; font-size: 14px; overflow: hidden }
.thumb_180x240 img { width: 180px; height: 240px; border: 2px solid #a7a7a7 }
.thumb_180x240 img:hover { border: 2px dashed #ffde00 }
.thumb_180x240 span { color: #ff5700 }
.scene .thumb_180x240 { float: left; width: 184px; margin: 0 0 6px 16px; display: inline; text-align: center; overflow: hidden }
.scene_big .thumb_180x240 { float: left; width: 184px; margin: 0 0 6px 9px; display: inline; text-align: center; overflow: hidden }

.thumb_180x135 { float: left; width: 184px; height: 177px; margin: 0 2px 6px 8px; font-size: 12px; line-height: 16px; text-align: center; overflow: hidden }
.thumb_180x135 img { width: 180px; height: 135px; border: 2px solid #a7a7a7 }
.thumb_180x135 img:hover { border: 2px dashed #ffde00 }
.scene .thumb_180x135 { float: left; width: 184px; height: 177px; margin: 0 2px 6px 15px; font-size: 12px; line-height: 15px; text-align: center; overflow: hidden }

.ads_300x250, .ads_300x300 { width: 304px; font-size: 13px; text-align: center; margin: 0 5px 0 10px; display: inline; overflow: hidden; float: left; }
.ads_300x250 img { width: 300px; height: 250px; border: 2px solid #a7a7a7 }
.ads_300x250 div { border: 2px solid #a7a7a7 }
.ads_300x300 img { width: 300px; height: 300px; border: 2px solid #a7a7a7 }
.ads_300x300 div { border: 2px solid #a7a7a7 }
.ads_300x250 img:hover, .ads_300x250 div:hover, .ads_300x300 img:hover, .ads_300x300 div:hover { border: 2px dashed #fffc9d }

.ads { width: 166px; padding-bottom: 2px; overflow: hidden; float: left; }
.ads_160x160 { width: 157px; margin: 9px 0px 9px 0; color: #fff; text-align: center; font-size: 12px  }
.ads_160x160 a { color: #fdf753; font-size: 12px }
.ads_160x160 a:hover { color: #fff }
.ads_160x160 img { width: 155px; height: 155px; border: 1px solid #a7a7a7 }
.ads_160x160 img:hover { border: 1px dotted #a7a7a7 }
.ads_160x600 { width: 168px; height: 604px; margin-top: 8px; margin-left: 1px; overflow: hidden }
.ads_160x600 img { width: 160px; height: 600px; border: 1px solid #a7a7a7 }
.ads_160x600 img:hover { border: 1px dotted #fff }

.column_box {width: 22%; margin-left: 15px; padding-left: 10px; float: left; }
.column_box h5 {line-height: 18px; color: #ffde00}
.column_box a {font-size: 12px}

.scene { width: 618px; margin: 8px 6px 3px; padding-top: 5px; overflow: hidden; display: inline; float: left; border: 1px solid #a7a7a7 }
.scene .video { width: 580px; margin: 7px auto 10px 15px; height: 435px; padding: 3px; border: 1px solid #a7a7a7; overflow: hidden }
.scene .pic { width: 182px; height: 182px; margin: 7px 8px 14px 14px; float: left; display: inline; overflow: hidden }
.scene .pic img { width: 180px; height: 180px; border: 1px solid #a7a7a7 }
.scene .pic img:hover { border: 1px solid #a7a7a7 }
.scene .text { width: 560px; margin: auto; padding-bottom: 5px; text-align: justify; color: #bbb; font-size: 14px }
.scene .text span { font-weight: bold }
.scene .text a:hover { text-decoration: underline }
.scene .access { width: 560px; margin: auto; text-align: center; font-size: 22px; padding: 12px 0; text-transform: uppercase; font-weight: bold }

.scene_big {width: 780px; margin: 8px 6px 3px 6px; padding-top: 10px; overflow: hidden; display: inline; float: left; border: 1px solid #a7a7a7}
.scene_big .photo { padding: 7px 10px 0 7px; text-indent: 0; margin: 0; float: left}
.scene_big .photo img {width: 300px; height: 400px; border: 1px solid #f00; padding: 1px}
.scene_big .text {text-align: justify; color: #bbb; font-size: 14px; padding: 5px 7px 10px 5px}
.scene_big .text div {padding: 2px 0px 2px 7px; text-indent: 25px; line-height: 22px }

.box_scene { padding: 0 4px; font-size: 11px; text-align: left; font-family: Tahoma, Verdana, Arial, sans-serif }
.box_scene .box_picture { width: 182px; height: 139px; padding: 3px 3px 1px 3px; margin: 0px 10px 0px 0px; float: left }
.box_scene .box_picture .picture { width: 182px; padding-right: 8px }
.box_scene .box_picture .picture img { border: #a7a7a7 1px solid; padding: 1px }
.box_scene .box_picture .picture img:hover { border: #a7a7a7 1px dotted }
.box_scene .box_info { padding: 4px 3px 0px 0px; color: #bbb; font-size: 14px }
.box_scene .box_info div { margin-bottom: 5px; padding-left: 5px; line-height: 20px; text-align: left }
.box_scene .box_info div a:hover { text-decoration: underline }
.box_scene .box_info .titles { font-weight: bold; font-size: 16px; height: 24px; overflow: hidden; padding-left: 0px }
.box_scene .box_info .titles a:hover { color: #CC0000; text-decoration: underline }
.box_scene .box_info .date {  }
.separated { border-top: #000 1px dotted; height: 1px; margin: 15px 10px }

.freesite_180x135 { width: 180px; height: 146px; padding: 10px 15px 0 15px; float: left }
.freesite_180x135 img {width: 180px; height: 135px; border: #ffffff 1px solid }
.freesite_180x135 a:hover img {border: 1px solid #ff0}
.freesite_text { width: 560px; padding: 10px 5px 10px 0; float: left }
.freesite_text div { color: #bbb; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-align: justify; padding-bottom: 10px }
.freesite_text div a { font-size: 20px; color: #ffff00; text-align: center; }
.freesite_text div a:hover { color: #fff }

.paysite_box { width: 740px; margin: 0 0 9px 5px }
.paysite_box .banner { width: 202px; height: 202px; padding: 9px 0px 9px 9px; margin: 0px 9px 0px 0px; float: left }
.paysite_box .banner img { border: 1px solid #bbb }
.paysite_box .banner img:hover { border: 1px dotted #bbb }
.paysite_box .text { width: 500px; padding-top: 9px; font-size: 14px; color: #ddd; float: left }
.paysite_box .text a {font-size: 16px}
.paysite_box .text div { text-align: justify; padding: 0px 9px 10px 0px; color: #bbb; line-height: 18px }
.paysite_box .text a:hover { color: #febf00 }
.paysite_box .sitename { text-transform: uppercase; font-size: 16px; text-align: center }
.paysite_box .sitename a {font-size: 18px;}


.links { width: 150px; padding: 5px; margin: 8px 0 6px 1px; font-size: 11px; color: #fff; border: 1px solid #a7a7a7; overflow: hidden; text-align: left }
.links:hover { border: 1px dotted #a7a7a7 }
.links a:hover { text-decoration: underline }
.links h3 { font-size: 13px; padding: 0 0 3px 0; margin-left: 7px; text-align: left }
.links p { font-size: 11px; padding: 3px }

.cams_video { width: 700px; height: 400px; margin: 4px 0 8px 4px; padding: 2px; overflow: hidden; display: inline; float: left }
.cams_ads { width: 240px; height: 400px; margin: 4px 0 8px 8px; padding: 2px; overflow: hidden; display: inline; float: left }
.cams_ads img { border: 0px }

.trade { width: 230px; float: left; margin: 0 0 5px 10px; font-family: Tahoma,Geneva,sans-serif; }
.free_site_box { width: 208px; height: 16px; padding: 0 0 0 22px; margin: 5px; font-size: 14px; display: inline; text-align: left; float: left }

.popup {
	position:absolute;
	top: -500px;
	left: 0;
	padding: 4px 5px;
	visibility: hidden;
	border: 1px solid black;
	text-align: justify;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	z-index: 100;
	background-color: white;
	width: 200px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#lightbox { background-color: #eee; padding: 10px 10px 0px 10px; border: 2px solid #666 }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em }
#lightboxCaption { float: left }
#keyboardMsg { float: right }
#overlay { background-image: url(overlay.png) }
#closeButton { margin: -5px 0px 0px -15px }