@charset "utf-8";

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff9f0;
	
		position: absolute;
		left: 0px;
		top: 0px;
		overflow: auto;
		
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
		
		h1 {
font-family: Verdana, Arial;
font-size: 11pt;
font-weight: bold;
text-align:left;
letter-spacing: 0.3px;
}

	h2 {
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: bold;
text-align:left;
letter-spacing: 0.3px;
}
		
		div#top {
			position:relative;
			left: 0px;
			top: 0px;
			width: 1018px;
		    height: 100px;
			background-image:url(images/egrzejniki2_01.jpg); background-repeat:no-repeat
		}
		div#red {
			position:relative;
			left: 0px;
			width: 1018px;
		    height: 67px;
			background-image:url(images/egrzejniki2_02.jpg); background-repeat:no-repeat
		}
		
		div#preview {
	position:relative;
	left: 0px;
	width: 1018px;
	height: 442px;
	background-image:url(images/egrzejniki2_03.jpg);
		}
		div#spacer {
			position: relative;
			left: 0px;
			width: 1018px;
		    height: 120px;
			background-image:url(images/egrzejniki2_04.jpg); background-repeat:repeat
		}
		div#red2 {
			position:relative;
			left: 0px;
			width: 1018px;
		    height: 30px;
			background-image:url(images/egrzejniki2_05.jpg); background-repeat:no-repeat
		}
		div#footer {
			position:relative;
			left: 0px;
			width: 1018px;
		    height: 228px;
			background-image:url(images/egrzejniki2_06.jpg); background-repeat:no-repeat
		}	
		
	div#image {
	position:relative;
	top: 10px;
	left: 50px;
	float:left;
	width: 300px;
	height: 200px;
	background: #CCC;
			}

	div#text {
	position:relative;
	float:left;
	top: 10px;
	left: 23px;
	width: 600px;
	height: auto;
	background: #CCC;
	background-color: #FFFFFF;
		}	
		
div.align {
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: normal;
text-align:left;
padding-top: 35;
padding-left: 15;
padding-right: 15;
padding-bottom: 35;
line-spacing: 5px;
letter-spacing: 0.3px;
}

#menu
{
padding:15;
margin:0;
color:#fff;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
list-style-type:none;
}
#menu li {display:inline;}
#menu li a
{
padding:0.2em 1em;
color:#000;
text-decoration:none;
float:left;

}
#menu li a:hover
{
background:#F33;
color:#fff;
}
div#footer1 {
	position:relative;
	top: 15px;
	float:left
	font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: normal;
	text-align:left;
	background: #CCC;
	background-color: #FFFFFF;
		}	
div#footer2 {
	float:left;
	top: 15px;
	font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: normal;
	text-align:left;
	background: #CCC;
	background-color: #FFFFFF;
		}
  
.container {
  width: 1018px;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;
}

.left {
	position:absolute;
	left: 10;
	padding-top:10;
	font-family: Verdana, Arial;
	font-size: 9pt;
	font-weight: normal;
	text-align:left;
	width: 193px;
}

.middle {
	position:absolute;
	left: 209px;
	padding-top:10;
	font-family: Verdana, Arial;
	font-size: 9pt;
	font-weight: normal;
	text-align:left;
	width: 205px;
}

.right {
	position:absolute;
	left: 428px;
	padding-top:10;
	font-family: Verdana, Arial;
	font-size: 9pt;
	font-weight: normal;
	text-align:left;
	width: 280px;
	top: 1px;
}

.photo {
  position:absolute;
  left: 750;
  padding-top:10;
  width: 200px;
}