body {text-align:center;margin:0;}
a{color:white; text-decoration:underline; font-weight:bold;}
a:hover{color:LemonChiffon; text-decoration:underline; font-weight:bold;}

.feedback{
	border: 1px solid white;
	color:white;
	}

.question{
	position:relative;
	top:31px;
}

.answer{
	position:absolute;
	top:547px;
	left:17px;
}

div#maincontainer
{
        position:relative;
        width: 468px;
        height: 468px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
        background-image: url('images/main_back_middle.jpg');
        background-repeat: x;
}

div#galcontainer
{
        position:relative;
        width: 468px;
        height: 468px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
        background-image: url('images/gallery_back_middle.jpg');
        background-repeat: x;
}

div#mainquadrat
{
        position:relative;
        width: 429px;
        height: 429px;
        top: 19px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border: 0px solid rgb(255, 255, 255);

}

div#h1
{
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(113,95,82);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
}

div#h2
{
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(255,255,255);
        font-size: 18px;
        text-align: center;
        margin-top: 6px;
}

.up_menu
{
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(255,255,255);
        font-size: 20px;
        text-decoration: none;
}
a:hover{text-decoration: underline;}


div#grcontainer{
        position:relative;
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        text-align:center;
        width:633px;
	height:633px;
	border: 1px solid rgb(255, 255, 255);
}

div#grback
{
        position:absolute;
	top: 0px;
	left: 0px;
        width: 241px;
        height: 633px;
        margin-top: 0px;
        margin-left: 0px;
        text-align:center;
        overflow:hidden;
        background-image: url('images/gr_back_middle2.jpg');
        background-repeat: none;
}

div#grleft
{
        position:relative;
        width: 140px;
        height: 620px;
        margin-top: 10px;
        margin-left: 10px;
        text-align:center;
        overflow:hidden;

        background-repeat: none;
}

div#gobback
{
        position:relative;
        width: 540px;
        height: 635px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
        overflow:hidden;
        background-image: url('images/gob_back_middle.jpg');
        background-repeat: none;
}

div#pastback
{
        position:relative;
        width: 540px;
        height: 635px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
        overflow:hidden;
        background-image: url('images/past_back_middle.jpg');
        background-repeat: none;
}

div#grmenu
{
        position:absolute;
        width: 200px;
        height: 595px;
        top: 18px;
        left: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-color: rgb(115,59,29);
        filter: alpha(Opacity=70);
        opacity: .70;

}

div#pstmenu
{
        position:absolute;
        width: 200px;
        height: 595px;
        top: 18px;
        left: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-color: rgb(64,65,67);
        filter: alpha(Opacity=70);
        opacity: .70;

}

div#gobmenu
{
        position:absolute;
        width: 200px;
        height: 595px;
        top: 18px;
        left: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-color: rgb(148,110,58);
        filter: alpha(Opacity=70);
        opacity: .70;

}

div#grmenu2
{
        position:absolute;
        width: 200px;
        height: 200px;
        top: 18px;
        left: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-color: rgb(0,0,0);
}

div#grright
{
        position:absolute;
        width: 354px;
        height: 595px;
        top: 18px;
        right: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-image: url('images/gr_right_back2.jpg');
}

div#pstright
{
        position:absolute;
        width: 354px;
        height: 595px;
        top: 18px;
        right: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-image: url('images/pst_right_back3.jpg');
}

div#gobright
{
        position:absolute;
        width: 354px;
        height: 595px;
        top: 18px;
        right: 18px;
        text-align:center;
        border: 1px solid rgb(255, 255, 255);
	background-image: url('images/gob_right_back3.jpg');
}

.scroll iframe {width:100%; height:100%; border: 0px;}
div#scrl{position: absolute; top: 10px; right: 40px; height:613px; width: 324px;}

div#over_up{position: absolute; top: 0px; left: 259px; height:19px; width: 170px; background-color: rgb(0,0,0); background-image: url('images/gr_over_up.jpg');}
div#over_down{position: absolute; top: 614px; left: 259px; height:19px; width: 170px; background-color: rgb(0,0,0); background-image: url('images/gr_over_down.jpg');}

