body {
	margin: 0; 
	padding: 0; 
	width: 100%; 
	text-align: left; 
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	color: #b6b9be; 
	position: relative; 
	background-color: #303337;
	line-height: 16px;
	}
    
a {color: #59d697; text-decoration: none;}
a:hover {color: #fff;}
img {border: none;}

#container {margin: 0 auto; padding: 0; width: 830px; position: relative;}

#info_bar {margin: 0; padding: 0; width: 830px; height: 145px; float: left; background: url(images/michal_garski_design_info_bar.gif) 0 0 no-repeat;}
#info_bar a {margin: 0; padding: 0; float: left;}
#info_bar a img {margin: 0; float: left;}
#info_bar p {margin: 0; padding: 0; width: 275px; float: right; font-size: 11px; position: absolute; top: 22px; right: 0px;}

#content {margin: 0; padding: 0; width: 830px; float: left;}

#projects {margin: 0; padding: 0; width: 658px; float: left;}
#projects img {float: left;}
#projects p {margin: 6px 6px 0 0; padding: 0; width: 652px; float: left; text-align: right;}
#projects p a {margin: 0; padding: 0; font-weight: bold; color: #59d697;}
#projects p a:hover {color: white;}

#miniatures {margin: 0; padding: 29px 0 0; width: 140px; float: left; background: url(images/selected_works.gif) 0 0 no-repeat;}
#miniatures ul {margin: 0; padding: 0; width: 140px; float: left; list-style: none;}
#miniatures ul li {margin: 0; padding: 0 2px 2px 0; width: 68px; float: left; list-style: none;}
#miniatures ul li a {margin: 0; padding: 0; width: 68px; float: left;}
#miniatures ul li a img  {float: left;}

#footer {margin: 20px 0 0; padding: 8px 0 50px; width: 824px; float: left; background: url(images/stopka_linia.gif) 0 0 no-repeat;}