/*
Copyright (c) 2009 koronowicz.com
*/

body { background:url(images/bg_krn.jpg) #d4d4d4 repeat-x; text-align:center; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #231f20; }

.fl { float:left; }
.fr { float:right; }

#container { width:950px; min-height:680px; display:block; margin:0 auto; text-align:left; background: url(images/promien.png) no-repeat; }
#header { float:left; width:950px; height:101px; }
#content { float:left; width:950px; border-top:3px solid #898989; border-bottom:3px solid #898989; font-size:12px; line-height:1.5em; color:#1b1b1b; }
#content a, #content a:link, #content a:active { border-bottom:#aaaaaa solid 1px; color:#000; text-decoration:none; font-size:12px; }
#content a:hover { border-bottom:#505050 solid 1px; }
#content ul { margin:0; padding:0; }
#content ul li { list-style:none; padding:2px; }
.kwadrat { background:#696969; color:#ffffff; padding:4px; }
blockquote { margin:0; padding:0 0 0 59px; }
#content .element { float:left; width:950px; padding:20px 0; font-size:24px; }
#content .obrazek { padding:10px 0 0 0; }

#fotter { float:left; width:940px; height:20px; color:#494949; padding:5px 5px; }
#fotter a, #fotter a:link, #fotter a:active { border-bottom:#aaaaaa solid 1px; color:#000; text-decoration:none; }
#fotter a:hover { border-bottom:#505050 solid 1px; }

ul#menu	{ height: 35px; width: 567px; background: transparent url(images/menu.gif) top left no-repeat; margin: 64px 0 0 0; padding: 0; position: relative; float:right; display:block; border:0; }
ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
ul#menu li, ul#menu a { height: 35px; display: block; }
ul#menu li a { text-indent: -9999px; overflow: hidden; text-decoration: none; }

#menu #home {left:270px; width:64px;}
#menu #what {left:331px; width:92px;}
#menu #works {left:423px; width:93px;}
#menu #me {left:516px; width:51px;}

#menu #home a:hover {background:transparent url(images/menu.gif) -270px -35px no-repeat;}
#menu #what a:hover {background:transparent url(images/menu.gif) -331px -35px no-repeat;}
#menu #works a:hover {background:transparent url(images/menu.gif) -423px -35px no-repeat;}
#menu #me a:hover {background:transparent url(images/menu.gif) -516px -35px no-repeat;}

body#home #home {background:transparent url(images/menu.gif) -270px -70px no-repeat;}
body#what #what {background:transparent url(images/menu.gif) -331px -70px no-repeat;}
body#works #works {background:transparent url(images/menu.gif) -423px -70px no-repeat;}
body#me #me {background:transparent url(images/menu.gif) -516px -70px no-repeat;}