div#up
{
        position:absolute;
        width: 20px;
        height: 200px;
        top: 0px;
        right: 0px;
        text-align:center;
}

div#down
{
        position:absolute;
        width: 20px;
        height: 200px;
        top: 390px;
        right: 0px;
        text-align:center;
	vertical-align: bottom;
}

div#grbut{
        position:absolute;
        left:0px;
        top:87px;
        margin-left: auto;
        margin-right: auto;
}

div#grbutton_main
{
        position:absolute;
        width: 99px;
        height: 99px;
        top: 0px;
        left: 1px;
        text-align:right;
	vertical-align: bottom;
}

div#grbutton_contacts
{
        position:absolute;
        width: 99px;
        height: 99px;
        top: 0px;
        left: 99px;
        text-align:left;
	vertical-align: bottom;
}

div#grbutton_gallery
{
        position:absolute;
        width: 99px;
        height: 99px;
        top: 99px;
        left: 1px;
        text-align:right;
	vertical-align: top;
}

div#grbutton_links
{
        position:absolute;
        width: 99px;
        height: 99px;
        top: 99px;
        left: 99px;
        text-align:left;
	vertical-align: top;
}

div#grannotation
{
        position:absolute;
        width: 192px;
        height: 200px;
        top: 220px;
        left: 5px;
        text-align:justify;
	vertical-align: top;
	z-index: 55;
}


.up_menu2
{
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(255,255,255);
        font-size: 18px;
        text-decoration: none;
}

div#grmenutext{
        position:absolute;
        left:40px;
        top:64px;
        margin-left: auto;
        margin-right: auto;
}

div#gr_up_over{
	position: absolute;
	top: -19px;
	left: 0px;
	z-index: 16;
	background: url(images/gr_over_up.jpg);
	width: 195px;
	height: 18px;
	overflow: hidden;
}

div#gr_down_over{
	position: absolute;
	top: 595px;
	left: 0px;
	background: url(images/gr_over_down.jpg);
	z-index: 16;
	width: 195px;
	height: 18px;
	overflow: hidden;
}

div#pst_up_over{
	position: absolute;
	top: -19px;
	left: 0px;
	z-index: 16;
	background-color: rgb(48,49,47);
	width: 195px;
	height: 18px;
	overflow: hidden;
}

div#pst_down_over{
	position: absolute;
	top: 595px;
	left: 0px;
	background-color: rgb(235,232,242);
	z-index: 16;
	width: 195px;
	height: 18px;
	overflow: hidden;
}

div#gob_up_over{
	position: absolute;
	top: -19px;
	left: 0px;
	z-index: 16;
	background-color: rgb(72,47,22);
	width: 195px;
	height: 18px;
	overflow: hidden;
}

div#gob_down_over{
	position: absolute;
	top: 595px;
	left: 0px;
	background-color: rgb(255,242,215);
	z-index: 16;
	width: 195px;
	height: 18px;
	overflow: hidden;
}

div#shadowv0{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -2px;
	top: 8px;
	height: 628px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=60);
        opacity: .60;
}
div#shadowv1{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -3px;
	top: 7px;
	height: 630px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowv2{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -4px;
	top: 6px;
	height: 632px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=45);
        opacity: .45;
}
div#shadowv3{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -5px;
	top: 5px;
	height: 634px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=35);
        opacity: .35;
}
div#shadowv4{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -6px;
	top: 4px;
	height: 636px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=20);
        opacity: .20;
}
div#shadowv5{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -7px;
	top: 3px;
	height: 638px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowv6{
	z-index: 0;
	background: #000;
	overflow: hidden;
	right: -8px;
	top: 2px;
	height: 640px;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=4);
        opacity: .04;
}


