body  { color: #000; font-size: 11px; font-family: "Lucida Sans Unicode", sans-serif; line-height: 14px; background-color: #E6E6E6; background-image: url(img/bg.jpg); background-repeat: repeat-x; background-position: 0px 111px; margin: 0; padding: 0; width: 100%; height: 100% }
a { cursor: pointer }
img { border: 0px }
table { width: 100% }

div { border: 0px solid white }

#container { background-image: url(img/hack_bg_main.jpg); background-repeat: repeat-y; background-position: center top; display: table; margin: 0 auto; width: 850px; height: auto }
#top { margin: 0 auto; padding: 0px 0 0; width: 850px; height: 10px }
#bottom { height: auto; background: transparent url(img/bottom.jpg) no-repeat center top; margin: 0 auto; width: 850px; text-align: center; padding: 21px 0 21px; }
/*main (left side)*/
#main   { background-color: #fff; color:#000; background-image: url(img/tlcor.jpg); background-repeat: no-repeat; background-position: left top; display: table-cell; width: 605px; height: 100%; float: left }

.hdr_b  { display: block; padding: 12px 13px 9px 14px; color: #606060; clear: both; font-size: 14px; font-weight: bold; }

.hdr_m  { display: block; margin: 0 auto; padding: 0; width: 578px; height: 19px; clear: both }
	.hdr_m .hdr_m_l { color: #606060; background-color: #f3f3f3; background-image: url(img/hdr_m_l.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 2px; height: 19px; float: left }
	.hdr_m .hdr_m_c  { color: #6b6b6b; background-color: #f3f3f3; margin: 0; width: 568px; height: 17px; float: left; font-size: 9px; padding: 2px 0 0 6px; }
	.hdr_m .hdr_m_c img { margin: 4px 0 0 5px; float:left }
	.hdr_m .hdr_m_c .all { float:right; display:block; margin:1px 5px 0px 0px; }
	.hdr_m .hdr_m_c .all a { color:#606060; text-decoration:none; font-size:10px }
	.hdr_m .hdr_m_c .all a:hover { color:#8c8c8c; text-decoration:underline }
	.hdr_m .hdr_m_r { color: #606060; background-color: #f3f3f3; background-image: url(img/hdr_m_r.jpg); background-repeat: no-repeat; background-position: right top; margin: 0; padding: 0; width: 2px; height: 19px; float: left }
	
#spots { color:#000; background-color: #fff; margin: 0 auto; padding: 0; width: 578px; clear: both }
	#spot01, #spot02, #spot03, #spot04 { position: relative; z-index: 1; width: 135px; height: 128px; float: left; border: solid 1px #000 }
	#spot01 a, #spot02 a, #spot03 a, #spot04 a { text-decoration: none; display: block; height: 128px }
	#spot01 span.label, #spot02 span.label, #spot03 span.label, #spot04 span.label { color: #fff; font-weight: bold; background-color: inherit; text-align: right; position: absolute; z-index: 11; bottom:4px; right:4px; padding:0 0px 0 0; width: 135px }
	#spot01 span.labelbg, #spot02 span.labelbg, #spot03 span.labelbg, #spot04 span.labelbg { color: #0d0d0d; font-weight: bold; background-color: #000; text-align: right; position: absolute; z-index: 2; bottom:0px; padding:7px 0px 0 0; width:135px; filter: alpha(opacity=60); opacity: 0.6  }
	#spot01 { margin: 0 0px 0px 9px }
	#spot02, #spot03 { margin: 0 4px 15px }
	#spot04 { margin: 0 0 15px 4px }
	div.spot { position: relative; z-index: 1; width: 135px; height: 128px; border: solid 1px #000; margin: 0px 0px 0px 7px }
	a.spot { text-decoration: none; display: block; height: 128px }
	span.label { color: #fff; font-weight: bold; background-color: inherit; text-align: right; position: absolute; z-index: 11; bottom:4px; right:4px; padding:0 0px 0 0; width: 135px }
	span.labelbg { color: #0d0d0d; font-weight: bold; background-color: #000; text-align: right; position: absolute; z-index: 2; bottom:0px; padding:7px 0px 0 0; width:135px; filter: alpha(opacity=60); opacity: 0.6  }
	.fade { color: inherit; background-color: #fff; position: absolute; z-index: 33; top: 0; left: 0; width: 135px; height: 128px; filter: alpha(opacity=0); opacity: 0   }
	table.spots { width: 576px; border: 0; height: 268px; margin: 0; position: relative; left: 10px }
	td.spot_big { width: 288px; height: 268px; text-align: right }
	td.site_descr { width: 268px; height: 268px; text-align: justify; vertical-align: top; padding: 0px 10px 0px 10px }
	table.site_spec { width: 268px; height: 268px; border: 1px solid #D2D2D2; background-color: #F3F3F3 }
	td.site_name { font-size: 10pt; font-weight: bold; height: 30px; vertical-align: middle; padding-left: 4px }
	td.site_left { font-size: 8pt; height: 30px; border-top: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; width: 90px; padding: 0px 2px 0px 4px; text-align: left }
	td.site_right { font-size: 8pt; height: 30px; border-top: 1px solid #D2D2D2; width: auto; padding: 0px 4px 0px 2px; text-align: left }
	td.site_bottom { border-top: 1px solid #D2D2D2; }
	td.spot_a { width: 144px; height: 134px; vertical-align: top; border: 0px solid black; }
	td.spot_b { width: 144px; height: 134px; vertical-align: bottom }
	div.big { width: 279px; height: 266px; border: 1px solid black; z-index: 1; margin: auto; padding: 0; position: relative; left: 3px }
	img.big { width: 279px; height: 266px; border: 1px solid black; }
	img.s_ico { width: 16px; height: 16px; border: 0; vertical-align: middle }
	a.spot_big { text-decoration: none; display: block; height: 266px }
	div.site_name { font-size: 10pt; font-weight: bold }
	div.site_short { font-size: 10pt; margin-top: 20px }
	div.site_long { font-size: 10pt; margin-top: 0px; padding: 0px 18px 10px 18px; text-align: justify; line-height: 20px }
	span.label_big { color: #fff; font-weight: bold; background-color: inherit; text-align: right; position: absolute; z-index: 11; bottom:4px; right:4px; padding:0 0px 0 0; width: 279px }
	span.labelbg_big { color: #0d0d0d; font-weight: bold; background-color: #000; text-align: right; position: absolute; z-index: 10; bottom:0px; right: 0px; padding:7px 0px 0 0; width:279px; filter: alpha(opacity=60); opacity: 0.6  }
	.fade_big { color: inherit; background-color: #fff; position: absolute; z-index: 33; top: 0; left: 0; width: 279px; height: 266px; filter: alpha(opacity=0); opacity: 0   }

.list  { color:#000; background-color: #fff; display: block; margin: 0 auto; padding: 0; width: 578px; clear: both }
	.list .left  { display: block; margin: 0; padding: 0 0 15px; width: 175px; float: left }
	.list .center  { display: block; margin: 0 25px; padding: 0 0 15px; width: 175px; float: left }
	.list .right  { display: block; margin: 0; padding: 0 0 15px; width: 175px; float: left }
	.list span { display: block; margin: 5px 0 0 }
	.list a { color: #000; text-decoration: none; background-color: #fff }
	.list a.pre { color: #C0C0C0; }
	.list a:hover { color: #8c8c8c; text-decoration: underline; background-color: #fff }
	
a { color: #000; text-decoration: none }
a:hover { color: #8C8C8C; text-decoration: underline }
	
#black_area  { color: #d2d2d2; background-color: #000000; clear: both }

td.amd { width: 605px; height: 65px; vertical-align: bottom }
img.amd { width: 605px; height: 65px }

#sites      { display: block; padding: 0 13px; clear: both }
	#sites #silver     { text-align: justify; margin: 30px 0; width: 275px; float: left }
	#sites #platinum     { text-align: justify; margin: 30px 0; width: 275px; float: right }
	#sites .t   { color: #eee; background-color:#000; font-weight: bold; display: block; margin: 15px 0 0; padding: 0 }
	#sites .o  { line-height:14px; display: block; padding: 2px 0 0 }
	#sites .ico  { margin: 2px 0 20px 6px; float: right; }
	#sites .hdr   { text-align: center; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0; padding: 0 }

.intro  { font-size: 12px; font-weight: 700; line-height: 16px; text-align: justify; display: block; padding: 0 13px; clear: both }

.txt  { text-align: justify; display: block; padding: 0 13px 5px; clear: both }

#fl { color: #f4f4f4; background-color:#000; font-weight: bold; text-decoration: underline }
#fl:hover { color: #fff; background-color:#000; text-decoration: none }

/*info (right side)*/
td.info { width: 245px; vertical-align: top; /* background-image: url(img/bottom_news.gif); background-repeat: no-repeat; background-position: center bottom */ }
#info { display: table-cell; width: 245px; height: 100%; float: right }
	#info a  { text-decoration: none; text-align: justify; display: block; margin: 0 3px }
	#info a:hover  { color:#b91010; background-color: #e9e9e9; margin: 0 3px }
	#info .date  { color: #000; font-size: 11px; font-weight: bold; background-color: #f3f3f3; text-align: left; margin: 18px 3px 2px; padding: 0 0 2px 4px; border-style: none none solid; border-width: 0 0 1px; border-color: #d2d2d2 }

#ann1 a { color: #8C8C8C; text-decoration: none; display: inline; margin: 0 }
#ann1 a:hover { color: #b91010; text-decoration: underline; background-color: transparent; margin: 0 }	
	
#hdr_info_news { margin: 0; padding: 0; background-image: url(img/hdr_info_news.jpg); width: 245px; height: 40px }
#hdr_info_news a { display: inline; margin: 0; position: relative; top: 9px; left: 14px }
#hdr_info_news a:hover { background-color: transparent; color: none; margin: 0 }
.rss { width: 16px; height: 16px }
.hdr_info_an { margin: 10px 0 0; padding: 0; }

.news   { color: #000; background-color:inherit; font-size: 11px; line-height: 14px; text-align: left; display: block; padding: 4px }
.ann   { color: #000000; background-color:inherit; font-size: 11px; line-height: 14px; text-align: justify; display: none; padding: 8px }
.web  { color: #8c8c8c; background-color:inherit; font-size: 10px; font-weight: normal; }
.an .web { display: block }
.sep  { margin: 2px 3px; border-style: none none dashed; border-width: 0 0 1px; border-color: #d2d2d2 }

#tooltip { position: absolute; width: 0px; display: none; background-color: #F3F3F3; border: 1px solid #D2D2D2; opacity: 0.90; filter: Alpha(Opacity=90); z-index: 100 }

#top a, #top img, #top small, #top embed {
    width: 100%;
}