#page {min-height: 0;}
#container {padding: 0;}
#wrapper {background: none;}

#content {height: 531px; position: relative; /*color: #fff;*/ font-size: 0.857em;}
/*#content a {color: #fff;}*/

#intro {position: absolute; top: -9999px; left: -9999px;}


/* 
----- */
#home {width: 980px; height: 512px; padding: 19px 0 0; overflow: hidden; color: #fff;}
#home a {color: #fff;}

/* 
----- */
#infoBar {width: 276px; padding-right: 96px; left: 609px; position: absolute; z-index: 50;}

/* 
----- */
#head {height: 168px; padding: 44px 23px 0 28px; background: url('i/bg/000-60.png'); background: rgba(0,0,0,.6); margin: 0 0 1px; overflow: hidden; position: relative;}

#head h2 {text-shadow: 1px 1px 1px rgba(0,0,0,.5); font-size: 2.5em; font-weight: normal; line-height: 1.05; margin: 0 0 4px;}
#head h2 strong {font-size: 1.1em;}
#head ul {position: relative;}
#head li {color: #8cc540; list-style: none; margin: 0; font-size: 1.25em; line-height: 1.2; text-align: right; display: none; position: absolute; top: 0; width: 225px; height: 90px;}
#head li:first-child {display: block;}
#head li a {color: #8cc540;}
#head li strong {font-size: 1.86666em;}

#head .outer {position: relative; overflow: hidden; width: 225px; height: 90px;}
#head .outer ul {position: static;}
#head .outer .sliderNav {display: none;}


/* 
----- */
#reports {height: 112px; background: url('i/bg/000-60.png'); background: rgba(0,0,0,.6); margin: 0 0 1px; overflow: hidden; position: relative;}
#reports > div {width: 276px; height: 112px; position: absolute; left: 0; top: 0; display: none; background: 0 0 no-repeat;}
#reports > div:first-child {display: block;}
#reports > div a,
#reports > div .a {display: block; height: 112px; padding: 10px 23px 1px 28px; background: url('i/bg/000-60.png'); background: rgba(0,0,0,.6); overflow: hidden;}
#reports > div a.video:hover {background: url('i/bg/home-play.png') 50% 28px no-repeat; text-indent: -9999px;}
#reports > div a.file:hover {background: url('i/bg/home-file.png') 50% 28px no-repeat; text-indent: -9999px;}
#reports h3 {font-size: 2em; font-weight: normal;}
#reports h4 {font-weight: normal;}

#reports > .inner {display: block; overflow: hidden;}
#reports > .inner > div {position: absolute; top: 0; left: 0; height: 112px; width: 276px; background-repeat: no-repeat; background-position: 0 0; display: none;}
#reports > .inner > div:first-child {display: block;}

#reports .sliderNav {position: absolute; z-index: 50; left: 0; right: 0; top: 0; display: block; height: 1px;}
#reports .sliderNav .iterators,
#reports .sliderNav .cnt,
#reports .sliderNav .playPause {display: none;}
#reports .sliderNav .prev,
#reports .sliderNav .next {width: 20px; height: 112px; overflow: hidden; background-repeat: no-repeat; background-image: none; position: absolute; top: 0; text-indent: -9999px;}
#reports .sliderNav .prev:hover,
#reports .sliderNav .next:hover {background-image: url('i/bg/bck-fwd.png');}
#reports .sliderNav .prev {background-position: 0 50%; left: 0;}
#reports .sliderNav .next {background-position: 100% 50%; right: 0;}

/* 
----- */
#news {height: 166px; background: url('i/bg/000-60.png'); background: rgba(0,0,0,.6); overflow: hidden; padding: 10px 0 0;}
#news h2 {font-size: 2em; font-weight: normal; padding: 0 23px 0 28px;}
#news ul {position: relative; width: 276px; height: 80px; overflow: hidden;}
#news li {list-style: none; margin: 0; padding: 0 28px 0 0; display: none; position: absolute; top: 0; width: 225px; height: 75px;}
#news li:first-child {display: block;}
#news em {font-weight: bold;}

