@charset "utf-8";
@import "reset.css";
@import "editor.css";

html
{
  height: 100%;
}

body
{
  height: 100%;
  color: #fff;
  font-size: 9pt;
  font-family: Arial,Helvetica,sans-serif;
  background: #000;
  overflow: hidden;
}

a
{
  color: #e1be74;
}

.wrapper
{
  height: 100%;
  width: 972px;
  margin: 0 auto;
  position: relative;
  max-height: 1280px;
}

.pane
{
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity:70);
  z-index: 1;
  width: 1920px;
  position: absolute;
  left: -474px;
}

.headline
{
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-left: 10px;
  background: url('img/dashes.png') repeat-x left bottom;
  line-height: 28px;
}

.headline h1
{
  font-size: 18pt;
  font-weight: normal;
}

/* header */

.header-pane
{
  height: 79px;
  top: 0;
}

.header
{
  position: relative;
  z-index: 2;
  height: 63px;
  margin-bottom: 18px;
  padding: 16px 0 0 33px;
}

.logo
{
  float: left;
  margin-right: 78px;
}

.langs
{
  float: right;
  padding-top: 3px;
  width: 123px;
}

.langs a
{
  color: #fff;
  float: left;
  margin-left: 4px;
  width: 37px;
  height: 37px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
}

.langs a:hover,
.langs a.current
{
  text-decoration: none;
  background: url('img/circle.png') no-repeat left top;
  color: #e1be74;
}

.menu
{
  float: left;
  width: 560px;
  margin-top: -16px;
}

.menu a,
.menu a span
{
  float: left;
  height: 79px;
  line-height: 79px;
}

.menu a
{
  color: #fff;
  padding-left: 12px;
  margin-right: 5px;
  font-size: 11pt;
}

.menu a span
{
  padding-right: 12px;
  overflow: hidden;
}

.menu a:hover,
.menu a.current
{
  background: #010101 url('img/vdashes.png') repeat-y left top;
  color: #e1be74;
  text-decoration: none;
}

.menu a:hover span,
.menu a.current span
{
  background: url('img/vdashes.png') repeat-y right top;
}

/* header end */

/* footer */

.footer-pane
{
  height: 40px;
  bottom: 0;
}

.footer
{
  position: absolute;
  width: 100%;
  bottom: 0;
  line-height: 40px;
  z-index: 2;
}

.footer p
{
  float: right;
  margin-left: 25px;
}

.footer span
{
  float: left;
  padding-right: 8px;
  margin-right: 8px;
  background: url('img/dot.png') right center no-repeat;
}

/* footer end */

/* slides */

.gallery
{
  position: absolute;
  left: -474px;
  top: 0;
  width: 1920px;
  height: 1280px;
  overflow: hidden;
}

.gallery ul
{
  float: left;
  position: relative;
}

.gallery li
{
  float: left;
  width: 1920px;
  height: 1280px;
  overflow: hidden;
}

.gallery .sliders a
{
  display: block;
  position: fixed;
  top: 45%;
  background-image: url('img/sliders.png');
  background-repeat: no-repeat;
  width: 57px;
  height: 104px;
  z-index: 1;
}

.gallery .prev,
.gallery .inactive-prev
{
  left: 0;
}

.gallery .next,
.gallery .inactive-next
{
  right: 0;
}

.gallery .prev
{
  background-position: left top;
}

.gallery .next
{
  background-position: left -104px;
}

.gallery .prev:hover,
.gallery .inactive-prev
{
  background-position: left -208px;
}

.gallery .next:hover,
.gallery .inactive-next
{
  background-position: left -312px;
}

.gallery img
{
  position: relative;
}

/* slides end */

/* flat pages */

.outer-pane
{
  background: #202020;
  opacity: 0.75;
  filter: alpha(opacity:75);
  z-index: 1;
  position: absolute;
  top: 97px;
  width: 470px;
  height: 444px;
}

.inner-pane
{
  background: #010101;
  opacity: 0.35;
  filter: alpha(opacity:35);
  z-index: 2;
  position: absolute;
  left: 12px;
  top: 109px;
  width: 446px;
  height: 420px;
}

.page
{
  z-index: 3;
  position: absolute;
  left: 12px;
  top: 109px;
  padding: 20px 15px;
  width: 416px;
  height: 380px;
}

