/*
EXEO: DO NOT TOUCH BELOW CODE!!!

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

http://yui.yahooapis.com/2.7.0/build/reset/reset.css

*/

a:active { outline: none; }
*:focus { -moz-outline-style: none; }

.clear { display: block; clear: both; width: 1px; height: 0.001%; font-size: 0px; content: " "; line-height: 0px; margin: 0; padding: 0; }
.hide { display:none; }

/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

/* Lab2 */
body { background: transparent url('/i/back.png') repeat 0 0; color: #fff; width: 16000px; font-family: Museo, Tahoma; font-size: 16px; }
a { color: #00CCFF; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 40px; line-height: 64px; }
h2 { font-size: 32px; line-height: 48px; }
big { font-size: 1.33em; }
small { font-size: 0.66em }

#header { position: fixed; width: 100%; height: 152px; margin: 0 auto; background: transparent url('/i/header.png') no-repeat 50% 0; }
#header #headerIn { width: 960px; position: relative; margin: 0 auto; }
#header a { text-indent: -10000px; position: absolute; display: block; }
#header a#logo { width: 220px; height: 120px; top: 15px; left: 370px; }
#header a.button { height: 36px; top: 55px; border-bottom: 2px solid #5F565C; }
#header a#buttonHome { left: 0px; width: 50px; }
#header a#buttonWho { left: 75px; width: 104px; }
#header a#buttonHow { left: 204px; width: 112px; }
#header a#buttonWhat { left: 606px; width: 125px; }
#header a#buttonWhy { left: 756px; width: 119px; }
#header a#buttonContact { left: 900px; width: 60px; }
#header a:hover { border-color: #00CCCC; }
#header a.active { border-color: #99CC33; }

#footer { position: fixed; bottom: 0; width: 100%; height: 82px; margin: 0 auto; background: transparent url('/i/footer.png') repeat-x 0 0; }
#footerIn { width: 960px; height: 82px; position: relative; margin: 0 auto; }

#quickContact { position: absolute; height: 60px; width: 300px; top: 20px; left: 0; }
#quickContact p { font-size: 16px; }
#quickContact strong { font-size: 24px; color: #99CC66; margin-right: 10px; }
#quickContact a { font-size: 12px; }

#copy { position: absolute; top: 10px; right: 0; font-size: 12px; color: #F1EBDF; }
#lab2 { text-indent: -10000px; display: block; width: 66px; height: 40px; position: absolute; bottom: 10px; right: 0; background: transparent url('/i/lab2.png') no-repeat 0 0; }

.page { width: 2000px; position: absolute; top: 200px; }
.pageIn { width: 960px; margin: 0 auto; position: relative; }
.pageIn p { padding: 3px 0 12px 0; line-height: 160%; font-size: 16px; }
.pageIn p strong { color: #ffff99; }
.pageIn img { margin: 15px 0 10px 20px; float: right; }
.pageIn ul { list-style-type: disc; margin: 0 0 10px 30px; font-size: 14px; }
.pageIn ul li { list-style-type: disc; margin: 0 0 5px 0; line-height: 140%; }

#spell { position: absolute; top: 100px; left: 540px; }
#job { position: absolute; top: 0; right: 0; }
#news { position: fixed; top: 0; right: 0; z-index:10000; }
#twitterSmall { width: 250px; height: 400px; float: right; margin: 0 0 15px 15px; font-size: 11px; }
#twitterSmall p { font-size: 11px; margin: 4px 0; }
#twitterSmall img { margin: 0 5px 0 0; }

#home { left: 0px; }
#home .pageIn { padding-top: 120px; }
#home h1 { text-align: center; margin: 40px 0; font-size: 48px; }
#home h3 { text-align: right; font-size: 20px; }
#dlaczego-warto h2 { text-align: center; margin: 30px 0; font-size: 24px; }
#dlaczego-warto h3 { text-align: center; margin: 10px 0; font-size: 20px; }
#kontakt small { color: #ffffcc; }

#kim-jestesmy { left: 2000px; }
#jak-pracujemy { left: 4000px; }
#co-popelnilismy { left: 6000px; }
#dlaczego-warto { left: 8000px; }
#kontakt { left: 10000px; }
#praca { left: 12000px; }
#co-nowego { left: 14000px; }

#co-nowego .pageIn { height: 360px; overflow: auto; }