@import url(bolt.css);

body{background-color:#ffda45}
.footer{color:#b49000}

div.left{background-image:url(fish_left.gif)}
div.right{background-image:url(fish_right.gif)}
div.maintable{background-image:url(fish.gif);overflow:hidden}
div.frame{display:block; position:absolute; margin:0px; text-align:center; border:0px solid #ff0000}

#frame1{left:133px; top:27px; width:167px; height:151px; color:black; /*padding-top:50px*/}
#frame2{left:67px; top:210px; width:147px; height:142px; color:red}
#frame3{left:334px; top:50px; width:176px; height:194px; color:blue; /*padding-top:20px*/}
#frame4{left:328px; top:284px; width:131px; height:105px; color:maroon; padding-top:20px}
#frame5{left:540px; top:180px; width:194px; height:160px; color:green}
#frame6{left:751px; top:36px; width:155px; height:130px; color:orange; padding-top:20px}
#frame7{left:760px; top:194px; width:195px; height:153px; color:purple; padding-top:20px}

#kezdolap	{left:   5px; top: 469px; width: 228px; height: 128px}
#aktualis	{left: 161px; top: 393px; width: 190px; height: 118px}
#rolunk		{left: 325px; top: 449px; width: 169px; height: 130px}
#termekek	{left: 505px; top: 408px; width: 167px; height: 128px}
#elerhetoseg{left: 666px; top: 371px; width: 188px; height: 108px}
#tartalek	{left: 815px; top: 432px; width: 164px; height: 131px}

#menu li a:hover {background-image:url(fish.gif);background-repeat:no-repeat}

#kezdolap		a:hover {background-position:   -5px  -769px}
#aktualis		a:hover {background-position: -161px  -993px}
#rolunk			a:hover {background-position: -325px  -749px}
#termekek		a:hover {background-position: -505px -1008px}
#elerhetoseg	a:hover {background-position: -666px  -671px}
#tartalek		a:hover {background-position: -815px -1032px}