body {margin: 0; padding: 0; text-align: center; background: #080f17 url('../img/bg_body.jpg') no-repeat 50% 50%; color: #fff; font-family: 'Segoe ui','Trebuchet MS', Tahoma, sans-serif;}
body * {margin: 0; padding: 0; text-align: left;}
body, html {width: 100%; height: 100%; overflow: hidden;}
img {border: 0;}
ul {list-style: none;}
a {text-decoration: none; color: #e3c97c;}
a:hover {text-decoration: none; color: #f6e2a8;}
.kL {float: left; display: inline;}
.kR {float: right; display: inline;}

#outer {width: 962px; height: 100%; margin-left: auto; margin-right: auto;}
#inner {position: relative; height: 520px; top: 50%;}
#wrapper {width: 962px; height: 520px; margin-left: auto; margin-right: auto; position: relative; top: -235px;}
#content {position: absolute; bottom: 0; left: 0; height: 520px; width: 904px; margin: 0 29px;}
#balon {width: 104px; height: 139px; background: url('../img/balon.gif') no-repeat 0 0; position: absolute; top: -84px; right: -10px; z-index: 1;}

#header {height: 102px; overflow: hidden; position: relative; z-index: 2;}
#header .kL, #fotter div.kL {width: 560px;}
#header .kR, #fotter div.kR {width: 344px;}
#header .kR h3 {font-size: 20px; letter-spacing: -0.05em; margin-bottom: 15px;}
#header .kR p {font-size: 12px; line-height: 14px;}

#fotter {height: 94px; width: 904px; position: absolute; left: 0; bottom: 0; overflow: hidden;}
#fotter ul {height: 64px; overflow: hidden;}
#fotter li {display: inline; float: left;}
#fotter li a {display: block; height: 18px; margin-top: 23px;}
#fotter #el_1 a {width: 66px; background: url('../img/nav.gif') no-repeat 0 0;}
#fotter #el_2 a {width: 78px; background: url('../img/nav.gif') no-repeat -66px 0;}
#fotter #el_3 a {width: 71px; background: url('../img/nav.gif') no-repeat -144px 0;}
#fotter #el_4 a {width: 89px; background: url('../img/nav.gif') no-repeat -215px 0;}
#fotter #el_5 a {width: 40px; background: url('../img/nav.gif') no-repeat -304px 0;}
#fotter #el_1 a:hover, #fotter #el_1.active a {background-position: 0 -18px;}
#fotter #el_2 a:hover, #fotter #el_2.active a {background-position: -66px -18px;}
#fotter #el_3 a:hover, #fotter #el_3.active a {background-position: -144px -18px;}
#fotter #el_4 a:hover, #fotter #el_4.active a {background-position: -215px -18px;}
#fotter #el_5 a:hover, #fotter #el_5.active a {background-position: -304px -18px;}
#fotter #copy {height: 30px; line-height: 30px; color: #454b51; font-size: 9px; overflow: hidden;}
#fotter #copy a {color: #454b51;}
#fotter #copy a:hover {color: #454b51; text-decoration: underline;}