body {
    background: #000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #d3ab54;
}

#wrapper {
    width: 1022px;
    margin: 0 auto;
}

h4 {
    color: #d3ab54;
}

h1{
	margin: 0px;
	padding: 0px;
}

a {
    color: #8B7424;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 6px 0px;
    padding: 0;
}

img {
    border: none;
}

#main {
    background: url('images/bg4.jpg') no-repeat;
    height: 556px;
    position: relative;
}

.top-menu {
    color: #a7090a;
    font-size: 11px;
}

.top-menu a {
    color: #a7090a;
    display: block;
    text-decoration: none;
}

.top-menu .main-page {
    background: url('images/home.jpg') no-repeat 0px 3px;
    position: absolute;
    top: 0px;
    right: 85px;
    padding-left: 15px;
}

.top-menu .contact {
    background: url('images/contact.jpg') no-repeat 0px 3px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 15px;
}

.content {
    position: absolute;
    top: 130px;
    left: 165px;
}

.left-content {
    width: 200px;
    float: left;
    margin: 27px 15px 15px 15px;
}

.left-content p {
    margin: 0px;
    padding: 0px;
}

.right-content {
    width: 420px;
    float: left;
    color: #d3ab54;
    margin: 15px;
    padding-top: 50px;
    overflow: auto;
    height: 266px;
}

.right-content-big {
    margin: 10px 0px 0px 0px;
    background: #000;
    width: 700px;
    height: 370px;
}

#menu {
    background: url('images/bar_bg.jpg') no-repeat 0px 21px;
    height: 60px;
    position: relative;
}

#menu a.about {
    position: absolute;
    top: 0px;
    left: 184px;
    background: url('images/about.png') no-repeat;
    display: block;
    height: 65px;
    width: 150px;
}

#menu a:hover.about {
    position: absolute;
    top: 0px;
    left: 184px;
    background: url('images/about_red.png') no-repeat;
    display: block;
    height: 65px;
    width: 150px;
}

#menu a.projects {
    position: absolute;
    top: 0px;
    left: 446px;
    background: url('images/project.png') no-repeat;
    display: block;
    height: 65px;
    width: 150px;
}

#menu a:hover.projects {
    position: absolute;
    top: 0px;
    left: 446px;
    background: url('images/project_red.png') no-repeat;
    display: block;
    height: 65px;
    width: 150px;
}

#menu a.contact {
    position: absolute;
    top: 0px;
    left: 698px;
    background: url('images/contact.png') no-repeat;
    display: block;
    height: 65px;
    width: 150px;
}

#menu a:hover.contact {
    position: absolute;
    top: 0px;
    left: 698px;
    background: url('images/contact_red.png') no-repeat;
    display: block;
    height: 65px;
    width: 150px;
}

#menu .bar2 {
    position: absolute;
    top: 63px;
    left: 446px;
    background: url('images/bar_bg2.jpg') no-repeat;
    height: 4px;
    width: 514px;
}

#footer {
    margin: 10px auto;
    color: #403218;
    font-size: 11px;
    position: relative;
}

.cp-rights {
    position: absolute;
    top: 6px;
    left: 150px;
    width: 420px;
    font-size: 10px;
}

#footer .realization {
    position: absolute;
    top: 13px;
    left: 630px;
    width: 300px;
    font-size: 10px;
}

#footer .logo {
    position: absolute;
    top: 8px;
    left: 750px;
    width: 300px;
}

a.lazienka {
    width: 122px;
    height: 63px;
    margin: 0 auto;
    display: block;
    background: url('images/lazienka_0.jpg') no-repeat;
}

a.lazienka:hover {
    background: url('images/lazienka_1.jpg') no-repeat;
}

a.kuchnia {
    width: 122px;
    height: 63px;
    display: block;
    margin: 0 auto;
    background: url('images/kuchnia_0.jpg') no-repeat;
}

a.kuchnia:hover {
    background: url('images/kuchnia_1.jpg') no-repeat;
}

a.salon {
    width: 122px;
    height: 63px;
    display: block;
    margin: 0 auto;
    background: url('images/salon_0.jpg') no-repeat;
}

a.salon:hover {
    background: url('images/salon_1.jpg') no-repeat;
}

a.inne {
    width: 122px;
    height: 63px;
    display: block;
    margin: 0 auto;
    background: url('images/inne_0.jpg') no-repeat;
}

a.inne:hover {
    background: url('images/inne_1.jpg') no-repeat;
}


