body {
background: white;
margin: 0;
padding: 0;
}

table {
margin: 0 auto;
}

div {
margin: 0 auto;
font-family: "Myriad Pro", Arial, sans-serif;
text-align: justify;
font-size: 9pt;
color: #4b4b4b;}

.logo {
width: 800px;
height: 105px;
background: transparent url('img/logo_bg.jpg') no-repeat top right;
}

.mid {
width: 800px;
height: 209px;
background-image: url('img/middle.jpg');
}

.nav {
width: 800px;
height: 25px;
background: transparent url('img/nav_bg.jpg') no-repeat top left;
}

.content {
height: 603px;
background: transparent url('img/gradient.jpg') repeat-x;
margin-left: 197px;
padding: 20px 30px 0 30px;
}

.pic1, .pic2, .pic3, .pic4 {
width: 197px;
height: 603px;
float: left;
background-position: top left;
background-repeat: no-repeat;
}

.pic1 { background-image: url('img/main_pic.jpg'); }
.pic2 { background-image: url('img/services_pic.jpg'); }
.pic3 { background-image: url('img/contacts_pic.jpg'); }
.pic4 { background-image: url('img/vacancies_pic.jpg'); }

.bottom {
width: 800px;
height: 25px;
background: url('img/bottom.jpg') #bfbfbf no-repeat top left;
color: white;
}