html, body {
 height: 100%;
 width: 100%;
 text-align: center;
 margin: 0;
 padding: 0;
}

body {
 font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
 font-size: 12px;
 color: #ffffff;
 background-color: #ffffff;
 background-image:url(images/back.jpg);
}

a { outline: none; }   

#index_distance {
 margin-bottom: -10em;
 width: 1px;
 height: 38%;
 float: left;
}

#distance {
 margin-bottom: -10em;
 width: 1px;
 height: 27%;
 float: left;
}

ul
{
margin: 0px;
padding: 15px;
list-style-type: none;
}

li {
margin: 0px;
padding-left: 15px;
background: url(images/bullet.gif) no-repeat center left;
list-style-type: none;
line-height: 20px;
vertical-align: middle;
}

#languages {
 position: relative;
 float: right;
 width: 60px;
 height: 30px;
 padding: 10px;
}

#index_main {
 position: relative;
 height: 339px;
 width: 100%;
 margin: 0 auto;
 clear: left;
 background-image:url(images/content_repeat.jpg);
 background-repeat: repeat-x;
 background-position: left 79px;
}

#index_content {
 margin: 0 auto;
 height: 100%;
 width: 655px;
 text-align: left;
}

#index_menu {
 position: relative;
 float: left;
 width: 100%; 
 }
 

.grey_back {
 position: absolute;
 width: 100%;
 height: 7px;
 background-color: #323232;
 top: 79px;
 z-index: 0;
}

#btn_who_we_are {
 position: relative;
 float: left;
 width: 130px;
 height: 166px;
}

#btn_who_we_are a {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_who_we_are.png);
 background-repeat: no-repeat;
 background-position: -4px 0;
 z-index: 2;
}

#btn_who_we_are a:hover {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_who_we_are.png);
 background-repeat: no-repeat;
 background-position: -4px -166px;
}

#btn_what_we_do {
 position: relative;
 float: left;
 width: 130px;
 height: 166px;
 margin-left:44px;
}

#btn_what_we_do a {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_what_we_do.png);
 background-position: -4px 0;
 background-repeat: no-repeat;
 z-index: 2;
}

#btn_what_we_do a:hover {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_what_we_do.png);
 background-repeat: no-repeat;
 background-position: -4px -166px;
}

#btn_background {
 position: relative;
 float: left;
 width: 130px;
 height: 166px;
 margin-left:44px;
}

#btn_background a {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_background.png);
 background-position: -4px 0;
 background-repeat: no-repeat;
 z-index: 2;
}

#btn_background a:hover {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_background.png);
 background-repeat: no-repeat;
 background-position: -4px -166px;
}

#btn_get_in_touch {
 position: relative;
 float: left;
 width: 130px;
 height: 166px;
 margin-left:44px;
}

#btn_get_in_touch a {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_get_in_touch.png);
 background-position: -4px 0;
 background-repeat: no-repeat;
 z-index: 2;
}

#btn_get_in_touch a:hover {
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-image:url(images/btn_get_in_touch.png);
 background-repeat: no-repeat;
 background-position: -4px -166px;
}

#index_bottom {
 position: relative;
 float: left;
 width: 230px;
 height: 51px;
 top: 122px;
 left: 200px;
}

#logo {
 position: absolute;
 background-image:url(images/logo.png);
 background-repeat: no-repeat;
 background-position: bottom center;
 width: 230px;
 height: 51px;
 z-index:2;
}

#grey_logo {
 position: absolute;
 width: 190px;
 height: 7px;
 background-color: #323232;
 right: 0;
 bottom: 8px;
}

#main {
 position: relative;
 height: 482px;
 width: 917px;
 margin: 0 auto;
 clear: left;
}

#rectangle {
 position:absolute;
 clear: left;
 width: 887px;
 top: 160px;
 left: 30px;
 z-index: 1;
}


#rectangle_repeat {
 position:relative;
 margin-top: 0px;
 width: 887px;
 height: 260px;
 background-image: url(images/repeat_rectangle.png);
 background-repeat: repeat-y; 
}

#rectangle_bottom {
 position:relative;
 width: 887px;
 height: 29px;
 background-image: url(images/bottom_rectangle.png);
 background-repeat: no-repeat; 
}

.btn_main {
 position: absolute;
 width: 218px;
 height: 212px;
 left: 0;
 background-repeat: no-repeat; 
 z-index: 2;
}

