/**
 * 00131f - kolor belki gornej
 * d9e9fe - kolor czcionki (ten niebieski)
 * ff9c00 - kolor czcionki (pomaranczowe elementy)
 */

/* Eric Meyer Reset CSS  - http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END Eric Meyer's Reset CSS */

body {
	font: normal 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #0d0d0d;
}

#headerWrapper {
	background-color: #f3f3f3;
}

#header, #footer {
	position: relative;
	overflow: hidden;
	height: 47px;
	width: 980px;
	color: #f3f3f3;
}

#header {
	margin: 0 auto;
}

#footer {
	margin: 5px 5px;
}

#contentWrapper {
	overflow: hidden;
	background-color: white;
	width: 100%;
}

#content {
	position: relative;
	overflow: hidden;
	padding: 0px 0px;
	height: 500px;
	width: 980px;
	margin: 0 auto;
}

#logo {
    width: 345px;
    height: 47px;
    background: transparent url('http://photo.lukaszberlinski.pl/img/logo.gif') no-repeat;
    display: block;
	top: 0px;
	left: 50px;
	position: absolute;
	text-indent: -9999px;
}

#navigation {
	width: 530px;
	right: 0;
	margin-left: 50px;
	position: absolute;
	list-style-type: none;
	top: 0px;
}

#navigation li {
	float: left;
	display: inline; /* for IE */
}

#navigation li a {
	background-position: 0 0;
	background-color: #f3f3f3;
	background: no-repeat;
	display: block;
	/*width: 60px;*/
	height: 47px;
	color: yellow;
	margin-right: 20px;
}

#navigation li a:hover { 
	background-position: 0 100%;
}

#navigation li a#buttonNameA { background-image: url('/img/moda.gif'); width: 46px; }
#navigation li a#buttonNameB { background-image: url('/img/portret.gif'); width: 52px; }
#navigation li a#buttonNameC { background-image: url('/img/bielizna.gif'); width: 55px; }
/*#navigation li a#buttonNameH { background-image: url('/img/backstage.gif'); width: 83px; }*/

#navigation li a#buttonNameCo { background-color: f3f3f3; margin-right: 45px } /* ten tutaj ma dodatkowy margines, co by zrobic tš przerwez laya" */

#navigation li a#buttonNameD { background-image: url('/img/oferta.gif'); width: 45px; }
#navigation li a#buttonNameE { background-image: url('/img/o-mnie.gif'); width: 54px; }
#navigation li a#buttonNameF { background-image: url('/img/blog.gif'); width: 33px; }
#navigation li a#buttonNameG { background-image: url('/img/kontakt.gif'); width: 59px; }

/*tutaj zamiast tych kolorow wstawiasz: background-image: url('/to/jest/sciezla/do/obrazka') zrobionego na zasadzie CSS Sprites, tak jak zawsze robimy */

#footer p {
	float: right;
}