@import url(reset.css);

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1 }

html, body {
	height: 100%;
}
html { font-size: 100.01% }

body,
input, textarea, select {
	font-size: 1em;
	font-family: "Myriad Pro",
		     "Myriad Std",
		      Corbel,
	         "Lucida Grande",
	         "Lucida Sans Unicode",
	         "Lucida Sans",
	         "DejaVu Sans",
	         Verdana,
	         sans-serif;
}
body {
	xxxpadding: 0 2%;
	xxxbackground: url(i/bg1.png) repeat-x center top;
}

html, body {
	height: 100%; /* gives layout 100% height */
	overflow: inherit; /* triggers 100% height in Opera 9.5 */
}
strong, h2, h3 {
	font-weight: 600;
	font-family: "MyriadPro-Light", "Myriad Pro Light",
	         "Myriad Pro",
		     "Myriad Std",
		      Corbel,
	         "Lucida Grande",
	         "Lucida Sans Unicode",
	         "Lucida Sans",
	         "DejaVu Sans",
	         Verdana,
	         sans-serif;
}
h2.program {
	text-align: center;
	font-size: 1.4em;
	font-style: italic;
}
h2.program span,
h3.program span {
	padding-left: 25px;
	background: url(i/clock.png) no-repeat left center;	
}
h3.program {
	text-indent: -3.9em;
	padding-left: 3.9em;
}
.program ul {
	margin-left: 4.3em;
}
.program li {
	list-style: disc;
	padding-left: .3em;
	margin: .5em 0;
}
.sponsorship ul {
	margin-left: 1.2em;
	clear: both;
}
.sponsorship li {
	list-style: disc;
	padding-left: .3em;
	margin: .5em 0;
}

ul.sponsors,
ul.sponsors li {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.sponsors {
	margin-top: 1em;
}
ul.sponsors li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
	margin-bottom: 1em;
}


.double-head h3 {
	float: left;
}
.double-head .price {
	text-align: right;
	margin-bottom: 0;
	font-size: 1.2em;
	margin-top: .85em;
	margin-bottom: .25em;
	font-weight: bold;
	font-family: MyriadPro-Light, 'Myriad Pro Light', 'Myriad Pro', 'Myriad Std', Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;
	color: #666;
}
.double-head {
	overflow: hidden;
}

#pre-events:target {
	background-color: #ffd;
	outline: 5px solid #ffd;
	
}

#sponsorship.hidden .price,
#sponsorship.hidden ul,
#sponsorship.hidden #pre-events,
#sponsorship.hidden .journal-ads,
#sponsorship.hidden .payment-options {
	display: none;
	opacity: 0;
	-webkit-transition: opacity .5s linear 0s;
	-moz-transition: opacity .5s linear 0s;
	-o-transition: opacity .5s linear 0s;
	transition: opacity .5s linear 0s;
}

#sponsorship:target .price,
#sponsorship:target ul,
#sponsorship:target #pre-events,
#sponsorship:target .journal-ads,
#sponsorship:target .payment-options,
#sponsorship.showed .price,
#sponsorship.showed ul,
#sponsorship.showed #pre-events,
#sponsorship.showed .journal-ads,
#sponsorship.showed .payment-options {
	display: block;
	opacity: 1;
	-webkit-transition: opacity .5s linear 0s;
	-moz-transition: opacity .5s linear 0s;
	-o-transition: opacity .5s linear 0s;
	transition: opacity .5s linear 0s;
}

#sponsorship.hidden .hide,
#sponsorship.showed .show {
	display: none;
}
#sponsorship.hidden .show,
#sponsorship.showed .hide {
	display: inline;
}




.wrapper {
	min-height: 100%; /* gives layout 100% height */
	position: relative; /* positions the #footer relative to the #wrapper */
	background: url(i/bg-water1.jpg) no-repeat 50% 100%;
}
.about .wrapper {
	background: none;
}
* html .wrapper { 
	height: 100%; /* IE6 treats height as min-height */
}
.header {
	height: 98px;
	padding-left: 2%;
	padding-right: 2%;
}
.headcont {
	padding-bottom: 50px; /* 38px bottom padding clears the #footer */
}
.home .headcont {
	padding-bottom: 100px; /* bottom padding clears the #footer */
	xoutline: 1px solid red;
}
.home .headcont2 {
	background: url(i/bg-clouds1.jpg) no-repeat 50% 0;
	xoutline: 1px dashed blue;
}
.headcont2 {
	background: url(i/bg-clouds2.jpg) no-repeat 50% 0;
}
.content {
	clear: both;
	*padding-right: 1px; *overflow-x: hidden; /* prevent blocks form dropping in IE 7 and down */
	padding-left: 2%;
	padding-right: 2%;
	xoutline: 1px dashed yellow;
}
.home .content {
	padding-bottom: 169px;	
}
.skyline {
	height: 269px;
	background: url(i/bg-ny-skyline.png) no-repeat 50% 100%;
	position: absolute;
	width: 100%;
	margin-top: -169px;
	z-index: 200;
	xoutline: 1px dashed cyan;
}
.footer {
	position: absolute; /* positions #footer at bottom of #wrapper */
	z-index: 201;
	bottom: 0;
	height: 35px;
	width: 100%;
}





