* { padding: 0px; margin: 0px }
body { font-size: 11px; font-family: Verdana, Geneva, sans-serif; text-align: center; background: url(bg.gif) }
div { margin: auto }
a img { border: 0px }
a { color: #000; text-decoration: none }
a:hover { color: #fff; text-decoration: none }
a:visited { color: #000; text-decoration: none }
.clear { clear: both }

.box { width: 990px; border-left: #ddd 1px solid; border-right: #ddd 1px solid; background: #fff; }
.content_box { width: 970px; border-left: #ddd 1px solid; border-right: #ddd 1px solid; padding: 0 10px; background: #fff }
.content_foot { height: 10px; background: url(970px_foot.gif) no-repeat }
.content_foot_778 { height: 10px; background: url(778px_foot.gif) no-repeat }

.head { width: 990px; height: 131px }
.head .logo { width: 379px; height: 131px; background: url(head_logo.gif) no-repeat; float: left }
.head .desc { width: 561px; height: 101px; padding: 15px 25px; background: url(head_desc.gif) no-repeat; float: left }
.head .desc .text { height: 72px; text-align: justify; font-size: 12px }
.head .desc .text a { color: #45abcb }
.head .desc div { text-align: right; font-size: 12px; height: 16px }
.head .desc div span { color: #45abcb }


.button_first { width: 160px; height: 36px; font-size: 13px; padding: 18px 0 0 13px; background: url(button_first.gif) no-repeat; float: left }
.button_box { width: 161px; height: 36px; font-size: 13px; padding: 18px 0 0 0; background: url(button_box.gif) no-repeat; float: left }
.button_last { width: 160px; height: 36px; font-size: 13px; padding: 18px 13px 0 0; background: url(button_last.gif) no-repeat; float: left }
.button_first:hover { background: url(button_first_active.gif) no-repeat }
.button_first:hover a {color: #fff }
.button_box:hover { background: url(button_box_active.gif) repeat-x }
.button_box:hover a {color: #fff }
.button_last:hover { background: url(button_last_active.gif) no-repeat }
.button_last:hover a {color: #fff }

.letter_first { width: 40px; height: 40px; font-size: 22px; padding: 12px 0 0 15px; background: url(letter_first.gif) no-repeat; float: left }
.letter_box { width: 40px; height: 40px; font-size: 22px; padding: 12px 0 0 0; background: url(letter_box.gif) no-repeat; float: left }
.letter_last { width: 40px; height: 40px; font-size: 22px; padding: 12px 15px 0 0; background: url(letter_last.gif) no-repeat; float: left }
.letter_first:hover { background: url(letter_first_active.gif) no-repeat }
.letter_first:hover  a {color: #fff }
.letter_box:hover { background: url(letter_box_active.gif) repeat-x }
.letter_box:hover  a {color: #fff }
.letter_last:hover { background: url(letter_last_active.gif) no-repeat }
.letter_last:hover  a {color: #fff }

.box_182 { width: 182px; float: left; margin-bottom: 10px }
.box_182 a img { border: #000 1px solid }
.box_182 a:hover img { border: #45abcb 1px solid }
.box_586 { width: 586px; padding: 0 10px; float: left; margin-bottom: 10px }
.box_778 { width: 778px; padding-right: 10px; float: left; margin-bottom: 10px }
.box_778_thumbs { width: 778px; padding-right: 10px; float: left }

.border { width: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 8px }

.title_box { height: 35px; font-size: 16px; color: #fff; background: url(title_left.gif) 0 0 no-repeat }
.title { height: 27px; padding: 8px 0 0 14px; float: left }
.title_right { height: 27px; padding: 8px 14px 0 0; background: url(title_right.gif) top right no-repeat; float: right }

.thumbs { width: 970px; background: url(970px_bg.gif) repeat-y }
.thumbs_th { width: 970px; background: url(970px_bg.gif) repeat-y; border-top: 1px solid #dddddd }
.thumbs_778 { width: 778px; background: url(778px_bg.gif) repeat-y }
.thumbs_3 { width: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd }
.th { width: 150px; height: 136px; padding: 8px 0 0 10px; float: left; font-size: 9px }
.th img { width: 148px; height: 111px }
.thumb_180x240 { width: 182px; height: 274px; padding: 8px 0 0 10px; float: left }
.thumb_180x240 img { width: 180px; height: 240px }
.thumb_180x135 { width: 182px; height: 166px; padding: 8px 0 0 10px; float: left; overflow: hidden }
.thumb_180x135 img { width: 180px; height: 135px }
.thumb_180x240 a:hover, .thumb_180x135 a:hover, .th a:hover { color: #45abcb }
.thumb_180x240 a img, .thumb_180x135 a img, .th a img { border: #000 1px solid }
.thumb_180x240 a:hover img, .thumb_180x135 a:hover img, .th a:hover img { border: #45abcb 1px solid }

.ads_160x600 { width: 160px; height: 600px; margin: 0px 9px 15px 9px }
.ads_160x160 { width: 162px; height: 200px; padding: 0px 6px 10px 6px; color: #000000; overflow: hidden }
.ads_160x160 a { color: #45abcb }
.ads_160x160 a:hover { color: #000 }
.ads_160x160 img { width: 160px; height: 160px }
.ads_300x250 { width: 302px; height: 289px; padding: 8px 10px 5px 11px; overflow: hidden; float: left }
.ads_300x300 { width: 302px; height: 339px; padding: 8px 10px 5px 11px; overflow: hidden; float: left }
.ads_300x250 a, .ads_300x300 a { color: #000 }
.ads_300x250 a:hover, .ads_300x300 a:hover { color: #45abcb }
.ads_300x250 img { width: 300px; height: 250px; margin: 0px 0px 5px 0px; border: 1px solid #000 }
.ads_300x300 img { width: 300px; height: 300px; margin: 0px 0px 5px 0px; border: 1px solid #000 }
.ads_300x250 img:hover, .ads_300x300 img:hover { border: 1px solid #45abcb }

.links { width: 150px; padding: 5px; margin: 0px 9px 10px 9px; color: #000000; border: 1px dotted #000; overflow: hidden; text-align: left }
.links a { color: #45abcb }
.links a:hover { color: #000 }
.links h3 { font-size: 13px; font-weight: normal; padding: 0 0 3px 0 }
.links p { font-size: 11px; padding: 3px }

.box_scene { padding: 0px 6px 10px 6px; font-size: 11px; text-align: justify }
.box_scene .box_picture { width: 182px; height: 139px; padding: 0px 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: #000 1px solid }
.box_scene .box_picture .picture img:hover { border: #45abcb 1px solid }
.box_scene .box_info { padding: 0 3px 0px 0; color: #000; font-size: 13px }
.box_scene .box_info a { color: #45abcb }
.box_scene .box_info a:hover {color: #000 }
.box_scene .box_info div { margin-bottom: 5px; line-height: 19px }
.box_scene .box_info .titles { font-size: 16px; text-align: left; height: 20px; overflow: hidden }
.box_scene .box_info .date { color: #000 }
.box_scene .box_info .ps { color: #45abcb }

.video { height: 435px; overflow: hidden }
.pic { width: 182px; height: 182px; margin: 0 1px 8px 9px; float: left; display: inline; overflow: hidden }
.pic img { width: 180px; height: 180px; border: 1px solid #000 }
.pic img:hover { border: 1px solid #45abcb }
.video_text { text-align: justify; font-size: 13px; padding: 3px 10px }
.video_text a { color: #45abcb }
.video_text a:hover { color: #000 }
.access { font-size: 24px; padding: 10px 0; text-transform: uppercase }
.access a { color: #45abcb }
.access a:hover { color: #000 }

.photo { width: 300px; height: 400px; padding: 0px 10px 6px 10px; float: left }
.photo img { padding: 1px; border: 1px solid #000 }
.bio_text { font-size: 13px; color: #000 }
.bio_text div { text-align: justify; padding: 0px 10px 10px 10px; line-height: 18px }

.site_box {}
.site_box .banner { width: 202px; height: 202px; padding: 0px 0px 10px 10px; margin: 0px 10px 0px 0px; float: left }
.site_box .banner img { border: 1px solid #000 }
.site_box .banner img:hover { border: 1px solid #45abcb }
.site_box .text { width: 554px; font-size: 13px; color: #000; float: left }
.site_box .text div { text-align: justify; padding: 0px 10px 10px 0px; line-height: 18px }
.site_box .text a { color: #45abcb }
.site_box .text a:hover { color: #000 }
.site_box .sitename { text-transform: uppercase; font-size: 16px }
.site_box .free { color: #000; text-align: justify; padding: 0px 10px 10px 10px; font-size: 14px; line-height: 18px }
.site_box .free a { text-transform: uppercase; font-size: 16px; color: #45abcb }
.site_box .free a:hover { color: #000 }

.separator { border-top: 1px dashed #ddd; margin: 0px 10px 10px 10px }

.cams_video { width: 678px; height: 412px; margin: 0px 0px 0px 12px; padding-bottom: 6px; overflow: hidden; display: inline; float: left }
.cams_video div { margin: 10px 9px 0px 9px; overflow: hidden }
.cams_ads { width: 252px; height: 412px; margin-left: 11px; padding-bottom: 6px; overflow: hidden; display: inline; float: left }
.cams_ads div { margin: 10px 5px 0px 5px }

.trade, .azlist { width: 226px; margin-left: 10px; padding: 3px 3px 3px 3px; font-size: 14px; display: inline; text-align: left; float: left }
.trade p, .azlist p { padding: 3px }
.trade a, .azlist a { color: #45abcb }
.trade a:hover, .azlist a:hover { color: #000 }

.foot { padding-bottom: 25px }

.popup {
	position: absolute;
	top: -500px;
	left: 0;
	width: 200px;
	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;
	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 }