#background_btn { background-image: url(images/btn_main.png); }
#what_we_do_btn { background-image: url(images/btn_main_what.png); }
#who_we_are_btn { background-image: url(images/btn_main_who.png); }
#get_in_touch_btn { background-image: url(images/btn_main_get.png); }

#logo_inside {
 position:relative;
 float: right;
 width: 193px;
 height: 160px;
 margin-right: 5px;
 }

#logo_top {
 position:relative;
 float: right;
 width: 193px;
 height: 95px;
 margin-right: 5px;
}

#logo_link {
 position:relative;
 float: right;
 width: 193px;
 height: 65px;
 margin-right: 5px;
}

#logo_link a{
 position:relative;
 float: right;
 width: 100%;
 height: 100%;
 margin-right: 5px;
 display: block;
 background-image: url(images/logo_inside.png);
 background-repeat: no-repeat;
 background-position: left bottom;
}



hr {
 position: absolute;
 height: 1px;
 border: none;
 left: 0px;
 margin: 0px;
 color: #DFDFDF;
 background-color: #DFDFDF;
 z-index: 2;
}

#menu {
 position:absolute;
 top: 418px;
 left: 659px;
 width: 260px;
 height: 85px;
 z-index: 2;
}

#menu_btn_who_we_are {
 position: relative;
 float: right;
 width: 71px;
 height: 85px;
 margin-right:20px;
}

#menu_btn_who_we_are a{
 position: relative;
 width: 100%;
 height: 100%;
 display: block;
 background-image: url(images/menu_btn_who_we_are.png);
 background-repeat: no-repeat;
}

#menu_btn_what_we_do {
 position: relative;
 float: right;
 width: 71px;
 height: 85px;
 margin-right:20px;
}

#menu_btn_what_we_do a{
 position: relative;
 width: 100%;
 height: 100%;
 display: block;
 background-image: url(images/menu_btn_what_we_do.png);
 background-repeat: no-repeat;
}

#menu_btn_get_in_touch {
 position: relative;
 float: right;
 width: 71px;
 height: 85px;
}

#menu_btn_get_in_touch a{
 position: relative;
 width: 100%;
 height: 100%;
 display: block;
 background-image: url(images/menu_btn_get_in_touch.png);
 background-repeat: no-repeat;
}

#menu_btn_background {
 position: relative;
 float: right;
 width: 71px;
 height: 85px;
 
}

#menu_btn_background a{
 position: relative;
 width: 100%;
 height: 100%;
 display: block;
 background-image: url(images/menu_btn_background.png);
 background-repeat: no-repeat;
}

#left_menu {
 position:relative;
 float: left;
 height: 150px;
 top: 80px;
 left: 30px;
 padding-top: 2px;
 color: #B2B2B2;
 font-size: 12px;
 text-align:left;
}

#left_menu a{
 color: #B2B2B2;
 font-size: 12px;
 text-align:left;
 text-decoration: none;
 margin-top: 10px;
 display: block;
}

#middle_content {
 position: relative;
 float: right;
 width: 190px;
 height: 210px;
 margin-right: 10px;
 padding-top: 20px;
 color: #B2B2B2;
 font-size: 12px;
 text-align: left;
}

#middle_content p{
 margin-top: 20px;
}


#right_content {
 position:relative;
 float: right;
 width: 600px;
 height: 210px;
 margin-right: 10px;
 padding-top: 20px;
 color: #9F9F9F;
 font-size: 12px;
 text-align:left;
}

#right_content p{
 margin-right: 50px;
 margin-top: 30px;
}

#right_content_people {
 position:relative;
 float: right;
 width: 700px;
 height: 220px;
 margin-right: 10px;
 padding-top: 15px;
 color: #9F9F9F;
 font-size: 12px;
 text-align:left;
}

#snimki {
 position: relative;
 float: left;
 width: 120px;
 height: 119px;
 font-size: 9px;
 margin-left: 5px;
}

#zaglavie{
 color: #B2B2B2;
 font-size: 22px;
 font-weight: bold;
 text-align:left;
 line-height: 30px;
 text-decoration: none;
}

#left_ul {
 position: relative;
 float: left;
 width: 230px;
 margin-top: 20px;
}

#right_ul {
 position: relative;
 float: left;
 margin-top: 20px;
}