html { margin:0; padding:0; background: #fefefe url(../images/bg-html.jpg) repeat-x top center; }


body { margin:0 auto; padding:0; background: url(../images/bg-body.jpg) no-repeat top center; text-align:center; font: 11px/16px Geneva, Arial, Helvetica, sans-serif;}

#container { margin:0 auto; padding:0; width:795px; } 
#header { margin:0; padding:0; width:795px; height:210px; position:relative; }
	
		#logo { margin:0 auto; padding:0; position:absolute; top:50px; left:20px; }
		#flaClouds { margin:0 auto; padding:0; top:0; right:54px; position:absolute; z-index:24; }
	

		#nav { margin:0 auto; padding:0; position:absolute; top:145px; left:25px; overflow:hidden; }
		#nav ul { margin:0 0 0 0; padding:0; list-style:none; overflow:hidden; }
		#nav ul li{ float:left; }
		#nav li a { float:left; display:block; text-indent:-9999px; }
		
		#nav a.about-me{ background: url(../images/menu.png) no-repeat 0 0;
		width:139px; height:35px;
		}
		
		#nav a.portfolio{
		background: url(../images/menu.png) no-repeat -139px -40px;
		width:108px;
		height:35px;
		}
		
		#nav a.work-history{
		background: url(../images/menu.png) no-repeat -266px 0;
		width:143px;
		height:35px;
		}
		
		#nav a.contact{
		background: url(../images/menu.png) no-repeat -425px 0;
		width:118px;
		height:35px;
		}
		
		#nav a.about-me:hover{
		background: url(../images/menu.png) no-repeat 0 -40px;
		width:139px; height:35px;
		}
			
		#nav a.portfolio:hover{
		background: url(../images/menu.png) no-repeat -139px -40px;
		width:108px;
		height:35px;
		}
		
		#nav a.work-history:hover{
		background: url(../images/menu.png) no-repeat -266px -40px;
		width:143px;
		height:35px;
		}
		
		#nav a.contact:hover { background: url(../images/menu.png) no-repeat -425px -40px; width:118px; height:35px; }	

/* content */
#content { margin:0 auto; padding:0; width:795px; height:360px; position:relative; }

#content #about-me { 
background: url(../images/bg_about_me.png) no-repeat 50% 0;
width:400px; min-height:370px;
position:absolute;
top:-45px; left:130px;
overflow:hidden;
z-index:10;
}

#content #close-me { 
width:90; height:35;
cursor:pointer;
position:absolute; top:23px; right:26px;
} 

#content #contact { 
background: url(../images/bg_contact.png) no-repeat 50% 0;
width:260px; min-height:273px;
}

#content #close-contact { 
width:90; height:35;
cursor:pointer;
position:absolute; bottom:23px; left:46px;
} 

.contact-remove {
position:absolute;
top:-19px; right:60px;
overflow:hidden;
z-index:1;
cursor:pointer;
}

.contact-show { 
position:absolute;
top:-10px; right:220px;
overflow:hidden;
z-index:6;
cursor:pointer;
}   








/* portfolio + slider */
	#content #portfolio { margin:0 auto; padding:0; background: url(../images/bg_portfolio.png) no-repeat 50% 0; width:795px; height:242px; position:relative; overflow:hidden; z-index:3; } 
	
	#slider { margin:23px auto 0; padding:0; width:620px; height:197px; overflow:hidden; }
	#slider ul, #slider li { margin:0; padding:0; list-style:none; }
	#slider li { width:620px; height:197px; overflow:hidden; }
	#slider h2 { margin:0; padding:0; float:left; width:264px; height:228px; overflow:hidden; }
	#slider h2 a { display:block; width:214px; height:172px; text-indent:-9999px; font-size:1px; }
	
	#slider-desc { margin:21px 0 0 65px; width:270px; padding:0; float:left; font: 11px Geneva, Arial, Helvetica, sans-serif; text-align:left}
	#slider-desc dt, #slider-desc dd {margin:0; padding:0 0 16px;} 
	
	#slider-fronasz { background:url(../port-fronasz-img.png) no-repeat 0 0;}
	#slider-fronasz:hover { background:url(../port-fronasz-img.png) no-repeat 0 -210px;}
	
	#slider-cebo { background:url(../port-cebo-img.png) no-repeat 0 0;}
	#slider-cebo:hover { background:url(../port-cebo-img.png) no-repeat 0 -210px;}
	
	#slider-grodziska { background:url(../port-grodziska-img.png) no-repeat 0 0;}
	#slider-grodziska:hover { background:url(../port-grodziska-img.png) no-repeat 0 -210px;}
	
	#slider-lukaszowka { background:url(../port-lukaszowka-img.png) no-repeat 0 0;}
	#slider-lukaszowka:hover { background:url(../port-lukaszowka-img.png) no-repeat 0 -210px;}
	
	#slider-inno { background:url(../port-inno-img.png) no-repeat 0 0;}
	#slider-inno:hover { background:url(../port-inno-img.png) no-repeat 0 -210px;}
	
	#slider-roltrans { background:url(../port-roltrans-img.png) no-repeat 0 0;}
	#slider-roltrans:hover { background:url(../port-roltrans-img.png) no-repeat 0 -210px;}

	#slider-bartosz { background:url(../port-bartosz-img.png) no-repeat 0 0;}
	#slider-bartosz:hover { background:url(../port-bartosz-img.png) no-repeat 0 -210px;}
	
/* arrows left / right */

	#prevBtn, #nextBtn { display:block; width:36px; height:39px; position:absolute; top:98px; left:31px; }	
	#nextBtn { left:732px; }														
	#prevBtn a, #nextBtn a { display:block; width:36px; height:39px; background:url(../images/arrow_left.png) no-repeat 0 0; text-indent:-9999px; }	
	#nextBtn a { background:url(../images/arrow_right.png) no-repeat 0 0; }

<!-- footer -->
	#footer { margin:0 auto; padding:0; width:795px; height:140px; }


<!-- paski - screen -->
#flower-left { background-image: url(../flower_bg.png); background-repeat:no-repeat; position: fixed; bottom: 90px; left: 15px; width: 253px; height: 271px; margin: -85px; } 
#flower-left { background-image: url(../flower_bg.png); background-repeat:no-repeat; position: fixed; bottom: 0px; left: 5px; width: 309px; height: 381px; margin: -80px; } 
#extraDiv2 { 
background-color: #d9dbd9;
position : fixed; 
bottom : 0; left : 100%;
width : 100%; height : 17px; 
margin-left : -100%; 
} 
#topRight { background-color: #d9dbd9; position: fixed; top:0; left:100%; width:100%; height:17px; margin-left: -100%; } 
#topLeft { background-color: #d9dbd9; position: fixed; top:0; left:0; width: 17px; height: 100%; margin: 0; z-index:26; } 
#topRight { background-color: #d9dbd9; position: fixed; top: 0; right: 0; width: 17px; height: 100%; margin: 0; }