html {font-size: 100%; height: 100%;}
html {-webkit-text-size-adjust:none}
html, body {color: #e0e0e0; margin: 0px; padding: 0px;}
body {background-color: #222222; min-height: 424px;
      font: 13px "Helvetica Neue Bold", "Lucida Grande", Verdana, sans-serif;
      min-width: 1100px; height:100%; 
      text-align: center; background-image: url("../images/body_back.png"); background-repeat: repeat-x;}
      
a {text-decoration: none; color: black;}
a:hover {text-decoration: underline;}

#wrap {width: 1100px; margin: 0px auto;}

#footer {height: 47px; 
         font-size: 11px; width: 100%; color: #807d7a; padding-top: 10px; clear: both;}

#footer a {color: white;}
.footer_inside {width: 1040px; margin:auto;}

.r {float: right;}
.l {float: left;}

.logo {margin: 10px auto 84px auto; width: 355px;} 
.logo a {display: block; width: 355px; height: 145px; background-image: url("../images/jollybox.png"); background-position: -10px -10px;}

.clear {clear: both;}
.kodi_box {background-image: url("../images/kodi_box.png"); background-repeat: no-repeat; width: 286px; height: 470px; float: left; margin-top: -79px; margin-left: -20px;}
.kora_box {background-image: url("../images/kora_box.png"); background-repeat: no-repeat; width: 286px; height: 470px; float: left; margin-top: -79px; margin-left: 15px;}
.kodi_box a, .kora_box a {display: block; width: 286px; height: 470px;}
.kodi_box a:hover {background-image: url("../images/kodi_over.png"); background-repeat: no-repeat;}           
.kora_box a:hover {background-image: url("../images/kora_over.png"); background-repeat: no-repeat;}
.textarea {background-image: url("../images/textarea.png"); background-repeat: no-repeat; width: 300px; height: 368px; float: left; margin-top: 7px; margin-left: -45px; }

.kodi, .kora {margin: 43px 40px; font-size: 14px; text-align: justify; color: #333333;}
.kodi a, .kora a {color: #333333;}
.kodi b, .kora b {font-size: 17px;}

hr {border: 0; width: 100%; border-top: 1px solid black; border-bottom: 1px solid #444444;}

.jollybox {text-align: justify; width: 800px; margin: 50px auto;}

.contacts {text-align: left; margin: 40px auto 0px auto; font-size: 12px; width: 700px;}
.contacts a {color: #c0c0c0;}
.contacts b {font-size: 15px;}

.contact_message {width:350px; padding: 22px; background-image: url("../images/mail.png"); background-repeat: no-repeat; background-color: #cccccc; color: #303030; margin-top: -20px; height: 140px;}
.email {width: 160px; height: 15px; border: 1px solid #c0c0c0; padding-left: 2px;}
.cmt {float: left;}
.cmt,.cmt2 {height: 20px; margin-bottom: 15px;}
.cme {margin-top:1px; margin-right:16px; font-size: 12px; font-weight: bold;}
.cmta {border: 1px solid #c0c0c0; width: 343px; height: 96px; padding: 2px;}


.button2 {color: white; background-color: #d03000; border: 1px solid #a03000; height: 20px; width: 58px; font-size:10px;}