html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#d9ccaa url(images/bg.jpg) top center repeat-x;
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.clearBoth{
	clear:both;
}

#rootDiv{
	width:680px;
	height:auto !important;    /*   dyrektywa important ważna dla Firefoxa , auto rozciąga wysokość  */
	margin:0px auto;
}


#top{
	width:680px;
	height:160px;
	background:url(images/top.jpg);
}



#body{
	width:680px;
	height:280px;
	background:url(images/body.jpg);
}

#link1{
	float:left;
	width:340px;
	height:280px;
}

#link1 a{
	display:block;
	width:340px;
	height:280px;
}


#link1 a:hover{
	background:url(images/link1.jpg);
}



#link2{
	float:left;
	width:340px;
	height:280px;
}

#link2 a{
	display:block;
	width:340px;
	height:280px;
}

#link2 a:hover{
	background:url(images/link2.jpg);
}




#footer{
	width:680px;
	height:40px;
	background:url(images/footer.jpg) no-repeat;
}

#footer a{
	display:block;
	width:200px;
	height:40px;
	float:right;
}