@import url(../css/reset.css);
html { height:100%; font-size:.875em; background:url(../img/bg-r.jpg) repeat 1013px 787px; position:relative; }
body { height:100%; font:100.1%/1.4 Georgia, "Times New Roman", Times, serif; color:#310703; background:url(../img/bg-rx.jpg) repeat-x 787px 0; position:relative; }
#page { background:url(../img/bg-ry.jpg) repeat-y 0 1013px; position:relative; z-index:10; min-height:100%; height:auto !important; height:100% }

a { color:#310703; text-decoration:underline }
a:hover { color:#a81e0f; text-decoration:underline }

h2 { font-size:1.714em; font-weight:normal; text-align:center; line-height:1.1; margin-top:1em; margin-bottom:.4em }
h3 { font-size:1.2em; font-weight:normal; text-align:center; line-height:1.1; margin-top:1em; margin-bottom:.4em }

#side { position:absolute; z-index:50; width:120px; top:178px; left:320px }
#nav { margin:0 0 2em; padding:0 0; font-size:1.285em; overflow:visible; color:#a81e0f }
#nav ul { margin:.5em 0 .5em; font-size:.6659em; padding-left:1em; overflow:visible }
#nav li {  list-style:none; margin:0 0 .5em }

#logo { position:absolute; left:472px; z-index:90; top:22px; margin:0; padding:0; width:462px }
#logo a, #logo span { background:url(../img/logo.png) no-repeat 0 0; width:317px; height:103px; margin:0 auto; display:block; text-indent:-99999px }
#logo a { cursor:pointer }

#logo_en { position:absolute; left:472px; z-index:90; top:22px; margin:0; padding:0; width:462px }
#logo_en a, #logo span { background:url(../img/logo_en.png) no-repeat 0 0; width:317px; height:103px; margin:0 auto; display:block; text-indent:-99999px }
#logo_en a { cursor:pointer }

#logo_de { position:absolute; left:472px; z-index:90; top:22px; margin:0; padding:0; width:462px }
#logo_de a, #logo span { background:url(../img/logo_de.png) no-repeat 0 0; width:317px; height:103px; margin:0 auto; display:block; text-indent:-99999px }
#logo_de a { cursor:pointer }

#inner { position:relative; z-index:50; min-height:618px; height:auto !important; height:618px; padding-bottom:70px; padding-top:150px; width:462px; margin-left:472px; overflow:hidden }
#inner .text { margin-top:24px }
#inner .gallery { margin-top:20px; padding-top:2.2em; color:#4c3d26; font-size:.857em }
#inner .gallery .desc { overflow:hidden; padding-left:22px  }
.side-images { float:left; position:relative; top:4px }
.side-images img {border:1px solid #310703; margin-bottom:5px }
.side-images .image-list { letter-spacing:2px; position:relative }
.pages { text-align:center; text-align:center; word-spacing:.3em; margin-bottom:1em}
.pages .active { font-weight:bold; color:#9b8666 }
#inner .gallery .pages { font-size:1.166em }

.images { margin-right:-10px }
.images img { margin-right:4px; vertical-align:middle; margin-bottom:6px }

a.imgef {position:relative;display:-moz-inline-stack;display:inline-block;overflow:hidden}
a.imgef img{position:relative;z-index:5}
a.imgef .hover-image {position:absolute;left:0;top:0;z-index:1;display:block }
a.imgef:hover .hover-image {z-index:10} 
a.imgef .firefox2 {display:block;position:relative}


#footer { position:absolute; z-index:60; bottom:0; left:0; position:absolute; width:934px; height:48px; padding-bottom:4px }
#footer .contacts { padding-left:46px; padding-bottom:30px; position:absolute; top:-130px; left:0 }
#footer .contacts address { font-style:normal; text-decoration:none }
#footer .copy { float:left; padding-left:46px }
#footer .artmode { text-align:right }

#bg { position:absolute; top:0; left:0; width:100%; height:808px; z-index:2 }
#bg-image { display:block; top:0px; position:absolute }
#bg-pens {background:url(../img/pens.png) no-repeat 0 0; width:217px; height:169px; position:absolute; top:518px; left:0; z-index:21 }
#bg-tmp { height:99999px; background:url(../img/bg-ry.jpg) repeat-y 0 0; width:100%; z-index:1; position:absolute; bottom:0; left:0 }
#bg-img { position:absolute; top:0; left:0; background:url(../img/bg.jpg) no-repeat 0 0; width:100%; height:808px }

#top-block {position:absolute;top:22px;left:322px;z-index:150}
#top-block img {margin-right:4px}

#img img {margin-right:20px; margin-top:10px}
#gallery img {margin-right:8px;}

.form_1 { background-color: #FFFFFF; height: 16px; width: 400px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; }
.form_2 { background-color: #FFFFFF; height: 154px; width: 400px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; overflow:auto; }
.form_3 { background-color: #FFFFFF; height: 16px; width: 60px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; }
.form_4 { background-color: #FFFFFF; height: 16px; width: 65px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; }