/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl,
dt, dd, li, address, form, fieldset, hr, blockquote, img{
   margin: 0px;
   padding: 0px;
   z-index: 0;
}

img, fieldset{border: none;}

a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear:both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
	font-family: "Verdana", "Arial", "Tahoma", "Helvetica", sans-serif;
	font-size: 11px;
}

#wrapper{
	margin: 0 auto;
	width: 675px;
	text-align: left;
	position: relative;
}

#top{
	width: 675px;
	height: 162px;
	position: relative;
	background: url('../images/layout/top.jpg') no-repeat 0 0;
}

	#top a#logo{
		width: 136px;
		height: 67px;
		position: absolute;
		top: 80px;
		left: 32px;
		background: url('../images/layout/logo.jpg') no-repeat 0 0;
	}
	
	#top a#logo:href{
		width: 136px;
		height: 67px;
		position: absolute;
		top: 80px;
		left: 32px;
		background: url('../images/layout/logo.jpg') no-repeat 0 0;
	}
	
	#slogan{
		width: 164px;
		height: 105px;
		position: absolute;
		top: 59px;
		right: 24px !important;
		right: 23px;
		z-index: 10;
		background: url('../images/layout/slogan.jpg') no-repeat 0 0;
	}
	
	#menu-wrapper{
		width: 350px;
		height: 30px;
		position: absolute;
		left: 175px;
		bottom: 8px;
	}
	
		ul#menu{
			list-style: none;
		}
		
			ul#menu li{
				margin-right: 5px;
				float: left;
				width: 73px;
				height: 30px;
				display: inline;
			}
			
				ul#menu li a, ul#menu li a:hover{
					width: 73px;
					height: 30px;
					display: block;
				}
				
					a#o-firmie{
						background: url('../images/layout/menu-o-firmie.jpg') no-repeat 0 0;
					}
					
					a#lamowki{
						background: url('../images/layout/menu-lamowki.jpg') no-repeat 0 0;
					}
					
					a#wszywki{
						background: url('../images/layout/menu-wszywki.jpg') no-repeat 0 0;
					}
					
					a#kontakt{
						background: url('../images/layout/menu-kontakt.jpg') no-repeat 0 0;
					}
					
					a#o-firmie:hover{
						background: url('../images/layout/menu-active-o-firmie.jpg') no-repeat 0 0;
					}
					
					a#lamowki:hover{
						background: url('../images/layout/menu-active-lamowki.jpg') no-repeat 0 0;
					}
					
					a#wszywki:hover{
						background: url('../images/layout/menu-active-wszywki.jpg') no-repeat 0 0;
					}
					
					a#kontakt:hover{
						background: url('../images/layout/menu-active-kontakt.jpg') no-repeat 0 0;
					}
					
					

#flash-container{
	width: 675px;
	height: 240px;
	background: url('../images/layout/flash-background.jpg') no-repeat 0 0;
	position: relative;
	display: block;
}

	#flash-wrapper{
		width: 627px;
		height: 223px;
		border: 1px solid #000000;
		position: absolute;
		top: 162px;
		left: 22px;
		z-index: 5;
		
	}

#content-container{
	margin-top: -35px;
	width: 675px;
	text-align: center;
	position: relative;
}

	#content-wrapper{
		margin: 0 auto;
		border: 1px solid #000000;
		width: 646px;
		background: url('../images/layout/content-background.jpg') repeat-y 0 0;
		text-align: left;
	}
	
		h1.main-headline{
			margin-left: -6px !important;
			margin-left: -3px;
		}
		
		h1#headline-o-firmie{
			width: 97px;
			height: 29px;
			background: red url('../images/layout/headline-o-firmie.jpg') no-repeat 0 0;
			float: left;
		}
		h1#headline-kontakt{
			width: 97px;
			height: 29px;
			background: red url('../images/layout/headline-kontakt.jpg') no-repeat 0 0;
			float: left;
		}
		h1#headline-lamowki{
			width: 97px;
			height: 29px;
			background: red url('../images/layout/headline-lamowki.jpg') no-repeat 0 0;
			float: left;
		}
		h1#headline-wszywki{
			width: 97px;
			height: 29px;
			background: red url('../images/layout/headline-wszywki.jpg') no-repeat 0 0;
			float: left;
		}
		
		#photo-containerr{
			float: right;
			display: inline;
			width: 220px;
		}
		
		* html #photo-containerr{
			margin-right:-3px;
		}
			
			#photo-containerr a{
				margin: 3px;
				border: 3px solid #f4f6d1;
				float: right;
			}
			
			
				#photo-containerr a img{
					display: block;
				}
				
		
		#photo-container{
			float: right;
			display: inline;
			width: 280px;
			margin-bottom: 20px;
		}
		
		
		* html #photo-container{
			margin-right:-3px;
		}
			
			#photo-container a{
				margin: 3px;
				border: 3px solid #f4f6d1;
				float: right;
			}
			
			
				#photo-container a img{
					display: block;
				}
		
	
		#content{
			padding: 30px 15px 15px;
			background: url('../images/layout/content-top.jpg') no-repeat center 19px;
			color: #ffffff;
			overflow: auto;
		}
		
			#content p{
				padding: 10px 0px 10px 0px;
				clear: left;
				line-height: 1.3;
			}
			
			#content hr{
				height: 2px;
				color:  #d3e432;
				background-color: #d3e432;
				border-top: 1px inset #74a100;
			}
			
			#content .black{
				color: #000000;
			}
			#content a, content a:hover {
        color: #000000;
		    font-weight: bold;
		    text-decoration: none;			
		  }

#footer{
	padding: 5px 15px 10px;
	width: 645px;
	height: 18px;
	background: url('../images/layout/footer.jpg') no-repeat 0 0;
	overflow: auto;
}

	#footer a, footer a:hover{
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}

	#designby{
	
		float: right;
	}
	
	#copyright{
		
		float: left;
	}