@charset "utf-8";

* { margin:0; padding:0; }

body 
	{ background-color:#222222; background-image:url(images/top_bg.jpg); background-position:top center; 
	  background-repeat:no-repeat; color:#DDDDDD; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.blok_sprt { background-image:url(images/sprite_main.png); background-repeat:no-repeat; }
.yrep_sprt { background-image:url(images/sprite_y_repeat.png); background-repeat:repeat-y; }
.xrep_sprt { background-image:url(images/sprite_x_repeat.png); background-repeat:repeat-x; }
.clearer { clear:both; }

#container { position:relative; width:700px; margin:0px auto; padding-top:1px; }

#watermark 
	{ background-position:-384px -384px; width:614px; height:614px; 
	  position:absolute; top:-226px; left:-316px; z-index:-1; }
	  
#logo { position:absolute; height:76px; width:320px; z-index:10; top:55px; left:-35px; cursor:pointer; }
#logo_circle { position:absolute; top:0px; left:0px; background-position:-923px -292px; height:75px; width:75px; }
#logo_name { position:absolute; top:12px; left:86px; background-position:-682px -347px; height:20px; width:225px; }
#logo_slogan { position:absolute; top:44px; left:86px; background-position:-687px -318px; height:14px; width:220px; }

#context_pic { position:absolute; top:90px; right:0px;  }
#context_pic .content { width:153px; height:216px; padding:0; }

#menu { position:absolute; top:330px; left:545px; padding-bottom:30px; }
#menu .content { width:120px; }
#menu a { font-size:18px; display:block; margin:1px 0px; text-align:left; color:#CCCCCC; text-decoration:none; letter-spacing:1px; }
#menu a:hover { color:#A74043; }
#menu a:active { color:#A30E12; }

#bottom_info { margin:0px 145px 0px 0px; font-size:16px; font-weight:bold; color:#6B6B6B; text-align:center; }
#bottom_info a {  font-size:16px; color:#CCCCCC; text-decoration:none; }
#bottom_info a:hover { color:#A74043; }
#bottom_info a:active { color:#A30E12; }
#copyright { margin:5px 145px 10px 0px; font-size:10px; color:#862325; text-align:center; }