.leaflet
{
  position: absolute;
  z-index: 1p;
  left: 470px;
  top: 151px;
  width: 36px;
  overflow: hidden;
  height: 172px;
  z-index: 1;
}

.leaflet:hover img
{
  position: relative;
  left: -36px;
}

.page .ed
{
  height: 304px;
  overflow: visible;
  background: url('img/dashes.png') repeat-x left bottom;
  padding-left: 10px;
}

.facebook
{
  position: absolute;
  top: 121px;
  left: -37px;
  z-index: 1;
  background: url('img/fb.png') no-repeat left top;
  display: block;
  width: 37px;
  height: 75px;
}

.facebook:hover
{
  background-position: left -75px;
}

/* flat pages end */

/* course menu */

.courses .outer-pane
{
  width: 960px;
}

.course-menu
{
  position: absolute;
  top: 108px;
  left: 11px;
  padding: 15px;
  width: 908px;
  height: 392px;
  z-index: 2;
}

.course-menu .headline-pane
{
  position: absolute;
  height: 56px;
  background: #202020;
  opacity: 0.45;
  filter: alpha(opacity=45);
  z-index: 4;
  width: 938px;
  left: 0;
  top: 0;
}

.course-menu .headline
{
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 5;
  height: 31px;
  width: 893px;
}

.course-menu .headline h1
{
  float: left;
  padding-left: 15px;
  margin-right: 10px;
  font-size: 14pt;
  cursor: pointer;
}

.course-menu .headline h1.current,
.course-menu .headline h1:hover
{
  background: url('img/big-dot.png') no-repeat left center;
  color: #e1be74;
}

.course-menu .tab-content
{
  position: absolute;
  left: 0;
  top: 0;
  padding: 56px 0 0 15px;
  z-index: 3;
  width: 923px;
  height: 366px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
}

.course-menu .content-pane
{
  position: absolute;
  left: 0;
  top: 56px;
  width: 448px;
  height: 366px;
  background: #202020;
  opacity: 0.45;
  filter: alpha(opacity=45);
  z-index: 4;
}

.course-menu .content
{
  position: relative;
  z-index: 5;
  background: url('img/dashes.png') repeat-x left bottom;
  padding-top: 15px;
  height: 305px;
  overflow: hidden;
  width: 418px;
}

.course-menu .content .ed
{
  padding-left: 10px;
}

.course-menu > .arrow-link
{
  position: absolute;
  z-index: 5;
  left: 25px;
  top: 390px;
}

.panels .tabs
{
  padding-left: 20px;
  height: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  background: url('img/dashes.png') repeat-x left bottom;
}

.panels .tabs a
{
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin-right: 10px;
  font-size: 8pt;
}

.panels .tabs a:hover,
.panels .tabs a.current
{
  text-decoration: none;
  background: url('img/gray-circle.png') no-repeat left top;
  color: #000;
}

/* course menu end */

/* gallery */

.thumbs
{
  position: absolute;
  bottom: 115px;
  left: 0;
  z-index: 1;
  width: 960px;
  height: 84px;
}

.thumbs .content
{
  position: relative;
  width: 886px;
  left: 37px;
  overflow: hidden;
  height: 84px;
}

.thumbs ul
{
  float: left;
  position: relative;
}

.thumbs li
{
  float: left;
  position: relative;
  padding-right: 4px;
  width: 84px;
  height: 84px;
}

.thumbs li div
{
  position: absolute;
  left: 1px;
  top: 1px;
  background: #000;
  opacity: 0.78;
  filter: alpha(opacity=78);
  width: 82px;
  height: 82px;
}

.thumbs li a
{
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}

.thumbs li img
{
  display: block;
  padding: 5px;
}

.thumbs li a:hover img
{
  padding: 4px;
  border: 1px solid #938c86;
}

.thumbs .sliders a
{
  display: block;
  position: absolute;
  top: 1px;
  background-repeat: no-repeat;
  background-image: url('img/thumb-sliders.png');
  width: 29px;
  height: 82px;
}

.thumbs .sliders .prev,
.thumbs .sliders .inactive-prev
{
  left: 0;
  background-position: left top;
}

.thumbs .sliders .next,
.thumbs .sliders .inactive-next
{
  right: 0;
  background-position: left -82px;
}

/* gallery end */