@charset "utf-8";
/* CSS Document */

*{margin: 0px; padding: 0px;}
body{background: url(../images/tile_bg.gif) left top repeat;}
#gr{background: url(../images/tile_grad.png) left top repeat-x; position: absolute; left: 0px; top: 0px; height: 768px; width: 100%;}
#copy{position: fixed; bottom: 4px; right: 4px; background: url(../images/copy.png) left top no-repeat; width: 180px; height: 32px;}
#logo{position: absolute; left: 15px; top: 15px; width: 304px; height: 124px;}
#logo a{display: block; width: 100%; height: 100%;}

#star{background: url(../images/star.png) left top no-repeat; width: 100px; height: 100px; position: absolute; left: 280px; top: 10px; display: none;}
#face{background: url(../images/face.png) left top no-repeat; width: 130px; height: 120px; position: absolute; right: 30px; top: 15px;}

#scripts{background: url(../images/scripts.png) 0px -50px no-repeat; width: 138px; height: 50px; position: absolute; left: 40px; top: 140px; display: block;}
#scripts:hover{background: url(../images/scripts.png) 0 0 no-repeat;}
#tools{background: url(../images/tools.png) 0px -50px no-repeat; width: 108px; height: 50px; position: absolute; left: 40px; top: 200px; display: block;}
#tools:hover{background: url(../images/tools.png) 0 0 no-repeat;}
#scripts_div{background: url(../images/scripts.png) left top no-repeat; width: 138px; height: 50px; position: absolute; left: 40px; top: 140px; display: block;}
#tools_div{background: url(../images/tools.png) left top no-repeat; width: 108px; height: 50px; position: absolute; left: 40px; top: 200px; display: block;}

/*links*/
#link_blog{position: absolute; width: 136px; height: 107px; left: 430px; top: 36px;}
#arr01{background: url(../images/arr01.png) left top no-repeat; width: 60px; height: 72px; position: absolute; left: 380px; top: 54px; display: none;}