body {



	background: url(bg.gif);
	font-family: Verdana, sans-serif;
	font-size:10px;
	margin: 0px;
	padding: 0px;

}


html {

	background: url(bg.gif);

}

a {

color: #7b7b7b;
text-decoration: none;
border:none;
font-size: 9px;
margin: 0px;
padding: 0px;

}

a:hover {
	color: #000000;
}

p {
margin: 0;
}


h1, h2, h3, h4 {



	font-family: Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;

}

ul {

	margin: 0px;
	padding: 0px;
	list-style: none;
}


img {
border:none;
margin: 0px;
padding: 0px;
display: block;
}


.left {
float: left;

}

.right {
float: right;

}



#wrapper {
	padding: 0px;
	margin: 0 auto;
	text-align:center;
	height: auto;
	width: 612px;
	margin-top:20px;
	background: url(middle.gif);
}




.clear {
	clear: both;
	height: 0px;
	width: auto;	
}




#content {
float:left;

   
	width: 602px;
	height: auto;
	margin: 0px;
	padding: 0px;
}


#web {
background: url(inside-web.jpg);
height: 501px;
margin: 0;
padding: 0;
}


#graphics {
background: url(inside-graphics.jpg);
height: 438px;
margin: 0;
padding: 0;
}


#print {
background: url(inside-print.jpg);
height: 501px;
margin: 0;
padding: 0;
}

#aboutme p {
width: 300px; 
float: right; 
padding: 0px 10px 0px 0px;
}

#contact  p{
float: right;
padding: 10px 200px 10px 30px;
width: 200px;
}

#singleweb {
height: auto;
margin: 0;
padding: 0;
}


#singleweb p {
float:right;
width: 250px; 
padding: 30px 15px 0px 50px;
text-align: center;
}

#singleweb ul {
float:right;
width: 150px;
border-top: 1px solid #aaaaaa;
clear: both;
padding: 10px 50px 0px 50px;
margin-top: 40px;
}

.webbrief{
background: url(web-brief.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#000011;
}

.webeccentric{
background: url(web-eccentric.png);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#dddddd;
}

.webiwona{
background: url(web-iwona.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#aaaaaa;
}

.webmadkrakow{
background: url(web-madkrakow.png);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#dddddd;
}

.webmadkrakow a:hover {
color: #999999;
}

.webarslegis{
background: url(web-arslegis.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#4b3e24;
}

.webthebeatles {
background: url(web-thebeatles.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#cccccc;
}



.printbrief{
background: url(print-brief.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#666666;
}


.printarslegis{
background: url(print-arslegis.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#666666;
}


.printfm{
background: url(print-fm.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#00007e;
}

.graphicsbrief{
background: url(graphics-brief.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#00007e;
}


.graphicskompugraf{
background: url(graphics-kompugraf.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#00007e;
}

.graphicsfinger{
background: url(graphics-finger.jpg);
height: 501px;
height: 450px;
margin: 0;
padding: 0;
color:#dddddd;
}

.graphicsfinger a{
color:#333333;
}

.graphicsfinger a:hover{
color:#111111;
}

#web p, #graphics p, #print p {
float:left;
color:#000011;
width: 200px; 
padding: 310px 0px 0px 50px;
font-style: italic;
text-align: center;
}

#web ul, #graphics ul, #print ul {
float: right;
width:200px;
padding: 360px 50px 0px 0px; 
}


#header {
height: 88px;
background: url(header.gif);
margin: 0;
padding: 0;
}

#header h1 {
font-size: 20px;
color: #b0b0b0;
font-weight: bold;
letter-spacing:-2px;
text-align: left;
padding:20px 0px 0px 25px;
}

#header a {
margin-left:5px;
}

#menu {
text-align: right;
margin-right:34px;
margin-top:2px;
}


#footer {
height: 37px;
background: url(footer.gif);
margin: 0;
padding: 0;
text-align: left;
}