body {
	margin: 0; padding:0; text-align: center; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; color:#4c608d; line-height: 18px;
	background-color:#FFF;
}
#container {margin: 0 auto; padding 0; width: 830px; text-align: left;}
#header {height: 122px; width:100%;}
#content {width: 533px; display: block; float:left}
#footer {clear:both; background-image:url(footer.gif); background-repeat: repeat-x; height: 59px; width: 830px;}
#footer p {padding-top: 32px; color: #999999;}
li {list-style:none;  float: left;}
ul {margin:0; padding:0; float:left;;}
#menu, #menu1, #menu3 {margin-left: 3px;}
#menu2 {display:block;}
#clear {clear: both; margin:0; padding:0}
a {color:#000; text-decoration: none;}
a:hover {text-decoration: underline; color:#FF0000}
ul#sidebar {margin-left: 20px; width: 240px;}

  a#realizacje 			{ display: block; width: 92px; height: 119px; background: url(images/realizacje.jpg) top left no-repeat;}
  a#realizacje:hover 	{ background: url(images/realizacje1.jpg) top left no-repeat;}
  a#oferta 				{ display: block; width: 92px; height: 119px; background: url(images/oferta.jpg) top left no-repeat;}
  a#oferta:hover 		{ background: url(images/oferta1.jpg) top left no-repeat;}
  a#firma				{ display: block; width: 92px; height: 119px; background: url(images/firma.jpg) top left no-repeat;}
  a#firma:hover 		{ background: url(images/firma1.jpg) top left no-repeat;}
  a#kontakt 			{ display: block; width: 92px; height: 119px; background: url(images/kontakt.jpg) top left no-repeat;}
  a#kontakt:hover 		{ background: url(images/kontakt1.jpg) top left no-repeat;}


h2 {font: 12px Arial, Helvetica, sans-serif; color:#FF3300; margin: 20px 0 0 35px; margin-bottom: 0; line-height: 20px}
p {margin-left: 35px; margin-bottom:0; margin-right: 20px;}
img#work {margin-left: 25px; border: 0}

#logo-list {width: 900px; min-height: 424px; margin-top: 50px; margin-left: 20px;}
#logo-list li {display: block;}