﻿/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px 0px; padding: 0px 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: #000; background: #fff; }
ol, ul, li { list-style-type: none; }
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Main styles */
a:active, a:visited, a:link { color: #000; text-decoration: none; }
a:hover, a.selected { color: #000; text-decoration: underline; }
body { font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; font-size: 0.8em; background-color: #eeebe2; }
#quick_navigation, hr, * .hide, #globalForm legend, #header strong, .languages a span { display: none; }
#global { width: 100%; overflow: hidden; margin: 0px auto; text-align: left; padding-bottom: 15px; background-color: #dcd8cc; }

* .container { width: 940px; margin: 0px auto; position: relative; }

#header { background: url('../images/header_back.png') repeat-x 0px 0px; height: 106px; overflow: hidden; clear: both; }
#header h1 { width: 220px; height: 70px; background: url('../images/logo.gif') no-repeat -40px 0px; padding: 20px 0px 0px 0px; }
#header h1 a { display: block; width: 220px; height: 75px; text-indent: -9999px; }
#header ul.bg { position: absolute; top: 45px; right: 20px; }
#header ul.en { position: absolute; top: 45px; right: 5px; }
#header ul.ru { position: absolute; top: 45px; right: 20px; }
#header ul li { display: inline; margin: 0px 10px 0px 0px; float: left; height: 20px; text-align: center; }

#header ul li a { background-repeat: no-repeat; color: #fff; display: block; height: 20px; text-indent: -99999px; }

#header ul.bg li a { background-image: url('../images/menu_bg.gif'); }
#header ul.bg li.menu1, #header ul.bg li.menu1 a { width: 90px; }
#header ul.bg li.menu2, #header ul.bg li.menu2 a { width: 135px; }
#header ul.bg li.menu3, #header ul.bg li.menu3 a { width: 100px; }
#header ul.bg li.menu4, #header ul.bg li.menu4 a { width: 65px; }
#header ul.bg li.menu5, #header ul.bg li.menu5 a { width: 110px; }

#header ul.bg li.menu1 a { background-position: 0px -35px; }
#header ul.bg li.menu1 a:hover, #header ul.bg li.menu1 a.current { background-position: 0px -5px; }
#header ul.bg li.menu2 a { background-position: -90px -5px; }
#header ul.bg li.menu2 a:hover, #header ul.bg li.menu2 a.current { background-position: -90px -35px; }
#header ul.bg li.menu3 a { background-position: -225px -5px; }
#header ul.bg li.menu3 a:hover, #header ul.bg li.menu3 a.current { background-position: -225px -65px; }
#header ul.bg li.menu4 a { background-position: -325px -5px; }
#header ul.bg li.menu4 a:hover, #header ul.bg li.menu4 a.current { background-position: -325px -95px; }
#header ul.bg li.menu5 a { background-position: -390px -5px; }
#header ul.bg li.menu5 a:hover, #header ul.bg li.menu5 a.current { background-position: -390px -125px; }

#header ul.en li a { background-image: url('../images/menu_en.gif'); }
#header ul.en li.menu1, #header ul.en li.menu1 a { width: 60px; }
#header ul.en li.menu2, #header ul.en li.menu2 a { width: 110px; }
#header ul.en li.menu3, #header ul.en li.menu3 a { width: 70px; }
#header ul.en li.menu4, #header ul.en li.menu4 a { width: 75px; }
#header ul.en li.menu5, #header ul.en li.menu5 a { width: 100px; }

#header ul.en li.menu1 a { background-position: 0px -35px; }
#header ul.en li.menu1 a:hover, #header ul.en li.menu1 a.current { background-position: 0px -5px; }
#header ul.en li.menu2 a { background-position: -65px -5px; }
#header ul.en li.menu2 a:hover, #header ul.en li.menu2 a.current { background-position: -65px -35px; }
#header ul.en li.menu3 a { background-position: -176px -5px; }
#header ul.en li.menu3 a:hover, #header ul.en li.menu3 a.current { background-position: -176px -65px; }
#header ul.en li.menu4 a { background-position: -253px -5px; }
#header ul.en li.menu4 a:hover, #header ul.en li.menu4 a.current { background-position: -253px -95px; }
#header ul.en li.menu5 a { background-position: -335px -5px; }
#header ul.en li.menu5 a:hover, #header ul.en li.menu5 a.current { background-position: -335px -125px; }

#header ul.ru li a { background-image: url('../images/menu_ru.gif'); }
#header ul.ru li.menu1, #header ul.ru li.menu1 a { width: 90px; }
#header ul.ru li.menu2, #header ul.ru li.menu2 a { width: 135px; }
#header ul.ru li.menu3, #header ul.ru li.menu3 a { width: 100px; }
#header ul.ru li.menu4, #header ul.ru li.menu4 a { width: 65px; }
#header ul.ru li.menu5, #header ul.ru li.menu5 a { width: 110px; }

#header ul.ru li.menu1 a { background-position: 0px -35px; }
#header ul.ru li.menu1 a:hover, #header ul.ru li.menu1 a.current { background-position: 0px -5px; }
#header ul.ru li.menu2 a { background-position: -90px -5px; }
#header ul.ru li.menu2 a:hover, #header ul.ru li.menu2 a.current { background-position: -90px -35px; }
#header ul.ru li.menu3 a { background-position: -225px -5px; }
#header ul.ru li.menu3 a:hover, #header ul.ru li.menu3 a.current { background-position: -225px -65px; }
#header ul.ru li.menu4 a { background-position: -325px -5px; }
#header ul.ru li.menu4 a:hover, #header ul.ru li.menu4 a.current { background-position: -325px -95px; }
#header ul.ru li.menu5 a { background-position: -390px -5px; }
#header ul.ru li.menu5 a:hover, #header ul.ru li.menu5 a.current { background-position: -390px -125px; }


#header ul li a:hover, #header ul li.selected a { color: #A58D71; text-decoration: underline; }
#header ul.languages { position: absolute; top: 5px; right: 15px; }
#header ul.languages li { width: 16px; height: 10px; }
#header ul.languages li a, #header ul.languages li a:hover { padding: 2px 2px; margin: 0px 0px; font-size: 0.75em; color: #fff; text-decoration: none; width: 12px; height: 10px; text-indent: 0px; background-image: none; }
#header ul.languages li a.current { font-weight: bold; color: #7F0D2C; background-color: #fff; }

#splasher { border-top: 2px solid #f8f8f8; border-bottom: 2px solid #333; height: 360px; width: 1024px; margin: 0px auto; }
.splasher_1 { background: url('../images/splasher_1.jpg') no-repeat 0px 0px; }
.splasher_2 { background: url('../images/splasher_2.jpg') no-repeat 0px 0px; }
.splasher_3 { background: url('../images/splasher_3.jpg') no-repeat 0px 0px; }
.splasher_4 { background: url('../images/splasher_4.jpg') no-repeat 0px 0px; }
.splasher_5 { background: url('../images/splasher_5.jpg') no-repeat 0px 0px; }
.splasher_6 { background: url('../images/splasher_6.jpg') no-repeat 0px 0px; }

#content { background-color: #eeebe2; overflow: hidden; padding: 20px 0px; }
#content .left { width: 70%; margin-right: 30px; float: left; }

#content h2 { font-size: 2.1em; color: #45443F; margin-bottom: 20px; font-family: Georgia, Times, Sans; }
#content p { font-size: 0.9em; margin-bottom: 10px; display: block; width: 94%; }
#content p a { color: #970100; text-decoration: none; }
#contetn p a:hover { text-decoration: underline; }
#content p strong { font-weight: bold; color: #333; }
#content p em { font-style: italic; }

#content ul li { margin-bottom: 20px; line-height: 1.2em; }
#content ul li strong { display: block; font-weight: bold; color: #666; font-size: 1.2em; margin-bottom: 5px; }
#content ul li ul, #content ul li ol { margin: 15px 0px 0px 15px; }
#content ul li ul li, #content ul li ol li { margin-bottom: 5px; }

#globalForm { margin: 40px auto 20px auto; }
#globalForm div { margin-bottom: 15px; overflow: hidden; width: 90%; }
#globalForm strong { float: left; width: 125px; margin-left: 55px; font-family: Georgia; font-size: 0.9em; color: #333; padding-top: 6px; }
#globalForm input, #globalForm select, #globalForm textarea { float: left; border: 1px solid #ccc; background-color: #F5ECE3; padding: 6px 3px 2px 5px; width: 350px; font-family: Arial, Verdana, Georgia; font-size: 0.9em; height: 20px; }
#globalForm textarea { height: 120px; }
#globalForm select { height: 24px; width: 360px; padding-top: 3px; }
#globalForm button { float: right; margin-right: 50px; background-color: #E4CEB6; color: #990000; border: none; padding: 2px 10px; font-family: Georgia; cursor: pointer; }

#message { width: 400px !important; height: 20px; padding: 5px 10px 0px 10px; text-align: center; margin: 20px auto !important; }
#message strong { width: 300px; margin: 0px 0px; float: none; font-family: "Trebuchet MS"; font-weight: bold; font-size: 0.9em; }
.error { background-color: #E4CEB6; border: 1px solid #990000; }
.error strong { color: #990000 !important; }
.done { background-color: #ffffcc; border: 1px solid #cccc33; }
.done strong { color: #996600 !important; }

#content .right { width: 23%; border-left: 1px solid #ccc; float: left; padding-left: 20px; padding-bottom: 100px; }
#content .right img { border: 7px solid #fff; }
#content .right address { margin-top: 20px; text-align: right; line-height: 1.4em; font-size: 0.9em; }

#content h3 { color: #333; margin-bottom: 20px; font-size: 1.4em; font-family: Georgia, Times, Sans; }
#content .right ul li { padding: 0px 3px; margin-bottom: 0px; }
#content .right ul li a { border-bottom: 1px solid #ccc; color: #333; font-size: 1em; display: block; height: 16px; padding: 6px 3px 6px 8px; }
#content .right ul li a:hover, #content .right ul li a.current { background-color: #f8f8f8; text-decoration: none; }
#content p { clear: both; overflow: hidden; line-height: 1.6em; }
#content address { font-weight: 0.6em; color: #666; }
#content p strong { display: block; margin-top: 10px; font-weight: bold; color: #999; float: left; }
#content p img { float: left; border: 4px solid #fff; }


#footer { height: 80px; border-top: 2px solid #fff; clear: both; color: #333; background-color: #dcd8cc; }
#footer p { float: left; display: block; margin: 25px 0px -15px 0px; font-size: 0.9em; width: 80%; }
#footer address { float: right; display: block; width: 115px; font-size: 0.8em; text-align: right; margin-top: 20px; }

.galleryLister li { float: left; display: inline; margin: 0px 5px 20px 5px; }
.galleryLister li img { border: 6px solid #f8f8f8; cursor: pointer; }