* {
	margin:0;
	padding:0;
	}
	
body {
	background:#535E67 url(../images/bg-gradient.png) top left repeat-x;
	text-align:center;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.25em; /* =20px */
	}

/*	IE5.5+ PNG Alpha Fix
	(c) 2004-2008 Angus Turnbull http://www.twinhelix.com */
img, #wrapper, #main-content { behavior: url(/iepngfix.htc) }
	
/* =Typography */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:1em 0;
	}
blockquote {
	font-style:italic;
	}
ol, ul {
	list-style-position: outside;
	}
ul {
	list-style-type: none;
	}
li, dd {
	}
fieldset {
	padding:.5em;
	}
#wrapper {
	font-size:1em; /* =16px –> to zmienia wielkość czcionki na calej stronie */
	}
h1 {
	color: #f30;
	font-weight: normal;
	font-size: 1.375em;
	line-height: 1.2em;
	}

.intro {
	font-size:1.375em;
	color:#f30;
	margin-bottom:.5em;
	}
.hide {
	display:none;
	}
	
/* =Links */
a {
	text-decoration:none;
	color:#f30;
	border-bottom:1px solid;
	}
	a:hover {
		color:#999;
		}

/* =Structure */

#wrapper {
	margin:0 auto;
	background:url(../images/square-tile.png) 50% 0 repeat;
	width:100%;
	height:752px;
	}
#nav {
	margin-top:30px;	
	}
	#nav ul {
		list-style:none;
		}
		#nav li {
			display:inline;
			margin:0;
			padding:0 17px 0 9px;
			color:#f30;
			background:url(../images/nav-separator.gif) center right no-repeat;
			}
			#nav li#nav-accueil {
				padding-left:0;
				}
			#nav li#nav-contact {
				background-image:none;
				padding-right:0;
				}
			#nav li a {
				text-decoration:none;
				border:0;
				color:#999;
				}
			#nav li.current a {
				color:#f30;
				}
				#nav li a:hover {
					color:#fff;
					}
#content {
	width:470px;
	height: 752px;
	margin:0 auto;
	padding:5px 4px 0 6px;	
	}
#main-content {
	text-align:left;
	padding-left: 5px;
	}
#images {
	}
#gallery {
	line-height: 18px;
	width: 470px;
	margin: 0;
	padding-top: 26px;
	list-style: none;
	}
	#gallery.main-gallery {
		/* padding-top: 91px; */
		}
	#gallery li {
		display: inline;
		margin: 0;
		padding: 0;
		}
		#gallery li a {
			border: 0;
			margin: 0;
			}
			#gallery li a img {
				border: 0;
				margin: 3px;
				}
				#gallery li a:hover img {
				border: 2px solid #f30;
				margin: 1px;
				}
#image-descriptions {
	padding-left: 1.8em;
	}
	#image-descriptions a {
		color: #fff;
		}
		#image-descriptions a:hover {
		color: #f30;
		}
#footer {
	font-size: .75em;
	color:#8798a7;
	background-color: #535E67;
	padding: 1em 0;
	}
	#footer a {
		color:#8798a7;
		}
		#footer a:hover {
			color: #b9d1e5;
			}

/* Elementy w zaleznosci od strony */
#accueil #content {
		background: url(../images/accueil.png) 50% 5px no-repeat;
		}
#accueil h1 {
	padding-top: 369px;
	width: 470px;
	}
#accueil #assn {
	color: #8798a7;
	font-size: .65em;
	padding-top: 120px;
	}
	#assn a {
		color: #8798a7;
		}

#entreprise #content {
	width: 648px;
	padding-left: 5px;
	}
#entreprise #logo {
	position:relative;
	bottom:55px;
	margin-bottom:-51px;
	}
#services #main-content {
	position:relative;
	bottom:384px;
	line-height: 1.2em;
	padding: 0 1px 0 8px;
	}
	
#contact #main-content {
	height:752px;
	background:url(../images/logo-VHP.png) 50% 494px no-repeat;
	padding-top:25px;
	}
#contact.vcard {
	width:178px;
	}
	.vcard h2,h3 {
		font-weight: normal;
		}
	.vcard h2 {
		font-size:1em;
		color:#666;
		}
	.vcard img {
		padding-top:8px;
		}
	.tel {
		color:#f30;
		}
#contact #hq {
	float:left;
	margin-right:103px;
	}
#contact #magasin, #hq {
	font-size:.8125em;
	line-height: 1.125em;
	}
	#magasin {
	padding-top: 1px;
	}
	#magasin li {
		text-transform: uppercase;
		}
#realisations #gallery {
	padding-top: 21px;
	}
#realisations #content, #real #content, #collaborateurs #content {
	height:752px;
	background:url(../images/logo-VHP.gif) 50% 475px no-repeat;
	}
	#realisations #content, #collaborateurs #content {
		background-position-y: 663px;
		}
#collaborateurs #content {
	width: 643px;
	padding-left: 32px;
	}
#real h1 {
	font-size: 1em;
	color:#666;
	margin: 0;
	padding-top: 39px;
	padding-bottom: 6px;
	}