a {
	text-decoration: none;
	color: darkblue;
}
a:hover,
a:focus {
	text-decoration: underline;
	color: blue;
}
.content a h2 {
	color: darkblue !important;
}
.content a:hover h2 {
	color: blue !important;
}
.content p {
	line-height: 1.25;
	margin-bottom: .5em;
}
.header p {
	line-height: 1;
}

.home .content h2 {
	font-size: 1.8em;
	color: #000;
	text-transform: lowercase;
}
.header h2,
.content h3{
	font-size: 1.2em;
	margin: .5em 0 .25em;
}

.content h3 {
	margin-top: 1em;
	}

.content h4 {
	margin-bottom: .5em;
}

.mir { letter-spacing: -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .mir { letter-spacing: normal; text-indent: -999em; overflow: hidden;}
/* End of hack */
h1.mir {
	height: 145px;
	background: url(i/logo-dor-eng-big.png) no-repeat 50% 100%;
	position: absolute;
	width: 96%;
}
h1.mir a {
	display: block;
	width: 207px;
	height: 135px;
	margin: 10px auto 0 auto;
}

.footer p.mir {
	background: url(i/logo-gprg-blue-small.png) no-repeat 50% 100%;
	width: 50px;
	height: 28px;
	margin: 0 auto;
}
.home .footer p.mir {
	background: url(i/logo-gprg-white-small.png) no-repeat 50% 100%;
}

.footer p.mir a {
	display: block;
	height: 28px;
}


.lang {
	position: absolute;
	width: 96%;
	z-index: 100;
}
.lang li {
	display: block;
	margin: 0 auto;	
	width: 2em;
}
.lang li a {
	position: absolute;
	bottom: -30px;
	margin-bottom: -25px;
	opacity: .3;
}
.lang li.rus a {
	margin-left: -85px;
}
.lang li.eng a {
	margin-left: 95px;
}
h1.mir:hover + .lang a,
.lang li:hover a,
.lang a:hover {
	opacity: 1;
}

.menu {
	position: relative;
	top: 35px;
	font-size: 1.4em;
	font-family:      "Avant Garde",
                    "Century Gothic",
                    sans-serif;
}
.menu li {
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	float: left;
	width: 12%;
}
.menu li+li,
.menu li+li+li+li+li { text-align: center }

.menu li+li+li,
.menu li+li+li+li { text-align: right }
.menu li+li+li+li+li+li { text-align: left }

.menu li+li+li+li,
.menu li+li+li+li+li,
.menu li+li+li+li+li+li {
	float: right;
}

.menu li+li+li+li { width: 8% }
.menu li+li+li+li+li,
.menu li+li+li+li+li+li { width: 14% }

.menu a {
	color: #fff;
	text-shadow: darkblue 0 0 .5em;
	/* stuff below needed for IE to show some shadow */
	display: block\9; /* Hack for all IE versions including 8 */
	*width: 100%;
	padding: .2em .1em\9;
	filter: glow(color=darkblue,strength=3);
}

.menu span {
	color: Red;
	display: block\9;
	padding: .2em .1em\9;
}

.menu ul {
	font-size: .85em;
	position: absolute;
	right: 0;
	margin-top: .75em;
	width: 36%;
	}
.menu ul li {
	width: auto;
	float: none !important;
	display: inline;
	text-align: right;
	}
.menu ul li+li {
	margin-left: 3%;
}
.menu ul li a {
	display: inline;
	padding: 0;
	color: darkblue;
	text-shadow: #fff 0 0 .5em;
	}
.menu ul li span {
	display: inline;
	}


.col1,
.col2,
.col3 {
	float: left;
}
.home .col1,
.home .col2,
.home .col3 {
	text-align: center;
}

.col1 {
	width: 28%;
	margin-left: 36%;
	margin-top: 68px;
}
.col2 {
	width: 36%;
	margin-left: -64%;
}
.col3 {
	width: 36%;
}
.col1 p {
	margin: 0 5%;
}
ul.years { margin-top: .5em }
ul.years li {
	font-weight: bold;
	font-size: 2em;
	margin-bottom: .25em;
	font-family:      "Avant Garde",
                    "Century Gothic",
                    sans-serif;
}
ul.years li+li { font-size: 1.7em; opacity: .8; }
ul.years li+li+li { font-size: 1.5em; opacity: .6; }
ul.years li+li+li+li { font-size: 1.3em; opacity: .4 }
ul.years li+li+li+li+li { font-size: 1.1em; opacity: .2 }
ul.years li+li+li+li+li+li { font-size: .9em; }
ul.years li+li+li+li+li+li+li { font-size: .7em; }


/*
.gallery {
	text-align: left;
}

.gallery img {
	width: 100%;
	display: block;
	*display: inline;
	line-height: 0;
}
*/

.frame .a1, .frame .a2, .frame .a3, .frame .a4 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.frame .a1 {
	top: -13px;
}
.frame .a1 span {
	display: block;
	border-top: 8px solid #005197;
	margin-right: 9px;
	margin-left: 9px;
}
.frame.red .a1 span {
	border-top-color: #DA2425;
}
.frame .a3 {
	bottom: -13px;
	height: auto;
}
.frame .a3 span {
	display: block;
	border-bottom: 8px solid #fff;
	margin-right: 9px;
	margin-left: 9px;
}
.frame .a2 {
	right: -4px;
	background: url(i/frame1-side.png) no-repeat right center;
}
.frame.red .a2 {
	background-image: url(i/frame2-side.png);
}
.frame .a4 {
	left: -4px;
	background: url(i/frame1-side.png) no-repeat left center;
}
.frame.red .a4 {
	background-image: url(i/frame2-side.png);
}
.frame .c1, .frame .c2, .frame .c3, .frame .c4 {
	position: absolute;
	width: 13px;
	height: 13px;
	z-index: 99;
}
.frame .c1 {
	background: url(i/frame1-corner-1.png) no-repeat left top;
	top: -13px;
	left: -4px;
}
.frame.red .c1 {
	background-image: url(i/frame2-corner-1.png);
}
.frame .c2 {
	background: url(i/frame1-corner-2.png) no-repeat right top;
	top: -13px;
	right: -4px;
}
.frame.red .c2 {
	background-image: url(i/frame2-corner-2.png);
}
.frame .c3 {
	background: url(i/frame1-corner-3.png) no-repeat right bottom;
	bottom: -13px;
	right: -4px;
}
.frame .c4 {
	background: url(i/frame1-corner-4.png) no-repeat left bottom;
	bottom: -13px;
	left: -4px;
}

.frame {
	text-align: left;
	position: relative;
	float: left;
	margin-top: 9px;
}
.frame img,
.frame .framecont {
	display: block;
	margin-top: -9px;
	margin-bottom: -9px;
	width: 100%;
}
.framecont .inlay {
	margin: 4px;
	position: relative;
	z-index: 999;
}
.frame img.fake {
	visibility: hidden;
}

#gallery img {
	xxxposition: absolute;
}




