html { height: 100%; }
body { height: 100%; padding: 0; margin: 0; font: 13px Georgia; color: #FFF; text-align: center; background: #000; }
span.clearfix { display: block; clear: both; }
a { color: #7e3e7f; }
a img { border: 1px solid #7e3e7f; }

#wrap { text-align: left; min-height: 100%; position: relative; }

#header { height: 206px; background: url(i/menu_bg.png) left bottom repeat-x; position: relative; z-index: 1; }
#header h1 { padding: 0; margin: 0 auto; width: 907px; height: 151px; }
#header h1 a { display: block; width: 907px; height: 151px; background: url(i/head.jpg) no-repeat; text-indent: -9000px; }

.navigation { width: 900px; height: 55px; padding: 0; margin: 0 auto; list-style: none; position: relative; }
.navigation li { float: left; height: 55px; padding-right: 19px; }
.navigation li a { display: block; text-indent: -9000px; overflow: hidden; height: 55px; background: url(i/menu.png) 0 0 no-repeat; }
.navigation li.active a,
.navigation li a:hover { background-position: 0 -60px; }
.navigation li.last { background: none; }

.navigation ul { display: none; position: absolute; margin: 0; padding: 0; width: 500px; left: 400px; bottom: -101px; z-index: 10; }
.navigation li.active ul { display: block; }
.navigation ul li { float: none; display: inline; padding: 0; margin-right: 15px; }
.navigation ul a { display: inline; background: none !important; color: #FFF; font-size: 19px; text-indent: 0; }
.navigation ul .active a,
.navigation ul a:hover  { color: #747474; }

.navigation #mn1 a { width: 75px; background-position: -4px 0; }
.navigation #mn1 a:hover, .navigation #mn1.active a { background-position: -4px -60px; }
.navigation #mn2 a { width: 86px; background-position: -105px 0; }
.navigation #mn2 a:hover, .navigation #mn2.active a  { background-position: -105px -60px; }
.navigation #mn3 a { width: 69px; background-position: -213px 0; }
.navigation #mn3 a:hover, .navigation #mn3.active a  { background-position: -213px -60px; }
.navigation #mn4 a { width: 60px; background-position: -304px 0; }
.navigation #mn4 a:hover, .navigation #mn4.active a  { background-position: -304px -60px; }
.navigation #mn5 a { width: 70px; background-position: -386px 0; }
.navigation #mn5 a:hover, .navigation #mn5.active a  { background-position: -386px -60px; }
.navigation #mn6 a { width: 84px; background-position: -475px 0; }
.navigation #mn6 a:hover, .navigation #mn6.active a  { background-position: -475px -60px; }
.navigation #mn7 a { width: 110px; background-position: -581px 0; }
.navigation #mn7 a:hover, .navigation #mn7.active a  { background-position: -581px -60px; }
.navigation #mn8 a { width: 75px; background-position: -711px 0; }
.navigation #mn8 a:hover, .navigation #mn8.active a  { background-position: -711px -60px; }
.navigation #mn9 a { width: 97px; background-position: -806px 0; }
.navigation #mn9 a:hover, .navigation #mn9.active a  { background-position: -806px -60px; }

#body { padding: 30px 25px 185px 25px; width: 900px; margin: auto; position: relative; }

#page-2 #sidebar { width: 390px; float: left; }
#page-2 #content { margin-left: 420px; }

#sidebar #flashka { width: 374px; height: 470px; position: relative; }

#content { position: relative; top: -30px; padding: 0 20px; }
#pagetitle { margin: 0 0 0 -30px; width: 315px; height: 135px; background: url(i/h2_news.png); text-indent: -9000px; overflow: hidden; }

#content h3 { font: 20px Georgia; margin: 10px 0; }
#content h3 object { position: relative; top: 5px; left: 10px; }

#page-2 #content h3 { font-size: 16px; margin-bottom: 20px; }

#music ol { margin: 5px 0; font-size: 15px; float: left; }
#music ol a { color: #FFF; text-decoration: none; }

#ask_form { width: 300px; float: right; margin: -100px 0 50px 50px; border: 1px solid #7e3e7f; padding: 10px; }
#ask_form h3 { margin: 0 0 10px 0; }
#ask_form form { padding: 0; margin: 0; }
#ask_form fieldset{ border: none; padding: 0; margin: 0; }
#ask_form p { margin: 5px 0; }
#ask_form label { display: block; }
#ask_form input { width: 60%; }
#ask_form .submit input { width: auto; }
#ask_form textarea { width: 100%; height: 80px; }

.jot-mod { float: right; margin-right: 10px; }
.question { margin: 0; padding: 0; font-size: 16px; }
.answer { margin-bottom: 20px; font-size: 14px; }
.question span,
.answer span { font-size: 26px; float: left; margin: 0 7px -9px 0; position: relative; top: -9px; font-style: italic; }
.question cite { display: none; text-align: right; }

.thumbs { margin: 0; padding: 0; list-style: none; }
.thumbs li { width: 170px; height: 190px; float: left; text-align: center; }
.thumbs img { border: 1px solid #7e3e7f; }

.gallery { float: left; width: 48%; padding-right: 2%; position: relative; height: 180px; }
.gallery img { float: left; margin-left: -10px; }
.gallery a { color: #FFF; font-size: 24px; display: block; margin-left: 150px; }

#footer { height: 185px; position: absolute; bottom: 0; width: 100%; background: #000 url(i/venz.png) left bottom no-repeat; }
#footer p { margin: 0; }
#footer #ads a { display: block; position: absolute; overflow: hidden; text-indent: -9000px; }
#footer #loreal { width: 137px; height: 40px; background: url(i/loreal.png); left: 85px; bottom: 37px; }
#footer #jld{ width: 313px; height: 37px; background: url(i/JLD.png); left: 257px; bottom: 37px; }
#footer #copy { position: absolute; right: 0; width: 320px; bottom: 40px; }
#footer #copy a { color: #515151; font-size: 19px }