* {
margin: 0;
padding: 0;
}
html {
background: #322518 url(images/bg2.gif)  no-repeat 50% 0;
}
img {
border: 0;
}
#container {
width: 938px;
color: #9f968d;
margin: 0 auto;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 28px;
}
#top {
float: left;
width: 924px;
height: 413px;
background: url(images/top.gif);
}
.menu {
float: right;
margin: 280px 100px 0;
__margin: 280px 50px 0;
}
.menu a:hover {
border: 0;
}
.menu a {
position: relative;
}
.menu a.oferta_menu {
z-index: 3;
}
.menu a.realizacje_menu {
top: -20px;
left: -15px;
z-index: 2;
}
.menu a:hover.realizacje_menu {
z-index: 4;
}
.menu a.kontakt_menu {
left: -30px;
z-index: 1;
}
.menu a:hover.kontakt_menu {
z-index: 4;
}
#content {
background: #382A1D;
float: left;
width: 924px;
height: 311px;
}
.latest {
float: left;
width: 293px;
margin: -10px 0 0 35px;
__margin: -10px 0 0 17px;
__position: relative;
__z-index: 10;
}
.latest b {
float: left;
}
.latest span {
float: right;
}
a {
color: #9f968d;
text-decoration: none;
}
a:hover {
border-bottom: 1px dashed #9f968d;
}
.latest div {
width: 293px;
float: left;
}
.latest div b {
float: none;
}
.last {
border: 2px solid #FFF;
margin: 10px 0;
height: 110px;
width:293px;
z-index:2;
overflow: hidden;
}
.last img {
width: 293px;
margin: -20px 0;
}
.site_content {
float: left;
margin: -10px 0 0 35px;
width: 550px;
__width: 530px;
__position: relative;
__z-index: 10;
line-height: 18px;
}
.site_content ul {
margin-left: 20px;
}
#footer {
width: 924px;
height: 87px;
background: url(images/footer.gif);
float: left;
}
.copy {
float: left;
color: #281b0f;
margin: 55px 0 0 35px;
__margin-left: 17px;
}
.nav {
float: right;
margin: 55px 20px 0;
}
.nav a {
margin-right: 15px;
}

.realizacje {
float: left;
margin: -10px 0 0 35px;
width: 843px;
height: 305px;
__width: 823px;
position: relative;
z-index: 10;
overflow: hidden;
}
#slide { width: 843px; height: 275px; }
#slide ul { list-style: none; position: relative; left: 0; width: 9200px; height: 305px;}
#slide ul li {  float: left; margin-right: 12px; float: left; opacity: 0.5; filter: alpha(opacity=50); display: block; width: 288px; height: 248px; }
#slide ul li:hover {border: 0; opacity: 1; filter: alpha(opacity=100); display: block; width: 288px; height: 248px; }
#slide ul li img {float: left; padding: 2px; border: 2px solid #FFF; }
#nav {
width: 100%;
text-align: center;
font-size: 14px;
}
img.portfolio {
float: left;
padding: 2px;
border: 2px solid #FFF;
margin: 10px 10px 0;
}
form {
width: 300px;
font-size: 11px;
}
form input {
background: none;
border: 1px solid #261A0E;
color: #9f968d;
padding: 5px;
width: 150px;
margin: 5px 0 0 5px;
font-size: 11px;
font-family: Trebuchet MS;
}
form textarea {
background: none;
border: 1px solid #261A0E;
color: #9f968d;
font-size: 11px;
width: 300px;
padding: 5px;
height: 100px;
margin: 5px 0 0 5px;
font-family: Trebuchet MS;
overflow: hidden;
}
.tooltip {
position: relative;
width: 250px;
}
.tooltip dfn {
display: none;
float: left;
}
.tooltip:hover dfn, .tooltiph dfn {
display: block;
float: left;
margin: -244px 0 0 4px;
__margin: -244px 0 0 2px;
padding: 4px 10px;
border: 1px solid #000;
color: #FFF;
opacity: 0.8; 
filter: alpha(opacity=80);
background: #000;
width: 258px;
font-style: normal;
font-size: 11px;
line-height: 15px;
position: relative;
z-index: 100;
text-decoration: none;
text-align: left;
}