* { padding: 0; margin: 0; }
html, body { }
body { font: 80%/140% Arial; color: #000; }
a img { border: 0; }
a { color: #0076a3; }
a:hover { text-decoration: none; }
p { margin-bottom: 20px; }
.clr { clear: both; }

#main { width: 990px; margin: 0 auto; overflow: hidden; }
#header { margin: 20px 0 10px; }
ul.lang { list-style: none; font-weight: bold; margin: 30px 100px 0 0; float: right; }
ul.lang li { padding: 0 20px 0 30px; float: left; }
ul.lang li.ru { background: url(ru.gif) no-repeat 0 1px; }
ul.lang li.en { background: url(en.gif) no-repeat 0 1px; }
ul.lang li.de { background: url(de.gif) no-repeat 0 1px; }
img.logo { margin-left: 15px; }
#menu { height: 45px; background: #290b02; border-radius: 5px; }
#menu ul { font: 160% Georgia; font-style: italic; list-style: none; }
#menu ul li { float: left; }
#menu ul li a { color: #fff; text-decoration: none; padding: 10px 0 11px 80px; margin-right: 10px; display: block; }
#menu ul li a.riga { background: url(menu-riga.gif) no-repeat 20px 0; }
#menu ul li a.jugend { background: url(menu-jugend.gif) no-repeat 15px 0; }
#menu ul li a.tallinn { background: url(menu-tallinn.gif) no-repeat 15px 0; }
#menu ul li a.vilnius { background: url(menu-vilnius.gif) no-repeat 25px 0; }
#menu ul li.active a.riga, #menu ul li a.riga:hover { background-position: 20px 100%; }
#menu ul li.active a.jugend, #menu ul li a.jugend:hover { background-position: 15px 100%; }
#menu ul li.active a.tallinn, #menu ul li a.tallinn:hover { background-position: 15px 100%; }
#menu ul li.active a.vilnius, #menu ul li a.vilnius:hover { background-position: 25px 100%; }
#menu ul li.active a, #menu ul li a:hover { color: #ffd802; }
#menu span.cs { width: 101px; height: 31px; background: url(cs.png) no-repeat 0 0; display: block; position: relative; top: -60px; left: 120px; }
#content { padding: 30px 15px 0; }
#left-content { width: 480px; font-size: 110%; float: left; }
p.txt { height: 130px; overflow: hidden; }
div.instr { height: 300px; padding-top: 20px; }
div.instr ul { font-size: 120%; list-style: none; }
div.instr ul li { padding: 10px 0 10px 50px; margin-bottom: 15px; }
div.instr ul li.num1 { background: url(1.gif) no-repeat 0 0; }
div.instr ul li.num2 { background: url(2.gif) no-repeat 0 0; }
div.instr ul li.num3 { background: url(3.gif) no-repeat 0 0; }
div.instr ul li.num4 { background: url(4.gif) no-repeat 0 0; }
div.audio { padding-bottom: 20px; }
div.audio ul { list-style: none; font-size:80%; font-style: italic; display: table; }
div.audio ul li { padding-right: 15px; display: table-cell; }
#right-content { width: 480px; float: right; }
#ipad { width: 480px; height: 495px; margin: 70px 0 30px; position: relative; }
img.ipad { z-index: 1; position: absolute; }
div.map, img.map { width: 304px; height: 396px; z-index: 2; position: absolute; top: 55px; left: 87px; }
div.map small { position: absolute; top: 440px; }
a.button { width: 405px; height: 62px; font-size: 150%; color: #000; margin-left: 38px; position: relative; overflow: hidden; }
a.button span { position: absolute; left: 65px; top: -23px; }

#information { border-top: 1px solid #ececec; padding: 20px 0; margin-top: 30px; overflow: hidden; }
#footer { background: #f2f2f2; padding: 20px 0; }
#footer-inner { width: 960px; margin: 0 auto; }
ul.contacts { list-style: none; margin-bottom: 20px; display: table; }
ul.contacts li { width: 20%; padding-left: 55px; display: table-cell; }
ul.contacts li.mail { width: 40%; background: url(mail-icon.gif) no-repeat 0 0; }
ul.contacts li.phone { background: url(phone-icon.gif) no-repeat 0 0; }
#social-buttons { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; overflow: hidden; }
#social-buttons ul { list-style: none; }
#social-buttons ul li { margin-right: 20px; float: left; }
#copyright { font-size: 85%; color: #616161; border-top: 1px solid #fff; padding-top: 10px;}

h3 { font: 140% Georgia; font-style: italic; margin-bottom: 15px; }
h1 { font: 170% Georgia; font-style: italic; margin-bottom: 15px; }
p.l { width: 45%; float: left; }
p.r { width: 45%; float: right; }