div#shadowh0{
	z-index: 0;
	background: #000;
	right: -1px;
	top: 634px;
	height: 1px;
	overflow: hidden;
	width: 625px;
	position: absolute;
        filter: alpha(Opacity=60);
        opacity: .60;
}
div#shadowh1{
	z-index: 0;
	background: #000;
	right: -1px;
	top: 635px;
	height: 1px;
	overflow: hidden;
	width: 626px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowh2{
	z-index: 0;
	background: #000;
	right: -2px;
	top: 636px;
	height: 1px;
	overflow: hidden;
	width: 628px;
	position: absolute;
        filter: alpha(Opacity=45);
        opacity: .45;
}
div#shadowh3{
	z-index: 0;
	background: #000;
	right: -3px;
	top: 637px;
	height: 1px;
	overflow: hidden;
	width: 630px;
	position: absolute;
        filter: alpha(Opacity=35);
        opacity: .35;
}
div#shadowh4{
	z-index: 0;
	background: #000;
	right: -4px;
	top: 638px;
	height: 1px;
	overflow: hidden;
	width: 632px;
	position: absolute;
        filter: alpha(Opacity=20);
        opacity: .20;
}
div#shadowh5{
	z-index: 0;
	background: #000;
	right: -5px;
	top: 639px;
	height: 1px;
	overflow: hidden;
	width: 634px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowh6{
	z-index: 0;
	background: #000;
	right: -6px;
	top: 640px;
	height: 1px;
	overflow: hidden;
	width: 636px;
	position: absolute;
        filter: alpha(Opacity=4);
        opacity: .04;
}


div#shadowlc0{
	z-index: 0;
	background: #000;
	left: 8px;
	top: 634px;
	height: 1px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=60);
        opacity: .60;
}
div#shadowlc1{
	z-index: 0;
	background: #000;
	left: 7px;
	top: 634px;
	height: 2px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowlc2{
	z-index: 0;
	background: #000;
	left: 6px;
	top: 634px;
	height: 3px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=45);
        opacity: .45;
}
div#shadowlc3{
	z-index: 0;
	background: #000;
	left: 5px;
	top: 634px;
	height: 4px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=35);
        opacity: .35;
}
div#shadowlc4{
	z-index: 0;
	background: #000;
	left: 4px;
	top: 634px;
	height: 5px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=20);
        opacity: .20;
}
div#shadowlc5{
	z-index: 0;
	background: #000;
	left: 3px;
	top: 634px;
	height: 6px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowlc6{
	z-index: 0;
	background: #000;
	left: 2px;
	top: 634px;
	height: 7px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=4);
        opacity: .04;
}


div#shadowuc0{
	z-index: 0;
	background: #000;
	right: -2px;
	top: 7px;
	height: 1px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=60);
        opacity: .60;
}
div#shadowuc1{
	z-index: 0;
	background: #000;
	right: -3px;
	top: 6px;
	height: 1px;
	overflow: hidden;
	width: 2px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowuc2{
	z-index: 0;
	background: #000;
	right: -4px;
	top: 5px;
	height: 1px;
	overflow: hidden;
	width: 3px;
	position: absolute;
        filter: alpha(Opacity=45);
        opacity: .45;
}
div#shadowuc3{
	z-index: 0;
	background: #000;
	right: -5px;
	top: 4px;
	height: 1px;
	overflow: hidden;
	width: 4px;
	position: absolute;
        filter: alpha(Opacity=35);
        opacity: .35;
}
div#shadowuc4{
	z-index: 0;
	background: #000;
	right: -6px;
	top: 3px;
	height: 1px;
	overflow: hidden;
	width: 5px;
	position: absolute;
        filter: alpha(Opacity=20);
        opacity: .20;
}
div#shadowuc5{
	z-index: 0;
	background: #000;
	right: -7px;
	top: 2px;
	height: 1px;
	overflow: hidden;
	width: 6px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowuc6{
	z-index: 0;
	background: #000;
	right: -8px;
	top: 1px;
	height: 1px;
	overflow: hidden;
	width: 7px;
	position: absolute;
        filter: alpha(Opacity=4);
        opacity: .04;
}

