/* Filip Slowiak 2008-2009 Online portfolio 

                slowiak.net

*/

* {
margin:0;
padding:0;
}



.aural {
display:block;
position:absolute;
height:1px;
width:1px;
left:-5000px;
overflow:hidden;
}

body, html {
background:url(/gfx/body_bg.png) #1f160d;
font-family:Lucida Sans Unicode,Arial,sans-serif;
font-size:11px;
color:#6a4b2f;
}

#container {
width:960px;
height:auto;
position:relative;
margin:0 auto;
}


#header {
height:405px;
background:url(/gfx/header_filip_slowiak_3.jpg) no-repeat;
}

#header img {
border:0;
}



#logo {
width:205px;
height:171px;
position:absolute;
left:23px;
top:0px;
}

#menu {
position:absolute;
top:335px;
left:228px;
width:335px;
height:38px;
}

#menu li {
display:inline;
margin:0 20px 0 20px;
}

#menu a {
    color:#6A4B2F;
    font-weight:normal;
    font-family:Lucida Sans Unicode,Arial,sans-serif;
    font-size:24px;
    letter-spacing:-1px;
    text-decoration:none;
    position:absolute;
    text-transform:uppercase;
    padding:8px;
    text-shadow:1px 2px 2px black;
}

#menu_1 {
    left:10px;
}

#menu_2 {
    left:200px;
}

#menu a span {
display:none;
}

#menu a:hover {
    padding:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border:solid #3B2819 1px;
    color:#99683D;
}

#menu a:hover span,
#menu a:focus span,
#menu a:active span {
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:45px;
left:10px;
padding:7px;
z-index:10;
font-size:11px;
text-transform:lowercase;
letter-spacing:0px;

}

#kontakt_telefon {
position:absolute;
top:155px;
right:180px;
background:url(/gfx/kontakt_telefon3.png) no-repeat;
}

/* content */
#content a {
color:#885d36;
}

#content a:hover,
#content a:focus,
#content a:active {
color:white;
text-decoration:none;
}


/* oglolny styl linkow */

a {
    color:#99683D;
}

a:hover,
a:focus,
a:active {
    color:white;  
}

/* box */
.box {
width:960px;
padding:30px 0 150px 0;
position:relative;
}

.box h2 {
    color:#6A4B2F;
    font-weight:normal;
    font-size:24px;
    text-transform:uppercase;
    text-shadow:1px 2px 2px black;
    border-bottom:solid #382413 1px;
    padding-bottom:10px;
}


.signHeader {
margin:200px 0 20px 0;
}



.portfolioInfo {
background:black;
padding:20px 15px;
border:solid #382413 1px;
margin:0 0 20px 0;
width:960px;
}

.boxPortfolio {
height:70px;
position:relative;
}

.navigation {
position:absolute;
top:5px;
left:150px;
width:805px;
}
.navigation li {
display:inline;
}


.sizefont {

}


.example {
padding:50px 0;
}


/* work */

.portfoliobox {
width:45%;
height:auto;
float:left;
}

.portfoliobox h3 {
padding-left:0px;
font-weight:normal;
text-transform:uppercase;
margin:0 0 10px 0;
}

.portfoliobox u
l {
padding:0 15px;
}

.portfoliobox li {

}

.portfoliobox a {
font-size:12px;
font-weight:normal;
}

.portfoliobox h3 a {
    font-size:18px;
}

.workimg {
position:relative;
width:960px;
}

.webdesign {
width:99px;
height:99px;
position:absolute;
background:url(/gfx/exclusive_webdesign.png) no-repeat top right;
top:-7px;
right:-5px;
}

.webdesign img {
    border:0;
}

.print {
width:99px;
height:99px;
position:absolute;
background:url(/gfx/exclusive_print.png) no-repeat top right;
top:-7px;
right:-5px;
}

.print img {
    border:0;
}

.work {
    margin:100px 0;
}

.work img {
    opacity:0.8;
}

.work img:hover {
    opacity:1;
}

.work h3 {
color:#976E47;
font-size:16px;
font-weight:normal;
margin-bottom:10px;
text-shadow:1px 2px 2px black;
}

/* skocz do gory */
.navigation .topper {
position:absolute;
right:0

}

.info {
margin:10px 0;
}


/* kontakt */
/* === form === */
#formdiv #form {
float:right;
width:425px;
font-family:Lucida Sans Unicode,Verdana,Arial,sans-serif;
}

#form {
width:500px;
margin-left:20px;
}

#form legend {
text-indent:-3000px;
}

#form fieldset {
border:0;
}

#form label {
text-align:right;
margin-right:10px;
cursor:pointer;
}

#form ul {
width:422px;
}

#form ul li {
text-align:right;
margin:5px 0px 5px 0px;
list-style:none;
}

#imie,#email,#telefon {
border:0;
background:url(/gfx/input-bg.gif) repeat-x bottom left;
padding:2px 0px 0px 0px;
font-family:Georgia,sans-serif;
color:#885d36;
}



#form #pytanie {
display:block;
text-align:left;
margin-left:37px;
}

#form #wyslij {
    border:0;
    background:none;
    color:#6A4B2F;
    font-size:24px;
    font-family:Lucida Sans Unicode,Arial,verdana;
    text-transform:uppercase;
    text-shadow:1px 2px 2px black;
    margin-left:330px;
    cursor:pointer;
    padding:8px;
}

#form #wyslij:hover,
#form #wyslij:focus,
#form #wyslij:active {
    color:#99683D;
    padding:7px;
    -moz-border-radius:7px;
    border:solid #3B2819 1px;
}

textarea {
border:0;
background:url(/gfx/textarea-bg.gif);
overflow:auto;
color:#885d36;
font-family:Georgia,sans-serif;
}











/* klasa clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* txt */
/* naglowki */

.kontaktHeader {

}

.portfolioHeader {
height:37px;
border-bottom:solid #6A4B2F 1px;
margin-bottom:10px;
}

/* footer */
#footer {
height:450px;
width:100%;
background-image:url(/gfx/body_bg_black.png);
}

#footerName {
    width:100%;
    padding:15px 0;
    background-color:black;
    border:solid #252525 1px;
    border-width:1px 0px 10px 0px;
}

#footerNameCenter {
    width:960px;
    margin:0 auto;
}

#footer h2 {
    color:#6A4B2F;
    font-weight:normal;
    font-size:24px;
    text-transform:uppercase;
    text-shadow:1px 2px 2px black;
    padding-bottom:10px;
}


#footerCenter {
width:960px;
margin: 0 auto;
}

.footbox {
width:30%;
height:auto;
float:left;
margin:0 5px;
padding:15px 10px 15px 10px;
}



.imgThumb {
    float:left;
    padding:0 10px;
}