body {
background-color: #ebf0f7;
margin-top: 0px;
}

#nav { background:url(buty.jpg) }
#nav li { float:left; list-style-type:none }
#nav li a {  

display:block;  
height: 33px;
width: 466px; 
text-indent:-9999px; 
outline:none;
}


#container {
	margin-left: auto; 
 	margin-right: auto;
	width: 750px;
	background: #FFFFFF;
	background-color: #ebf0f7;
}
#header {
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: #66CCFF;
	height: 169px;
	/*margin-top:60px;*/
	color:#FFFFFF;
	background-image:url(nag_up.jpg);
	background-color: #ebf0f7;
}

#nav 
	{
	margin-top: 0px;
	margin-left: 0px;
	height: 33px;
	width: 466px;
	float:left
}

#subnag {
background-image:url(subnag_pr.jpg);
width: 284px;
float: right;
height: 33px;
}
#content {
	margin-left: auto; 
 	margin-right: auto;
	width: 750px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	background:#d4e8fa

}

#gora {
background:#d4e8fa;
}

#lewa {
	float:left;
	width: 560px;
	background:#d4e8fa;
	height: 310px;
}

#lewa_doj {
	float:left;
	width: 750px;
	background:#d4e8fa;
}

#lewa_bad {
	float:left;
	width: 750px;
	background:#d4e8fa;
	
}

#rej_img {
	background-image:url(rej.jpg);
	height: 54px;
	width: 164px;
	margin-left: 95px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#bad_img {
	background-image:url(bad.jpg);
	height: 52px;
	width: 129px;
	margin-left: 23px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
}
#rej {
	font-size: 16px;
	text-align: justify;
	margin-left: 100px;
	font-family: "Trebuchet MS", Verdana, serif;
	color:#1F255A;
	line-height: 5px;
}
#bad {
	font-size: 13px;
	text-align: justify;
	color:#1F255A;
	margin-left: 30px;
	margin-top: 0px;
	font-family: "Trebuchet MS", Verdana, serif;
	margin-bottom: 0px;
	background-image:url(pier1.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-right: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#doj {
	font-size: 17px;
	text-align: justify;
	margin-top: 30px;
	font-family: "Trebuchet MS", Verdana, serif;
	margin-right: 0px;
	float:right;
	}
	
#his {
	font-size: 13px;
	text-align: justify;
	margin-left: 30px;
	margin-top: 0px;
	font-family: "Trebuchet MS", Verdana, serif;
	margin-bottom: 0px;
	padding-right: 30px;
	color:#1F255A;
}

#dojazd {
	font-size: 16px;
	text-align: justify;
	margin-left: 90px;
	margin-top: 30px;
	font-family: "Trebuchet MS", Verdana, serif;
	margin-bottom: 15px;
	padding-right: 30px;
	background-image:url(map.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;
	color:#1F255A;
	line-height: 5px;
}
#doj_img {
	background-image:url(doj.jpg);
	height: 54px;
	width: 119px;
	}

#map_img {
background-image:url(map.jpg);
height:371px;
widows:438px;
}

#his_img {
	background-image:url(his.jpg);
	height: 53px;
	width: 120px;
	}

#prawa {
  	float: right;
 	 width:180px;
  	background:#d4e8fa;
  	text-align: justify;
	font-size: 12px;
	height: 310px;
	width: 190px;
}

#prawa_bad {
  	float: right;
 	 width:60px;
  	background:#d4e8fa;
  	text-align: justify;
	font-size: 12px;
	height: 430px;
	width: 60px;
}

#prawa_doj {
  	float: right;
 	width:438px;
  	background:#d4e8fa;
	font-size: 12px;
	height: 310px;
}

.tel {
background-image:url(tel1.jpg);
height: 181px;
width: 134px;
margin-top: 120px;
}

#foot {
	background:#fece3b;
	background-image:url(foot.jpg);
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	height: 30px;
	float:left;

}

#gora {
	float: left;
	background-image:url(gora.jpg);
	height:13px;
	background-repeat:repeat-x;
	overflow:hidden;
	width: 750px;
}

li#navNews a, li#navShop a, li#navArtists a, li#navLinks a { background:url(buty.jpg) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 41px
	selected state = 82px

	The distance from the far-left to the...

	news button = 0
	shop button = 70px
	artists button = 138px
	links button = 222px
	about button = 294px

	The width of the...

	news button = 70px
	shop button = 68px
	artists button = 84px
	links button = 72px
	about button = 74px
*/

li#navNews a 						{ background-position:0 0; width:147px; left:0 }
li#navNews a:hover					{ background-position:0 -33px }
body#pageNews li#navNews a 			{ background-position:0 -66px }

li#navShop a 						{ background-position:-147px 0; width:105px; left:147px }
li#navShop a:hover					{ background-position:-147px -33px }
body#pageShop li#navShop a 			{ background-position:-147px -66px }

li#navArtists a 					{ background-position:-252px 0; width:99px; left:252px }
li#navArtists a:hover				{ background-position:-252px -33px }
body#pageArtists li#navArtists a 	{ background-position:-252px -66px }

li#navLinks a 						{ background-position:-351px 0; width:115px; left:351px }
li#navLinks a:hover					{ background-position:-351px -33px }
body#pageLinks li#navLinks a 		{ background-position:-351px -66px }

li#navAbout a 						{ background-position:-294px 0; width:74px; left:294px }
li#navAbout a:hover					{ background-position:-294px -41px }
body#pageAbout li#navAbout a 		{ background-position:-294px -82px }