* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 
@author: Georg Seifert
@vendor: FDI fonts.info
@vendorurl: http://www.fonts.info/info/press/free-fonts-for-font-face-embedding.htm
@licenseurl: http://www.fonts.info/shop/pub/W-EULA.pdf
*/

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('../fonts/graublauweb-regular-webfont.eot');
	src: local('☺'), url('../fonts/graublauweb-regular-webfont.woff') format('woff'), url('../fonts/graublauweb-regular-webfont.ttf') format('truetype'), url('../fonts/graublauweb-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'GraublauWebBoldRegular';
	src: url('../fonts/graublauweb-bold-webfont.eot');
	src: local('☺'), url('../fonts/graublauweb-bold-webfont.woff') format('woff'), url('../fonts/graublauweb-bold-webfont.ttf') format('truetype'), url('../fonts/graublauweb-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 5, 2010
@author: Jan Gerner
@vendor-url: http://www.yanone.de/typedesign/kaffeesatz/
*/
@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('../fonts/yanonekaffeesatz-bold-webfont.eot');
	src: local('☺'), url('../fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url('../fonts/yanonekaffeesatz-light-webfont.eot');
	src: local('☺'), url('../fonts/yanonekaffeesatz-light-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'YanoneKaffeesatzThin';
	src: url('../fonts/yanonekaffeesatz-thin-webfont.eot');
	src: local('☺'), url('../fonts/yanonekaffeesatz-thin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-thin-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('../fonts/yanonekaffeesatz-regular-webfont.eot');
	src: local('☺'), url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}

/* */

html {
	font-size: 100%;
	}	
body {
	background: #877b76 url(../images/bg-noise.gif) left top repeat;
	color: #afa59b;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	}

h1 {
	color: #aaaeae;
	display: inline;
	font-family: 'YanoneKaffeesatzThin';
	font-size: 5em;
	letter-spacing: -1px;
	line-height:1.25em;
	}
	h1 span {
		background-color: rgba(129, 141, 146, 0.6);
		color: #655a55;
		font-size: .675em;
		padding-bottom: .35em;
		padding-top: 1em;
		vertical-align: super;
		}
h2 {
	color: #aaaeae;
	font-family: 'GraublauWebRegular', sans-serif;
	font-size: 5em;
	font-weight: normal;
	line-height: 1.125em;
	margin: .75em 0 .125em 0;
	text-transform: lowercase;
	}
h3, .reviewer {
	color: #aaaeae;
	font-family: 'GraublauWebRegular', sans-serif;
	font-size: 1.5em;
	}
	h3 {
		margin: 1.25em 0 .75em 60px;
		text-transform: uppercase;
		}
	.prace h3 {
		margin-left:0;
		}
strong {
	font-weight:bold;
	}
ul {
	list-style: none;
	}
#wrapper.home, #wrapper.clients-page {
	background: url(../images/Ola-profil.jpg) right -60px no-repeat;
	}
	#wrapper.clients-page {
		background-position: right 150px;
		}
#wrapper.prace {
	background: url(../images/Marcin-profil.jpg) right top no-repeat;
	}
#wrapper.o-nas {
	background:url(../images/Ola-Marcin-profil.jpg) right top no-repeat;
	}
#wrapper.kontakt {
	background:url(../images/Biedka-portrait.jpg) right 250px no-repeat;
	}
#header, #main-content, #footer p {
	padding-left: 30px;
	padding-right:80px;
	max-width: 900px;
	margin: 0 auto;
	/* add bottom shadow for main-content to drop on footer */
	}
	#header a {
		border-bottom: 0;
		}
		#header a:visited {
			color:#aaaeae;
			}
a:link {
	color: #aaaeae;
	border-bottom: 1px solid;
	text-decoration: none;
	}
	a:visited {
		color: #b0a6a1;
		}
	a:hover, #header h1 a:hover {
		color: #000;
		}
#main-content {
	margin-top: 2em;
	padding-bottom: 2em;
	}
#tagline {
	font-size: 20px;
	font-family: 'YanoneKaffeesatzThin';
	}
#nav {
	color: #e88682;
	font-family: 'GraublauWebRegular';
	font-size: 2em;
	margin-top:1em;
	text-transform: lowercase;
	}
	#nav li {
		display: inline;
		margin-right: 5px;
		}
		#nav a:link, #nav a:visited {
			border-bottom: 0;
			color: #fff;
			text-decoration: none;
			}
		#nav a:hover {
			color: #000;
			border-bottom: 2px solid;
			}
		#nav a:active {
			color: #000;
			border-bottom: 4px solid;
			}
#latest {
	margin: 0 0 2em 0;
	}
	.slide {
		height: 216px;
		margin-left: 0; /* overrides margin-left: 7% above */
		width: 670px;
		}
	.slide a {
		border-bottom: 0;
		display: block;
		position: relative;
		}
	#slide1 {
		background:url(../images/cloud-tuli-web.png) 0 0 no-repeat;
		}
		#slide1 a {
			top:100px;
			left:10px;
			}
	#slide2 {
		background:url(../images/cloud-kempko-web.png) 0 0 no-repeat;
		}
		#slide2 a {
			top:100px;
			left:10px;
			}
	#slide3 {
		background:url(../images/cloud-richardson-web.png) 0 0 no-repeat;
		}
		#slide3 a {
			/* width: 20em; */
			top:100px;
			left:10px;
			}
			#slide3 a:link {
				color: white;
				}
			#slide3 a:hover {
				color: black;
				}
p {
	margin-bottom:.75em;
	}
.offer, .call2action, #client-list, .hreview blockquote, .reviewer, .description, .vcard p {
	margin-left:60px;
	}
#work-list li {
	margin-left: 0;
	padding: 1em 0;
	}
	#work-list a {
		border-bottom: 0;
		margin-bottom: 1em;
		}
		#work-list a img{
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			border: 10px solid #fff;
			}
		#work-list p {
			color: #aaaeae;
			font-family: 'GraublauWebRegular', sans-serif;
			font-size: 1.5em;
			margin-left: 0;
			}
			.client {
				font-family: 'GraublauWebBoldRegular', sans-serif;
				letter-spacing: 1px;
				}
			.job-scope {
				text-transform: uppercase;
				}
.owner {
	text-transform:uppercase;
	}
a.job-preview-link {
	border-bottom: 0;
	}
.job-preview {
	margin: 1em 0 2em 0;
	box-shadow: 0px 5px 7px #444;
	-moz-box-shadow: 0px 5px 7px #444;
	-webkit-box-shadow: 0px 5px 7px #444;
	}
.job-description {
	width: 52em;
	}
.hreview, #client-list, .description, .vcard p {
	width: 45em;
	}
.hreview {
	margin-bottom:1.5em;
	}
#wizytowka {
	background:url(../images/bubble.png) top left no-repeat;
	color: #333;
	font-family:'GraublauWebRegular';
	font-size:1.5em;
	height:216px;
	line-height:1.25em;
	padding:30px 0 0 130px;
	width:721px;
	}
	#wizytowka .org {
		border: 0;
		color: #333;
		font-family:'GraublauWebBoldRegular';
		line-height: 2em;
		}
#footer {
	background: #726660;
	border-top: 1px #5f5550 solid;
	color: #504541;
	font-size: .875em;
	padding: 1em 0;
	}
	#footer a:link {
		color: #3f3531;
		}
		#footer a:hover {
			color: #000;
			}