div#shadowinv0{
	z-index: 0;
	background: #000;
	left: 220px;
	top: 25px;
	height: 593px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=60);
        opacity: .60;
}
div#shadowinv1{
	z-index: 0;
	background: #000;
	left: 221px;
	top: 24px;
	height: 594px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowinv2{
	z-index: 0;
	background: #000;
	left: 222px;
	top: 23px;
	height: 596px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=30);
        opacity: .30;
}
div#shadowinv3{
	z-index: 0;
	background: #000;
	left: 223px;
	top: 22px;
	height: 598px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowinh0{
	z-index: 0;
	background: #000;
	left: 27px;
	top: 615px;
	height: 2px;
	overflow: hidden;
	width: 193px;
	position: absolute;
        filter: alpha(Opacity=60);
        opacity: .60;
}
div#shadowinh1{
	z-index: 0;
	background: #000;
	left: 26px;
	top: 617px;
	height: 1px;
	overflow: hidden;
	width: 194px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowinh2{
	z-index: 0;
	background: #000;
	left: 25px;
	top: 618px;
	height: 1px;
	overflow: hidden;
	width: 197px;
	position: absolute;
        filter: alpha(Opacity=30);
        opacity: .30;
}
div#shadowinh3{
	z-index: 0;
	background: #000;
	left: 24px;
	top: 619px;
	height: 1px;
	overflow: hidden;
	width: 199px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowinuc0{
	z-index: 0;
	background: #000;
	left: 220px;
	top: 24px;
	height: 1px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowinuc1{
	z-index: 0;
	background: #000;
	left: 220px;
	top: 23px;
	height: 1px;
	overflow: hidden;
	width: 2px;
	position: absolute;
        filter: alpha(Opacity=30);
        opacity: .30;
}
div#shadowinuc2{
	z-index: 0;
	background: #000;
	left: 220px;
	top: 22px;
	height: 1px;
	overflow: hidden;
	width: 3px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}
div#shadowinlc0{
	z-index: 0;
	background: #000;
	left: 26px;
	top: 615px;
	height: 2px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=50);
        opacity: .50;
}
div#shadowinlc1{
	z-index: 0;
	background: #000;
	left: 25px;
	top: 615px;
	height: 3px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=30);
        opacity: .30;
}
div#shadowinlc2{
	z-index: 0;
	background: #000;
	left: 24px;
	top: 615px;
	height: 4px;
	overflow: hidden;
	width: 1px;
	position: absolute;
        filter: alpha(Opacity=10);
        opacity: .10;
}

div#black_block{
position:absolute;
background-color:black;
right: -2px;
height: 595px;
width:132px;
z-index: 1;
}

div#grey_block{
position:absolute;
background-color: rgb(95,95,100);
right: -2px;
height: 595px;
width:132px;
z-index: 1;
}

div#yellow_block{
position:absolute;
background-color: rgb(163,123,63);
right: -2px;
height: 595px;
width:132px;
z-index: 1;
}

//--
.third{
//width:100%px;
//padding-left: 50%;
//padding-top: 200px;
}

.third .parent {
position:absolute;
border:1px solid #FFFFFF;
overflow:hidden;
white-space:nowrap;
height:220px;
left: 25px;
top: 220px;
}

.third .parent div {
position:relative;
top:10px;
}

.description{
color: white;
font-family: sans-serif;
font-size: small;
font-size: 15px;
}

.description2{
color: black;
font-family: sans-serif;
font-size: small;
font-size: 15px;
}

/* Opera (all versions)… */
@media all and (min-width: 0px) {
div#black_block{
position:absolute;
background-color:black;
right: -2px;
height: 595px;
width:132px;
z-index: 1;
}
div#galleryContainer{
width: 315px;
}
}

div#grannotationbio
{
        position:absolute;
        width: 192px;
        height: 200px;
        top: 205px;
        left: 5px;
        text-align:left;
	vertical-align: top;
	z-index: 55;
}

.descriptionbio{
color: white;
font-family: sans-serif;
font-size: 13px;
}

.exb{
margin-left: 10px;
}

.opac{
filter:alpha(opacity=100);
opacity:1;
}

div#gr_up_over_bio{
	position: absolute;
	top: -19px;
	left: 0px;
	z-index: 16;
	background: url(images/gr_over_up.jpg);
	width: 354px;
	height: 18px;
	overflow: hidden;
}

div#gr_down_over_bio{
	position: absolute;
	top: 595px;
	left: 0px;
	background: url(images/gr_over_down.jpg);
	z-index: 16;
	width: 354px;
	height: 18px;
	overflow: hidden;
}