#news .outer {position: relative; width: 225px; height: 75px; left: 28px;}
#news .outer ul {position: absolute; width: 225px; height: 75px; overflow: hidden; left: 0; top: 0;}
#news .outer .sliderNav {bottom: -18px; top: auto; position: absolute; left: -5px;}
#news .outer .sliderNav button {color: rgb(140,197,64); font-weight: normal; padding: 5px; font-size: 1.7em; vertical-align: middle;}
#news .outer .sliderNav .iterators {display: none;}
#news .outer .sliderNav .playPause {display: none;}
#news .outer .sliderNav .cnt {color: rgb(140,197,64); display: inline-block; vertical-align: middle; padding: 5px 0 2px;}

/* 
----- */
#projects {position: relative; z-index: 10; height: 512px; padding: 19px 0 0; background: #111;}
#projects > div {position: absolute; top: 0; left: 0; height: 512px; width: 980px; background-repeat: no-repeat; background-position: 0 0; display: none;}
#projects > div:first-child {display: block;}
#projects .data {background: rgb(141,202,65); background: rgba(141,202,65,.9); position: absolute; bottom: 45px; left: 0; width: 344px; padding: 3px 80px 0 50px; line-height: 1.4; /*padding: 15px 80px 1px 50px; height: 124px;*/}
#projects .data h2 {font-size: 1.166666667em; margin: 0 0 .2em;}
#projects .data p {margin-bottom: .4em;}
#projects .data .description {display: none;}
/*#projects > div:hover .data {padding: 15px 80px 1px 50px; height: 124px;}
#projects > div:hover .data .description {display: block;}
#projects > div:hover .data {background: rgb(141,202,65); background: rgba(141,202,65,1);}*/

#projects .data.open {padding: 10px 80px 10px 50px;}

#projects > .inner {display: block; overflow: hidden;}
#projects > .inner > div {position: absolute; top: 0; left: 0; height: 512px; width: 980px; background-repeat: no-repeat; background-position: 0 0; display: none;}
#projects > .inner > div:first-child {display: block;}


#projects .sliderNav {top: auto; height: auto; padding: 0; background: none; width: auto; display: block; bottom: 66px;}

#projects .sliderNav button {cursor: pointer; background: #fff; background: rgba(255,255,255,0.5); position: absolute; bottom: 0; top: 0; z-index: 15; width: 25px; font-weight: normal; font-size: 2em; left: 0; color: lighten($color-1,15%); border: none; padding: 0; text-shadow: 0 0 3px rgba(0,0,0,0.3), -1px -1px 5px rgba(255,255,255,0.3);}

#projects .sliderNav .next,
#projects .sliderNav .prev {
		right: $gutter; left: auto; top: 4px;
		width: 20px; height: 18px; overflow: hidden;
		background: -20px 0;
		text-indent: -9999px;
}
#projects .sliderNav .prev {right: ($gutter + 20); background-position: 0 0;}
#projects .sliderNav .iterators {
		position: absolute; display: block; z-index: 16; left: 45px; top: 1px; width: 300px; font-size: 2em;
}
#projects .sliderNav .iterators button {
	position: static; left: auto; top: auto; font-size: 1.5em; line-height: 1.1; width: auto; height: auto; background: none; padding: 0.15em; color: rgb(255,255,255); text-shadow: 0 0 3px rgba(0,0,0,0.3), -1px -1px 5px rgba(255,255,255,0.3); float: left;
}
#projects .sliderNav .iterators button.on {color: rgb(140,197,64);}
#projects .sliderNav .playPause {
		z-index: 16; left: auto; bottom: auto; right: 3px; top: 3px; width: 31px; height: 32px; text-indent: -9999px; overflow: hidden; display: none;
}

#projects .sliderNav .cnt {display: none;}


/* 
----- */
#footWrap {min-height: 65px; clear: left;}
#footer {padding: 28px 10px 5px 0; min-height: 0;}
html>body #footer {background: url('i/backgrounds/footer-mask.png') 100% 0 no-repeat;}


/* 
----- */
#teasersInner:after,
#footWrap:after,
.content:after,
.block:after,
.extra .publication:after,
.rotator:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}