/*
 * (c) Prohelp Mikrotuki Ay 2008
 */
 
body {
   background-color: #ededed;
   margin: 0;
   font-family: Verdana, Arial, sans-serif;
}

div {
   margin-left: auto;
   margin-right: auto;
   width: 800px;
}

div.banneri {
   height: 102px;
   background-image: url('gfx/banneri.png');
   background-repeat: no-repeat;
}

div.navi {
   height: 25px;
   vertical-align: bottom;
   background-image: url('gfx/navi.png');
   background-repeat: no-repeat;
}

div.navi ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}
div.navi ul li{
   padding: 5px 2px 5px 2px;
   margin-left: 13px;
   margin-right: 13px;
   font-size: 12px;
   font-weight: bold;
   position: relative;
   display: inline;
   float: left;
}

div.navi ul li ul{
   border: 1px solid #000000;
   background-color: #b8d9fd;
   background-image: url('gfx/bg_submenu.png');
   background-repeat: repeat-x;
/*   margin-left: 13px; */
   padding-top: 4px;
   padding-bottom: 4px;
   width: 138px;
   position: absolute;
   display: block;
   visibility: hidden;
}
div.navi ul li ul li{
   margin-top: 0px;
   margin-left: 3px;
   padding: 2px 0 2px 0;
   display: list-item;
   float: none;
}

div.navi li a {
   color: #000000;
   text-decoration: none;
}
div.navi li a.selected {
   color: #ffffff;
   text-decoration: none;
}
div.navi li a:hover {
   color: #ffffff;
}

div.header {
   background-repeat: no-repeat;
   height: 87px;
}
div.header_1 {
   background-image: url('gfx/header_1.png');
}
div.header_2 {
   background-image: url('gfx/header_2.png');
}
div.header_3 {
   background-image: url('gfx/header_3.png');
}
div.header_4 {
   background-image: url('gfx/header_4.png');
}
div.header_5 {
   background-image: url('gfx/header_5.png');
}
div.header_6 {
   background-image: url('gfx/header_6.png');
}

div.border_head {
   height: 17px;
   background-image: url('gfx/body_top.png');
   background-repeat: no-repeat;
}

div.border {
   background-image: url('gfx/body.png');
   background-repeat: repeat-y;
/*   padding-bottom: 36px; */
}

div.border div.body {
   width: 710px;
}

div.border div.body ul {
   margin-top: 0;
   margin-bottom: 0;
   padding-bottom: 12px;
   font-size: 12px;
   text-align: left;
}


div.border img.right {
   float: right;
   padding-top: 2px;
   padding-left: 30px;
}
div.border img.bottom {
   padding-bottom: 30px;
}

ul.crystal {
   list-style-image: url('gfx/crystal-list.gif');
   line-height: 18px;
}

h1 {
   font-size: 18px;
   font-weight: normal;
   margin-top: 0;
}

h2 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 0;
}

.clear {
   clear: both;
}

p {
   margin-top: 0;
   margin-bottom: 0;
   padding-bottom: 12px;
   font-size: 12px;
   text-align: justify;
   line-height: 16px;
}

.center {
   text-align: center;
}

div.left {
   width: auto;
   margin-right: 294px;
}
div.right {
   float: right;
   width: 264px;
   margin-top: 4px;
   margin-left: 30px;
}

div.right p.pic-text {
   padding-bottom: 30px;
   text-align: center;
}
div.right p.pic-text:first-letter, div.right p.pic-text-large {
   font-size: 20px;
   font-weight: bold;
}

div.narrow {
   width: auto;
}
div.narrow p {
   margin-right: 130px;
}

div.box {
   width: 255px;
   border: 2px solid #000000;
   font-size: 12px;
   text-align: center;
   padding: 3px;
}

div.arr {
   width: auto;
   text-align: center;
   font-size: 24px;
   font-weight: bold;
   position: relative;
   top: -4px;
}

div.contact_left {
   width: auto;
   float: left;
   margin-right: 30px;
   padding-bottom: 100px;
}

div.g_box {
   float: left;
   width: 236px;
}
div.g_box_text {
   float: left;
   width: 236px;
   font-size: 12px;
   margin-bottom: 20px;
   padding-bottom: 20px;
}
div.g_box img {
   border: 0;
}

div.footer {
   height: 34px;
   background-image: url('gfx/footer.png');
   background-repeat: no-repeat;
   padding-top: 3px;
   margin-bottom: 20px;
   font-size: 9px;
   font-weight: bold;
   text-align: center;
}