html, body {height: 100%; margin: 0; padding: 0;}

body {color: #fff; background: #003333;}
body.int {background-color:  #F1EBD1; color: #444;}
img {border: none;}
div,
ul#menu, ul#menu li {display: block; margin: 0; padding: 0;}

div, p, a, h1, h2, h3, h4, h5, h6, img, form, input, label, fieldset {position: relative;}


#main {z-index: 2;}
#main.int {z-index: 2; background-color: #fff;}
#headerint {display: block; height: 169px; background: #003333 url(/images/wmenora_big.gif) no-repeat top right;}
#headerint h1 {background-image: url(/images/firelech_logo_int.gif); width: 229px; height: 169px; text-indent: -2000px; margin: 0; padding: 0;}
#headerint a:link, #headerint a:visited,#headerint a:hover, #headerint a:active  {display: block; position: absolute; top: 0; left: 0; width: 229px; height: 169px; text-indent: -2000px;}


/* Top Internal Menu */
#topmenuint {height: 40px; background-color: #CC9933;}
ul#menu {list-style: none; white-space: nowrap; width: 740px; margin-left: 27px;height: 40px; }
ul#menu li {float: left; background-repeat: no-repeat; height: 40px;}
ul#menu li a {text-indent: -3000px; display: block; height: 40px; width: 100%; border: none; text-decoration: none;}

ul#menu li.story {width: 91px; background-image: url(/images/topintmenu_ru/story.gif)}
ul#menu li.contacts {width: 100px; background-image: url(/images/topintmenu_ru/contacts.gif)}
ul#menu li.afisha {width: 80px; background-image: url(/images/topintmenu_ru/afisha.gif)}
ul#menu li.press {width: 80px; background-image: url(/images/topintmenu_ru/press.gif)}
ul#menu li.feedback {width: 87px; background-image: url(/images/topintmenu_ru/feedback.gif)}
ul#menu li.gallery {width: 86px; background-image: url(/images/topintmenu_ru/gallery.gif)}
ul#menu li.links {width: 73px; background-image: url(/images/topintmenu_ru/links.gif)}
ul#menu li.news {width: 92px; background-image: url(/images/topintmenu_ru/news.gif)}

#stars {position: absolute; top: 126px; left: -150px; width: 93px; height: 56px; font-size: 1px; background-image: url(images/int_stars.gif); display: none; }

/*   Internal Content */
#content {height: 300px; border: 1px solid #000 !important; border-color: transparent !important; border: none; background: #F1EBD1;}
#content * {font-family: Arial, Verdana, Tahoma, Helvetica;}

#article {display: block; float: left; width: 65%; background: #F1EBD1 url(/images/gold_shagall.jpg) repeat-y;}
#article div.gb {border-right: 1px solid #BDB7A7;}
#article.nobrd {border-right: 1px solid #F1EBD1 !important;}
#article h1 {font-size: 0.9em; text-align: right; margin: 0 0 20px 210px; padding: 10px 10px 5px 0; border-bottom: 2px solid #c93; color: #666}
#article.nobrd h1 {border-right: 1px solid #BDB7A7;}
#article p {font-size: 0.7em; color: #555; padding: 0; margin: 10px 20px 10px 210px;}

#anounces {display: block; width: 35%; position: absolute; left: 65%; border-left: 1px solid #BDB7A7; margin: 0 0 0 -2px !important; margin: 0 0 0 -1px; padding: 0; background: #fff;}

/* right-hand-side announces */
#anounces.nobrd {margin-left: 0 !important; border-left: none !important;}

.announce {background: #fff url(/images/announce_0.jpg) repeat-x bottom left; border-top: 1px solid #fff; border-bottom: 1px solid #699; clear: both;}
.announce div.an {display: block; font-size: 0.7em; margin: 0 0 15px 0px !important; margin: 0 0 15px 0px; clear: both;}
.announce div.an img {float: left; padding: 5px 10px 5px 5px; display: block; width: 87px;}
.announce h1 {background-repeat: no-repeat; width: 162px; height: 28px; text-indent: -3000px; padding: 0; margin: 0 0 0 3px;}
.announce img+h1 {margin-left: 100px;}
.announce p {display: block; margin: 0; padding: 0 0 0 7px;}

/* splitter between news and feedback in main area */
#article p.newsmain {border-bottom: 1px solid #BDB7A7; font-size: 1px; margin: 0 0 0 210px;}


/* announces within main area of news page  */

.announce_int {background: transparent url(/images/announce_0.jpg) repeat-x bottom left; border-right: 1px solid #699 !important;  border-bottom: 1px solid #699; clear: both; margin-left: 210px; margin-right: -1px;}
.announce_int div.an {display: block; margin: 0 0 15px 0px !important; margin: 0 0 15px 0px; clear: both; border-right: none !important; padding-top: 10px;}
.announce_int div.an img {float: right; padding: 5px 10px 5px 5px; display: block; width: 87px;}
.announce_int h2 {background-repeat: no-repeat; height: 28px; padding: 0; margin: 0px 10px 5px 0; float: left; font-size: 0.8em; border-bottom: 2px solid #c93;}
/* .announce_int img+h1 {margin-left: 100px;} */
.announce_int p {display: block; margin: 0 0 0 0 !important; padding: 0 0 0 7px;}



/* feedback page main area */

.announce_fdb {border-right: 1px solid #699 !important;  border-bottom: 1px solid #699; clear: both; margin-left: 240px; margin-right: 0px;}
.announce_fdb div.an {display: block; margin: 0 0 15px 0px !important; margin: 0 0 15px 0px; clear: both; border-right: none !important; padding-top: 10px;}
.announce_fdb h2 {background-repeat: no-repeat; padding: 0 0 5px; margin: 0px 10px 5px 0; font-size: 0.8em; border-bottom: 1px solid #c93; width: 150px; overflow-x: visible;}
/* .announce_int img+h1 {margin-left: 100px;} */
.announce_fdb p {display: block; margin: 0 0 0 0 !important; padding: 0 0 0 7px;}

.announce_intspl {border-right: 1px solid #F1EBD1 !important; clear: both; margin-right: -1px; height: 10px; font-size: 5px;}


#anounces .an_news h1 {background-image: url(/images/an_topics_ru/an_news.gif);}
#anounces .an_story h1 {background-image: url(/images/an_topics_ru/an_story.gif);}
#anounces .an_feedback h1 {background-image: url(/images/an_topics_ru/an_feedback.gif);}
#anounces .an_contacts h1 {background-image: url(/images/an_topics_ru/an_contacts.gif);}


a.more:link,
a.more:visited,
a.more:hover,
a.more:active {color: #000; display: block; font-size: 0.7em; margin: 15px 5px 6px; text-align: right; text-decoration: none; z-index: 3;}

a.more_int:link,
a.more_int:visited,
a.more_int:hover,
a.more_int:active {color: #000; display: block; font-size: 0.7em; margin: 25px 5px 6px; text-align: right; text-decoration: none; z-index: 3;}

a.more:hover, a.more_int:hover {text-decoration: underline; color: #444;}

/* Front Page */
#fmain  {z-index: 6; width: 592px; height: 297px; margin: auto; overflow: hidden;}
#ffirelech {z-index: 4; width: 491px; height: 297px; margin: auto; text-indent: -2000px; overflow: hidden; background-repeat: no-repeat; }
#fmenu {position: relative; top: -38px; width: 592px; height: 129px; margin: auto; overflow: hidden; background-repeat: no-repeat; text-align: left;}

#ffirelech {background-image: url(/images/firelech.gif);}
#fmenu {background-image: url(/images/fp_menu_ru_b.gif); white-space: nowrap; z-index: 7;}

#fmenu a:link, #fmenu a:visited, #fmenu a:hover, #fmenu a:active {display: block; position: relative; background-repeat: no-repeat; text-indent: -3000px; float: left; text-decoration: none; z-index: 7;}

/*  Langs switcher frontpage */
#langs {position: absolute; top: 13px; right: 0; width: 102px; height: 131px; background-image: url(/images/langs_0.gif); background-repeat: no-repeat; overflow-y: hidden;} 
/* height: 202px; */ 
#langs a:link, #langs a:visited, #langs a:hover, #langs a:active {display: block; width: 102px; height: 67px; border: none; text-decoration: none; text-align: right;}

#langs a.pas:link, #langs a.pas:visited {background-color: #003333;}
#langs a.pas:hover, #langs a.pas:active {background-color: transparent; background-image: none;} 



/* footer and subfuuters */
#footer, #subfooter {
	position: absolute;  /* Needed for Safari */
	width: 100%;
	border: none;
	background-color: #CC9933;
	text-align: center;
	height: 25px;
	z-index: 2;
    overflow: hidden;
}

#footer {visibility: hidden;}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	font-size: 0.7em; text-decoration: underline; color: #5a5a5a; display: block; width: 30px; float: right;
text-align: right; margin-top: 5px;}
#footer a:hover {text-decoration: none; }

#footer h6 {display: block; background-image: url(/images/dip_logo.gif); width: 30px; height: 25px; float: right; overflow-x: hidden; overflow: hidden; margin-left: 20px; margin-top: 0px;}
#footer h6 a:link, #footer h6 a:visited, #footer h6 a:hover, #footer h6 a:active {width: 30px; height: 20px; text-indent: -3000px; white-space: nowrap; text-align: left;}


img#builds {position: absolute; z-index: 0;}


#subfooter {background: transparent; height: 53px; color: #003333; z-index: 3; white-space: nowrap; font-size: 2px;}
#fluit {width: 140px;}
#subfooter .flleft, #subfooter .flright {display: block; height: 20px; width: 201px; margin-top: 32px;}
#subfooter .flleft {background: transparent url(/images/fleft.gif) no-repeat;}
#subfooter .flright {background: transparent url(/images/fright.gif) no-repeat;}

div#feedback {background: #F1EBD1 url(/images/spacer.gif) repeat;}
div#feedback form {display: block; height: 100%; margin: 0 0 0 -1px; padding: 10px 10px 0 15px;}
div#feedback form label {display: block; font-size: 0.75em; width: 120px; float: left; margin: 3px 0;}
div#feedback form input, div#feedback form textarea {font-size: 0.75em; width: 60%; margin: 3px 0;} 
div#feedback form input.subbut {width: 61.5%; margin-left: -1px;}
div#feedback h1 {font-size: 0.9em; margin: 0; padding: 10px 0 5px 15px; border-bottom: 2px solid #c93 !important; display: block; color: #6c6c6c}

/* common classes */

.flleft {float: left;}
.flright {float: right;}
.center {text-align: center;}
.spltr {display: block; height: 1px; overflow-y: hidden; margin-bottom: -1px; font-size: 0.1em; clear: both;}

div#addmenu {display: block; text-align: right; border: none; border-right: 1px solid #CC9933;}
div#addmenu a:link, div#addmenu a:visited, div#addmenu a:hover, div#addmenu a:active {font-size: 0.8em; font-weight: bold; margin: 10px 15px; display: block; color: #003333; text-decoration: underline;} 
div#addmenu a:hover, div#addmenu a:active {color: #000; text-decoration: none;}

div.gal {font-size: 0.7em; color: #555; padding: 0; margin: 10px 20px 10px 210px;}
div.galimg {display: block; width: 200px; height: 200px; float: left; display: block;}
div.galimg img {margin: 0 10px 10px 0; cursor: pointer;}



a.withpic:link,
a.withpic:visited,
a.withpic:hover,
a.withpic:active { margin: 43px 5px -18px !important; margin: 35px 5px -12px;}