@charset "utf-8";
/* CSS Document */
body { padding: 0; margin: 0; background: #BDDEFF url(backgrounds.png) top left repeat; cursor: url(images/cursor.cur) }
a { color: #666; text-decoration: none; cursor: url(images/link.cur) }
a:hover { color: #333 }
a:visited { color: #999 }
img { border: none }

#preload { margin: 20px auto; width: 984px; height: 526px }
#preload #box-top-left { float: left; width: 12px; height: 13px; background: url(box-top-left.png) top left no-repeat }
#preload #box-top-center { float: left; width: 960px; height: 13px; background: url(box-top-center.png) top left repeat-x }
#preload #box-top-right { float: left; width: 12px; height: 13px; background: url(box-top-right.png) top left no-repeat }

#preload #box-mid-left { float: left; width: 12px; height: 500px; background: url(box-mid-left.png) top left repeat-y }
#preload #box-mid-center { float: left; width: 960px; height: 500px; background: url(box-mid-center.png) top left repeat }
#preload #box-mid-center #logo { width: 960px; height: 155px; background: url(preload.png) top left no-repeat }
#preload #box-mid-center #logo #social-network { float: right; width: 64px; height: 64px }
#preload #box-mid-center #content { width: 960px; height: 345px }
#preload #box-mid-center #content #content-left { float: left; width: 500px; height: 345px }
#preload #box-mid-center #content #content-left #details { padding: 9px 0; width: 500px; height: 302px }
#preload #box-mid-center #content #content-left #details #slogan { width: 500px; height: 50px }
#preload #box-mid-center #content #content-left #details #promotion { width: 500px; height: 210px }
#preload #box-mid-center #content #content-left #details #entrance { width: 500px; height: 50px; text-align: right }
#preload #box-mid-center #content #content-left #statistics { padding: 10px 0 0 0 }
#preload #box-mid-center #content #content-right { float: right; width: 460px; height: 345px }
#preload #box-mid-center #content #content-right #albums { float: left; padding: 9px 0 9px 28px; width: 202px; height: 302px }
#preload #box-mid-center #content #content-right #albums #flame { width: 202px; height: 302px; background: url(photo-flame.png) top left no-repeat }
#preload #box-mid-center #content #content-right #albums #flame #photo { padding: 5px; height: 291px }
#preload #box-mid-center #content #content-right #copyright { clear: both; padding: 5px; font: 0.8em Verdana, Geneva, sans-serif; text-align: right }
#preload #box-mid-right { float: left; width: 12px; height: 500px; background: url(box-mid-right.png) top left repeat-y }

#preload #box-bot-left { float: left; width: 12px; height: 13px; background: url(box-bot-left.png) top left no-repeat }
#preload #box-bot-center { float: left; width: 960px; height: 13px; background: url(box-bot-center.png) top left repeat-x }
#preload #box-bot-right { float: left; width: 12px; height: 13px; background: url(box-bot-right.png) top left no-repeat }