.interactive-frames .frame:hover,
.interactive-frames .centeredframe:hover {
	z-index: 150 !important;
}




.home input[type=text] {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.home input[type=text]:focus {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.home input[type=text]:focus+input {
	background-color: #ff6;
}


.home .col3 .inlay {
	text-align: center;
}
.home .col1 p {
	margin-bottom: .5em;
}

.peoplelist li {
	width: 32%;
	float: left;
	xheight: 6em;
	min-height: 8em;
	margin-right: 1%;
	padding-bottom: 1em;
	overflow: hidden;
}





.smallphoto {
	xwidth: 25%;
	width: 100%;
	xheight: 60px;
	xbackground-color: #039;
	xfloat: left;
	xmargin-right: 10px;
	xmargin-bottom: 1em;
	vertical-align: top;
}



.peoplelist2 {
	clear: both;
	text-align: center;
}

.peoplelist2 li {
	margin-bottom: .5em;
}



.videolist li {
	list-style-image: url(i/i-video.png);
	margin-bottom: .5em;
	}

.journalist {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1.5em;
	}
.journalist img {
	vertical-align: text-top;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	}
.journalist li {
	display: inline;
	position: relative;
	margin: 0 1%;
	}
.journalist span {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	background: url(i/i-pdf-big.png) no-repeat 50% 50%;
	display: none;
	}
.journalist a:hover span,
.journalist span:hover {
	display: block;
	}
	
.journalist.book {
	text-align: left;
	width: 100%;
	}
.journalist.book li {
	margin: 0 -203px 0 0;
	}
.journalist.book li+li {
	margin-left: 10%;
	}
.journalist.book:hover li+li {
	margin-left: 15%;
	}


.peoplelist .round {
	width: 25%;
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
	}

.round {
	position: relative;
	}
.round span {
	position: absolute;
	width: 0;
	height: 0;
	border: 2px solid #fff;
	}
.round .rctl {
	left: 0;
	top: 0;
	border-bottom-color: transparent;
	border-right-color: transparent;
	}
.round .rctr {
	right: 0;
	top: 0;
	border-bottom-color: transparent;
	border-left-color: transparent;
	}
.round .rcbl {
	left: 0;
	bottom: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	}
.round .rcbr {
	right: 0;
	bottom: 0;
	border-top-color: transparent;
	border-left-color: transparent;
	}