html, body { height: 100%; }
body { width: 100%; min-width: 960px; background: url('/img/bg.jpg') repeat; color: #232323; font: 18px Trebuchet MS, sans-serif; }
.wrap { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -41px; background: url('/img/lines.png') repeat-x 50% 200px; }
a { color: #232323; }
a:hover { color: #505050; }
.julia { float: right; padding: 25px 3% 0 0; }
.lang { font-size: 0.65em; position: absolute; right: 3%; top: 6px; }

/* menu */
ul.menu { float: left; width: 60%; padding: 35px 0 0 5%; }
ul.menu li { float: left; width: 32%; }
.menu-c { padding: 0 2%; }

/* main */
.genres { float: left; width: 92%; padding: 120px 3% 50px 5%; }
.genre { text-align: center; width: 250px; }
.genre img { padding: 3px; background: url('/img/genre-bg.png') no-repeat; }
.genre-pic { width: 100%; height: 256px; display: block; }
.genre-l { float: left; }
.genre-c { margin: 0 auto; }
.genre-r { float: right; }

/* order */
.order { float: left; width: 92%; padding: 20px 3% 10px 5%; text-align: center; }
.order-pic { margin: 0 auto; width: 872px; }
.order-text { text-align: left; width: 450px; font-size: 0.8em; padding: 45px 0 0 10%; }
.order-text p { padding-bottom: 20px; }

/* photos */
p.genre-links { float: left; padding: 8px 0 0 5%; font-size: 0.8em; clear: left; }
p.genre-links a, p.genre-links span { margin: 0 5px; }
.genre-photos { float: left; padding: 120px 4% 30px 4%; width: 92%; }
.genre-photo { float: left; width: 20%; text-align: center; height: 200px; }
img.thumb { padding: 3px; background: url('/img/photo-bg.png') no-repeat; }
.genre-nav { width: 100%; text-align: center; font-size: 1.25em; clear: both; }
.genre-nav a { text-decoration: none; color: #646464; }
.genre-nav a:hover { color: #404040; }
.genre-nav a, .genre-nav span { padding: 5px; }

/* contacts */
.contacts { width: 100%; font-size: 1.35em; text-align: left; }
.contacts a { text-decoration: none; }
.contacts td { padding-top: 40px; }
.contacts tr.small td { font-size: 0.55em; color: #646464; padding-top: 0; }
.contacts .l { padding-left: 5%; }
.contacts .r { padding-left: 5%; }
.r span { padding-left: 15px; }

/* footer */
.f, .push { clear: both; height: 40px; text-align: right; }
/* .f { border-top: 1px dotted #bbb; } */
.f p { font-size: 0.7em; text-align: right; padding: 12px 10% 0 0; }