/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0;padding: 0;border: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666666; background-color: #f2f4d8;
}
#wrapper {
position: relative;
width: 880px;
margin: 0px auto; margin-top:0px;
background-image:url(images/banner_background.gif); background-position: top; background-repeat:no-repeat;
}
#banner {height: 218px; border-top: solid 1px #f2f4d8}

A {COLOR:BROWN}

#banner-menu-container {
background-color:white; 
margin-left:300px;
margin-right:0px;
border: dotted gray 1px;
}

#cream_dessert {
	position: absolute;
	top:7px;
	left:7px;
	width:314px;
	height:230px;
	z-index: 1;
}


#nav {
	position: absolute;
	top: 61px;
	left: 301px;
	vertical-align:bottom;
	height: 161px;
	background-image:url(images/cream_whippers.jpg);
	background-repeat:no-repeat; background-position:center;
	width: 566px;
	padding-left:4px
	
}
#nav  a {
	width:70px; 
	height:50px;
	display:block;
	float:left; 
	font-size: 12px;
	text-align:center;
	text-decoration:none;
	color:#888888;
	font-weight:bold;	
	margin: 0px 0px 0px 0px;
	padding-top:110px;
	
}
#nav  a:hover {
	color: #660000;
}

#easy_whip {
	position:absolute;
	left:69px;
	top:182px;
	height: 39px;
	width: 214px;
	background-image:url(images/home_contact.gif);
	background-repeat:no-repeat;
	z-index: 2;
}
#easy_whip a {
	width:69px; 
	height:40px;
	display:block;
	float:left; 
	font-size: 12px;
	text-align:center;
	text-decoration:none;
	color:#888888;
	font-weight:bold;	
}
#easy_whip a:hover {
	color:#660000;
}
#leftcol{
  float: left;
  width: 280px;
  margin-top: 20px; 
  margin-bottom: 15px; 
  margin-left: 5px; background-position:center; background-repeat:no-repeat;
  text-align:center;
  
  
  }  
#content {
background-color:white; 
margin-left:300px; 
margin-top:20px;
border: 1px solid #f2f4d8;
}
.content_corners_top {width:100%; float: left; background-image:url(images/content_top_corners.gif);  background-repeat:no-repeat; border-top: 1px solid #f2f4d8;}

.content_corners_bottom { background-image:url(images/content_bottom_corners.gif); background-position:bottom; background-repeat:no-repeat;}
#content p{
margin: 20px; 
margin-top:0px; 
margin-bottom:10px;
padding:0px;
font-size:13px;
text-align:justify;
}

#leftcol p{
margin: 20px; 
margin-top:0px; 
padding-top:0px;
font-size:13px;
text-align:justify;
}

#content h1{

color: #003366;
padding: 0;
margin: 20px;
}

#content h2{

color: #666666;
padding: 0px;

margin: 0px;
margin-left:20px; margin-bottom:10px;
font-size:16px;
}
#content h3{
font-size:14px;
margin:20px;
}

#content li{
font-size:12px;
margin:5px;
}

.leftimage{
float: left;
margin: 0 10px 20px 0;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin: 0 0 20px 15px;
border: 1px solid #000000;
width: 150px;
}

.clearit{
clear: both; /* likwiduje opływanie elementów, stawia granicę poziomą aby określone elementy znalazły się poniżej .clearit zamiast jeden obok drugiego*/
}

#footer{
height:27px;
background-image:url(images/corners_footer.gif); background-position:center; background-repeat:no-repeat;
color: #888888;
padding:3px;
text-align:center;
font-size:11px;
padding-top:15px;
clear: both; /* tu ustawia dla footera jego nieopływalność a co ważniejsze powodując że będzie on zawsze na dole i żaden div na niego nie wejdzie */
}
#footer a { color:#666666; text-decoration:none}
#footer a:hover { color:#444444; text-decoration:none}

.container { /* kontener na wszelki wypadek do oddzielania elementów jeden pod drugim, aby nie nachodzily na siebie*/
width:99%;
float:right;
}

h1 {
	position: absolute;
	top: 6px;
	left: 382px;
	font-size:30px;
	letter-spacing:2px;
	color: #C1AF66;
	font-family: Arial, Helvetica, sans-serif;
	width: 413px;
	font-weight: normal;
}
#registered_supplier {
	position: absolute;
	top: 40px;
	left: 384px;
	font-size:12px;
	letter-spacing:1px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	width: 343px;
	font-weight: normal;
	text-decoration:overline;
	}
	
	
#tel {
	position: absolute;
	top: 133px;
	left: 167px;
	font-size:13px;
	letter-spacing:1px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	width: 111px;
	font-weight: normal;
	z-index: 5;
	}
	.form_contact textarea {height:100px; width:350px}
table.contact {margin-top:5px;}
table.contact td {border:0px; padding:2px}
.text_field {width:200px; height:13px}

p a { font-size:12px; text-decoration:none}
p a:hover { font-size:12px; text-decoration: underline}