* { margin: 0; padding: 0; border: 0; }
html, body { font: normal 13px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #202020; background: #151515;}
body { width: 100%; background: url("/images/top.gif") 0 -30px repeat-x; }

div#content { width: 850px; margin: 0 auto; }

h1 { display: block; width: 780px; height: 62px; padding-top: 29px; padding-left: 20px; margin: 0 25px; }
h1 a { display: block; width: 372px; height: 32px; background: url("/images/top_h1.gif") no-repeat; text-indent: -3000px; overflow: hidden; outline: none; }

ul#nav { display: block; list-style: none; width: 800px; height: 47px; margin: 0 25px; overflow: hidden; }
ul#nav li { float: left; margin-right: 2px; }
ul#nav li, ul#nav li a { background: url("/images/nav.gif"); height: 47px; }
ul#nav li a { display: block; font-size: 10px; text-align: center; overflow: hidden; padding-top: 50px; outline: none; }
ul#nav li#n_start a { width: 113px; }
ul#nav li#n_start a:hover, #start ul#nav li#n_start a { background-position: 0 -50px; }
ul#nav li#n_galeria a { width: 112px; background-position: -115px 0;}
ul#nav li#n_galeria a:hover, #galeria ul#nav li#n_galeria a { background-position: -115px -50px; }
ul#nav li#n_makijaz a { width: 113px; background-position: -229px 0;}
ul#nav li#n_makijaz a:hover, #makijaz ul#nav li#n_makijaz a { background-position: -229px -50px; }
ul#nav li#n_oferta a { width: 112px; background-position: -344px 0;}
ul#nav li#n_oferta a:hover, #oferta ul#nav li#n_oferta a { background-position: -344px -50px; }
ul#nav li#n_referencje a { width: 113px; background-position: -458px 0;}
ul#nav li#n_referencje a:hover, #referencje ul#nav li#n_referencje a { background-position: -458px -50px; }
ul#nav li#n_pracownia a { width: 112px; background-position: -573px 0;}
ul#nav li#n_pracownia a:hover, #pracownia ul#nav li#n_pracownia a { background-position: -573px -50px; }
ul#nav li#n_kontakt { margin-right: 0px; }
ul#nav li#n_kontakt a { width: 113px; background-position: -687px 0; margin-right: 0px; }
ul#nav li#n_kontakt a:hover, #kontakt ul#nav li#n_kontakt a { background-position: -687px -50px; }

div#slide { width: 800px; height: 300px; margin: 0 25px; margin-top: 1px; }
#start div#slide { background: url("/images/slide_start.jpg") no-repeat; }
#oferta div#slide { background: url("/images/slide_oferta.jpg") no-repeat; }
#referencje div#slide { background: url("/images/slide_referencje.jpg") no-repeat; }
#pracownia div#slide { background: url("/images/slide_pracownia.jpg") no-repeat; }
#kontakt div#slide { background: url("/images/slide_kontakt.jpg") no-repeat; }
#code404 div#slide { background: url("/images/slide_404.jpg") no-repeat; }

div#slideshowwrapper { width: 800px; height: 577px; margin: 0 25px; margin-top: 1px; background: #202020; }
div#slideshow { }

div#main { width: 700px; margin: 0 25px; padding: 30px 50px 45px 50px; background: #F7F7F7; border-bottom: solid 8px #E9E9E9; }
h2 { display: block; width: 700px; height: 25px; text-indent: -3000px; overflow: hidden; margin-left: -6px; margin-bottom: 25px; }
#start h2 { background: url("/images/header_start.gif") no-repeat; }
#galeria h2 { background: url("/images/header_galeria.gif") no-repeat; }
#makijaz h2 { background: url("/images/header_makijaz.gif") no-repeat; }
#oferta h2 { background: url("/images/header_oferta.gif") no-repeat; }
#referencje h2 { background: url("/images/header_referencje.gif") no-repeat; }
#pracownia h2 { background: url("/images/header_pracownia.gif") no-repeat; }
#kontakt h2 { background: url("/images/header_kontakt.gif") no-repeat; }
#code404 h2 { background: url("/images/header_404.gif") no-repeat; }
div#main p { text-align: justify; margin-bottom: 2em; padding-right: 30px; }
div#main p.heading { margin-bottom: 1.2em; margin-top: 2.5em; }
div#main ul { list-style-type: none; }
div#main ul li { text-align: justify; margin-bottom: 2em; padding: 0 8px; background: url(images/bullet.gif) 0 0 no-repeat; }
div.left, div.right { float: left; width: 320px; padding-right: 15px; margin-top: 1em; }
div.right { padding-right: 0; padding-left: 15px; }
div#main div.left p, div#main div.right p { text-align: left; }
.clear { clear: both; }
div#main p.link { text-align: right; padding-right: 0; margin-bottom: 0; margin-top: 3em; }
div#main a, div#main a:active, div#main a:visited, div#main a:hover { font-weight: bold; color: #F00040; text-decoration: none; padding: 0 3px 1px; }
div#main a:hover { color: #F9F9F9; background: #F00040; }
strong.bigone { font-size: 1.1em; font-weight: bold; }

div#main div#reportaz, div#main div#sesja, div#main div#pakiet { margin: 2.5em 0; padding-bottom: 1.5em; border-bottom: #DDD 1px solid; }
div#main div#pakiet{ border-bottom: none; }
div#main div#reportaz p, div#main div#sesja p, div#main div#pakiet p { margin-bottom: 1em; }
div#main div#reportaz ul li, div#main div#sesja ul li, div#main div#pakiet ul li { text-align: justify; margin-bottom: 0.5em; padding: 0 70px 0 30px; background: url(images/bullet.gif) 22px 0 no-repeat; }

div#main div.sekcja { margin: 2.5em 0; padding-top: 1.5em; border-top: #DDD 1px solid; }
div#main div.sekcja img { width: 480px; height: 240px; padding: 5px; border: 1px #eee solid; margin-bottom: 12px; margin-left: -5px; }

div#main .feedback { width: 294px; padding: 3px 8px; color: black; background: #DFDFDF; margin-bottom: 2em; }
div#main .feedback ul { list-style-type: square; padding-left: 1.5em; padding-bottom: 2px; }
div#main .feedback ul li { padding: 0; font-weight: bold; }
div#main .feedback p, div#main .feedback ul li { padding: 0; margin-bottom: 0; background: none; text-align: left; }

div#main form#contact input, div#main form#contact textarea { width: 300px; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; padding: 4px; border: 1px solid #CCC; background: #FFFFFF; margin-top: 2px; }
div#main form#contact input.button { width: auto; font-weight: bold; padding: 4px 15px; background: white; display: block; margin: 20px auto 0;}
div#main form#contact p { margin-bottom: 0.8em; }

h6 { display: block; width: 800px; margin: 20px auto 50px; color: #E0E0E0; font-size: 9px; font-weight: bold; text-align: center; line-height: 14px; }