@import url(reset.css);

/* FOR ALL */
html, body {
 height: 100%;
 border: none;
 padding: 0px;
}

body {
 background: #000;
}

body, a, table, textarea, input, select {
 color: #000;
 font-size: 12px;
 font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
}

body, a, table {
 line-height: 16px;
}

sup, sub {
 font-size: 10px;
 line-height: 10px;
}

a {
 color: #fb7311;
}

a:hover {
 color: #bf5303;
 text-decoration: none;
}

a, a * {
 cursor: pointer;
}

li, li * {
 vertical-align: top;
}

img {
 color: #fb7311;
 font-size: 13px;
}

table, ol, ul, dl {
 margin-bottom: 18px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
 margin-bottom: 16px;
}

h1, .h1, h1 a, .h1 a, h2, .h2, h2 a, .h2 a, h3, .h3, h3 a, .h3 a, h4, .h4, h4 a, .h4 a {
 font-family: "Myriad Pro", Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
 color: #fb7311;
}

h1, .h1, h1 a, .h1 a  {
 font-size: 24px;
 line-height: 26px;
}

h2, .h2, h2 a, .h2 a {
 font-size: 20px;
 line-height: 22px;
}

h3, .h3, h3 a, .h3 a {
 font-size: 18px;
 line-height: 20px;
}

h4, .h4, h4 a, .h4 a {
 font-size: 16px;
 font-weight: bold;
 line-height: 18px;
}

/* forms */
textarea, input, select {
 background-color: #fff;
}

textarea, input.form-text, select {
 border: 1px solid #ccc;
 padding: 3px 5px 4px 5px;
}

fieldset {
 border: 1px solid #ccc;
 padding: 0px 15px 10px 15px;
}

.form-submit {
 cursor: pointer;
 padding: 1px 3px 2px;
}

.form-item {
 margin: 11px 0px;
}
/* end - forms */

.b-fSSmall, a.b-fSSmall, .b-fSSmall a {
 font-size: 10px;
 line-height: 12px;
}
.b-fSNormal, a.b-fSNormal, .b-fSNormal a {
 font-size: 12px;
 line-height: 16px;
}
.b-fSMedium, a.b-fSMedium, .b-fSMedium a {
 font-size: 14px;
 line-height: 18px;
}
.b-fSBig, a.b-fSBig, .b-fSBig a {
 font-size: 18px;
 line-height: 12px;
}

.base_txt {
}
 .base_txt h1, .base_txt .h1, .base_txt h2, .base_txt .h2 {
  margin-top: 30px;
 }
 .base_txt h3, .base_txt .h3 {
  margin-top: 26px;
 }

 .base_txt .b-pagetitle {
  margin-top: 0px;
 }
 
.base_txt p, .base_txt ul, .base_txt ol, .base_txt table, .base_txt h4, .base_txt .h4, .base_txt h5, .base_txt .h5, .base_txt blockquote, base_txt dl s{
  margin: 18px 0px;
 }
 
 .base_txt hr, .base_txt .g-hr {
  margin-top: 24px;
  margin-bottom: 23px;
 }
 
 .base_txt h1, .base_txt .h1, .base_txt h2, .base_txt .h2, .base_txt h3, .base_txt .h3, .base_txt h4, .base_txt .h4, .base_txt h5, .base_txt .h5 {
  margin-bottom: -5px;
 }
 
 .base_txt table {
  width: 100%;
  margin-bottom: 10px;
 }
 
 .base_txt table p, .base_txt table ul, .base_txt table ol, .base_txt table table, .base_txt table blockquote {
  margin-bottom: 18px;
  margin-top: 0px;
 }
 
 .base_txt table h1, .base_txt table h2, .base_txt table h3, .base_txt table h4, .base_txt table h5, .base_txt table .g-hr  {
  margin-bottom: 9px;
  margin-top: 0px;
 }
 
 .base_txt img[align='left'] {
		float: left;
		margin: 4px 18px 12px 0px;
		clear: left;
	}
	.base_txt img.fleft {
  float: left;
		margin: 4px 18px 12px 0px;
		clear: left;
 }
	.base_txt img[align='right'] {
		float: right;
		margin: 4px 0px 12px 18px;
		clear: right;
	}
	.base_txt img.fright {
  float: right;
		margin: 4px 0px 12px 18px;
		clear: right;
 }

hr {
 border: none;
 height: 1px;
 font-size: 0px;
 line-height: 0px;
 border-top: 1px solid #f7d3a1;
 clear: both;
 display: block;
}
.g-hr {
 height: 1px;
 font-size: 0px;
 line-height: 0px;
 border-top: 1px solid #f7d3a1;
 clear: both;
}
 .g-hr hr {
  display: none;
 }
 
 .base_txt ul, .base_txt ol {
  margin-left: 30px;
 }
 .base_txt ul li {
  list-style: disc;
 }
 .base_txt ol li {
  list-style: decimal;
 }
 .base_txt li {
  margin: 9px 0px;
 }

.hFloat:after, .b-menu-horizontal ul:after {
 content: "";
 font-size: 0px;
 line-height: 0px;
 visibility: hidden;
 display: block;
 clear: both;
}

.g-dtable {
 display: table;
}

.g-inbl, .g-inbllist li, .g-inbllist ul, .g-inbllist ol, .g-inbllist dd, .g-inbllist dt {
 display: -moz-inline-stack;
 display: inline-block;
}

.l-left {
 float: left;
 display: inline;
}

.l-right {
 float: right;
 display: inline;
}


/* main */
.b-main {
 min-height: 100%;
 width: 100%;
 min-width: 980px;
 background: #d76701 url(../images/bg_main.jpg);
 background-position: center -911px;
}
.b-main-bgx {
 background: url(../images/bg_main-x.jpg) repeat-x;
 background-position: center top;
 height: 911px;
}

.b-main-bgbase {
 background: url(../images/bg_base.jpg) no-repeat;
 background-position: center 99px;
 max-width: 1206px;
 height: 900px;
 margin: 0px auto;
}

.b-main-wrapper {
 width: 942px;
 margin: 0px auto;
 padding-top: 136px;
 position: relative;
}

.b-main-container {
 position: relative;
 overflow: hidden;
 height: 630px;
 background: #325c5b url(../images/bg_base.jpg) no-repeat;
 background-position: -132px -37px;
} 

/* base_content */
.b-base_content {
 background: #fff url(../images/bg_base.jpg) no-repeat;
 background-position: -573px -138px;
 display: block;
 width: 435px;
 height: 498px;
}
 .b-main-container .b-base_content {
  position: absolute;
  top: 101px;
  left: 441px;
  overflow: hidden;
  z-index: 2;
 }
 
.b-base_content-wrapper {
 margin: 40px 10px 0px 40px;
 position: relative;
}

.b-scrollpane {
 height: 448px; 
 overflow: scroll;
 overflow-x: hidden;
}

/* ilearn */
.b-ilearn {
 position: relative;
 overflow: hidden;
}
 .b-main-container .b-ilearn {
  position: absolute;
  top: 10px;
  left: 46px;
  z-index: 2;
 }
 .b-ilearn .t1 {
  color: #fc8f94;
  font-size: 38px;
  line-height: 38px;
  position: absolute;
  top: 0px;
  left: 0px;
  white-space: nowrap;
 }
 .b-ilearn .b-replace {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 237px;
  height: 49px;
  background: url(../images/bg_base.jpg) no-repeat;
  background-position: -178px -47px;
 }
/* end - ilearn */
 
 /* menu */
 .b-menu {
  
 }
  .b-menu ul {
   margin: 0px;
  }
  
 .b-menu a {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
 }
  .b-menu a:hover, .b-menu .active a, .b-menu .hover a {
   text-decoration: underline;
  }
  
  .b-menu a .b-replace, .b-menu a .b-replace b {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 0px;
   height: 100%;
   width: 100%;
   font-size: 0px;
   line-height: 0px;
  }
   .b-menu a .b-replace b {
    height: 200%;
   }
   .b-menu a .b-replace b {
    background-repeat: no-repeat;
   }
    .b-menu a:hover .b-replace b, .b-menu .active a .b-replace b, .b-menu li:hover a .b-replace b, .b-menu .hover a .b-replace b {
     top: -100%;
    }
 
.b-menu-horizontal {
 
}
 .b-menu-horizontal li {
  float: left;
  display: inline;
 }
 
 /* menu-primary */
 .b-menu-primary {
  width: 403px;
 }
  .b-main-container .b-menu-primary {
   position: absolute;
   top: 143px;
   left: 38px;
   z-index: 3;
  }
  
 .b-menu-primary a {
  height: 41px;
  line-height: 40px;
  font-size: 18px;
  padding-left: 30px;
  color: #fbea8b;
 }
 
  .b-menu-primary .b-about a {
   width: 100px;
  }
   .b-menu-primary .b-about a b {
    background-image: url(../images/btn-base_menu-about.jpg);
   }
   
  .b-menu-primary .b-serious a {
   width: 181px;
  }
   .b-menu-primary .b-serious a b {
    background-image: url(../images/btn-base_menu-serious.jpg);
   }
   
  .b-menu-primary .b-teach a {
   width: 185px;
  }
   .b-menu-primary .b-teach a b {
    background-image: url(../images/btn-base_menu-teach.jpg);
   }
   
  .b-menu-primary .b-cinema a {
   width: 222px;
  }
   .b-menu-primary .b-cinema a b {
    background-image: url(../images/btn-base_menu-cinema.jpg);
   }
   
  .b-menu-primary .b-camp a {
   width: 311px;
  }
   .b-menu-primary .b-camp a b {
    background-image: url(../images/btn-base_menu-camp.jpg);
   }
   
  .b-menu-primary .b-students a {
   width: 153px;
  }
   .b-menu-primary .b-students a b {
    background-image: url(../images/btn-base_menu-students.jpg);
   }
   
  .b-menu-primary .b-15minutes a {
   width: 222px;
  }
   .b-menu-primary .b-15minutes a b {
    background-image: url(../images/btn-base_menu-15minutes.jpg);
   }
 
 
 .b-menu-primary .b-level2 {
  
 }
  .b-menu-primary .b-level2 .b-level2-bg, .b-menu-primary .b-level2 .b-arr, .b-menu-primary .b-level2 .b-arr b {
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
  }
  .b-menu-primary .b-level2 .b-level2-bg {
   z-index: 2;
   background-repeat: no-repeat;
   width: 175px;
  }
  .b-menu-primary .b-level2 .b-arr {
   overflow: hidden;
   width: 134px;
   z-index: 1;
  }
  .b-menu-primary .b-level2 .b-arr b {
   background: url(../images/bg_menu_arrs.png) no-repeat;
   width: 134px;
   height: 196px;
  }
  
  .b-menu-primary .b-level2 .b-level2-container {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 3;
   width: 110px;
  }
  
  .b-menu-primary .b-level2 li, .b-menu-primary .b-level2 ul ul {
   margin-bottom: 5px;
   margin-top: 0px;
  }
   .b-menu-primary .b-level2 ul ul {
    margin-left: 5px;
    margin-top: 3px;
   }
   .b-menu-primary .b-level2 li li {
    margin-bottom: 3px;
   }
  
  .b-menu-primary .b-level2, .b-menu-primary .b-level2 a {
   font-size: 12px;
   line-height: 14px;
   color: #58595b;
   text-decoration: none;
  }
  .b-menu-primary .b-level2 a {
   padding: 0px;
   height: auto;
   width: auto;
   display: inline;
   overflow: visible;
  }
   .b-menu-primary .b-level2 a:hover {
    text-decoration: underline;
    color: #000;
   }
   
  .b-menu-primary .b-about .b-level2 {
   
  }
   .b-menu-primary .b-about .b-level2 .b-arr {
    height: 34px;
    top: 13px;
    left: 103px;
   }
   .b-menu-primary .b-about .b-level2 .b-level2-bg {
    background-image: url(../images/bg_basemenu_level2_about.png);
    height: 155px;
    top: -12px;
    left: 196px;
   }
   .b-menu-primary .b-about .b-level2 .b-level2-container {
    top: 26px;
    left: 218px;
   }
   
  .b-menu-primary .b-serious .b-level2 {
  }
   .b-menu-primary .b-serious .b-level2 .b-arr {
    height: 19px;
    top: -2px;
    left: 185px;
   }
    .b-menu-primary .b-serious .b-level2 .b-arr b {
     top: -34px;
    }
   .b-menu-primary .b-serious .b-level2 .b-level2-bg {
    background-image: url(../images/bg_basemenu_level2_serious.png);
    height: 153px;
    top: -22px;
    left: 222px;
   }
   .b-menu-primary .b-serious .b-level2 .b-level2-container {
    top: 7px;
    left: 249px;
   }
   
  .b-menu-primary .b-teach .b-level2 {
  }
   .b-menu-primary .b-teach .b-level2 .b-arr {
    height: 20px;
    top: 6px;
    left: 188px;
   }
    .b-menu-primary .b-teach .b-level2 .b-arr b {
     top: -53px;
    }
   .b-menu-primary .b-teach .b-level2 .b-level2-bg {
    background-image: url(../images/bg_basemenu_level2_teach.png);
    height: 158px;
    top: -14px;
    left: 224px;
   }
   .b-menu-primary .b-teach .b-level2 .b-level2-container {
    top: 4px;
    left: 260px;
   }
   
  .b-menu-primary .b-camp .b-level2 {
  }
   .b-menu-primary .b-camp .b-level2 .b-arr {
    height: 123px;
    top: -50px;
    left: 213px;
   }
    .b-menu-primary .b-camp .b-level2 .b-arr b {
     top: -73px;
    }
   .b-menu-primary .b-camp .b-level2 .b-level2-bg {
    background-image: url(../images/bg_basemenu_level2_camp.png);
    height: 177px;
    top: 16px;
    left: 250px;
   }
   .b-menu-primary .b-camp .b-level2 .b-level2-container {
    top: 34px;
    left: 275px;
   }
   
 .b-menu-primary li {
  position: relative;
  z-index: 1;
 }
 .b-menu-primary li:hover, .b-menu-primary li.hover {
  z-index: 2;
 }
  .b-menu-primary li:hover .b-level2, .b-menu-primary li.hover .b-level2 {
   visibility: visible;
  }
  
 .b-menu-primary .b-level2 {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
 }
 /* end - menu-primary */

/* menu-secondary */
.b-menu-secondary {
 
}
 .b-menu-secondary li {
  width: 45px;
  height: 41px;
  margin-left: 7px;
  margin-right: 4px;
 }
 .b-menu-secondary li a {
  height: 100%;
  text-align: center;
  text-decoration: underline;
 }
  .b-menu-secondary li a .b-replace {
   width: 100%;
   height: 100%;
   background: none;
  }
   .b-menu-secondary li a .b-replace b {
    background-image: url(../images/btns_langs.jpg);
    width: 180px;
   }

 .b-menu-secondary .b-en a .b-replace b {
  left: 0px;
 }
 .b-menu-secondary .b-de a .b-replace b {
  left: -45px;
 }
 .b-menu-secondary .b-es a .b-replace b {
  left: -90px;
 }
 .b-menu-secondary .b-fr a .b-replace b {
  left: -135px;
 }
   
 .b-ilearn .b-menu-secondary .b-menu-wrapper {
  margin-top: 53px;
 }
/* end - menu-secondary */
 
/* b-menu-help */
.b-menu-help {
 
}
 .b-menu-help li {
  height: 68px;
  margin-right: 23px;
 }
 .b-menu-help li a {
  height: 100%;
  line-height: 100px;
  text-align: center;
  text-decoration: underline;
 }
  .b-menu-help li a .b-replace {
   width: 100%;
   height: 100%;
   background: none;
  }
   .b-menu-help li a .b-replace b {
    background-image: url(../images/btns_help.jpg);
    width: 276px;
   }

 .b-menu-help .b-camp {
  width: 165px;
 }
 .b-menu-help .b-camp a .b-replace b {
  left: 0px;
 }
 .b-menu-help .b-cinema {
  width: 111px;
 }
 .b-menu-help .b-cinema a .b-replace b {
  left: -165px;
 }

 .b-main-container .b-menu-help {
  position: absolute;
  top: 19px;
  left: 501px;
  z-index: 2;
 }
/* end - b-menu-help */
 
 /* menu-additional */
.b-menu-additional {
 
}
 .b-main-wrapper .b-menu-additional {
  position: absolute;
  top: 24px;
  left: 821px;
  width: 128px;
  z-index: 2;
 }
 .b-menu-additional li {
  width: 53px;
  height: 80px;
  margin-right: 8px;
 }
 .b-menu-additional li a {
  height: 100%;
  text-align: center;
  text-decoration: underline;
 }
 .b-menu-additional li span {
  display: none;
 }
  .b-menu-additional li a .b-replace {
   width: 100%;
   height: 100%;
   background: none;
  }
   .b-menu-additional li a .b-replace b {
    background-image: url(../images/bg_header.jpg);
    width: 659px;
   }

 .b-menu-additional .b-home a .b-replace b {
  left: -553px;
 }
 .b-menu-additional .b-mail a .b-replace b {
  left: -606px;
 }
/* end - menu-additional */
 
/* b-menu-dev */
.b-menu-dev {
 
}
 .b-main-wrapper .b-menu-dev {
  position: absolute;
  top: 817px;
  left: 797px;
 }
 .b-menu-dev li {
  height: 75px;
  width: 138px;
  text-align: center;
 }
 .b-menu-dev li a {
  height: 100%;
  text-align: center;
  text-decoration: underline;
  color: #000;
 }
  .b-menu-dev li a .b-replace {
   width: 100%;
   height: 100%;
   background: none;
  }
   .b-menu-dev li a .b-replace b {
    background-image: url(../images/btn_vanil.jpg);
   }

/* .b-main-container .b-menu-help {
  position: absolute;
  top: 19px;
  left: 501px;
 }*/
/* end - b-menu-help */
 
/* end - menu */

/* header */
.b-header {
 background: url(../images/bg_header.jpg) no-repeat;
 width: 553px;
 height: 132px;
 overflow: hidden;
}
 .b-main-wrapper .b-header {
  position: absolute;
  top: 0px;
  left: 16px;
 }

.b-header-wrapper {
 
}

.b-logo {
 width: 260px;
 height: 125px;
 display: block;
 background: #fff8f0 url(../images/bg_header.jpg) no-repeat;
 background-position: -7px -3px;
 overflow: hidden;
 text-align: center;
 position: relative;
}
 .b-header .b-logo {
  margin: 3px 0px 0px 7px;
  float: left;
  display: inline;
 }
 
 .b-logo .t1 {
  margin-top: 30px;
  margin-bottom: 6px;
  font-size: 52px;
  font-style: italic;
  line-height: 52px;
  display: block;
  color: #ff6d05;
 }
 .b-logo .t2 {
  font-size: 16px;
  line-height: 18px;
  display: block;
  color: #8c3b00;
 }
 .b-logo .b-replace {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bg_header.jpg) no-repeat;
  background-position: -7px -3px;
 }
 
.b-phone {
 width: 190px;
 height: 57px;
 position: relative;
 color: #94c1f0;
 font-size: 18px;
 line-height: 30px;
}
 .b-header .b-phone {
  float: left;
  display: inline;
  margin: 26px 0px 0px 96px;
 }

 .b-phone .b-code {
  font-size: 12px;
 }
 
 .b-phone .b-replace {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bg_header.jpg) no-repeat;
  background-position: -363px -26px;
 }
 
/* end - header */

/* best-learner */
.b-best-learner {
 background: url(../images/bg_best.png) no-repeat;
 width: 171px;
 height: 190px;
 overflow: hidden;
 color: #77db90;
 font-family: "Comic Sans MS", Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 18px;
 text-align: center;
}
 .b-main-container .b-best-learner {
  position: absolute;
  top: 440px;
  left: 52px;
  z-index: 2;
 }
.b-best-learner-container {
 margin-top: 45px;
}
 .b-best-learner-container p {
  margin: 18px 0px;
 }
/* end - best-learner */

/* happybirthday */
.b-happybirthday {
 background: url(../images/bg_birthday.png) no-repeat;
 width: 202px;
 height: 222px;
 overflow: hidden;
}
 .b-main-container .b-happybirthday {
  position: absolute;
  top: 388px;
  left: 239px;
  z-index: 2;
 }
.b-happybirthday-container {
 margin-top: 45px;
 width: 136px;
 height: 81px;
 overflow: hidden;
 background: #f3f3eb url(../images/bg_birthday.png) no-repeat;
 background-position: -31px -96px;
 margin: 96px 0px 0px 31px;
 padding-top: 20px;
 text-align: center;
 color: #595959;
 font-family: "Comic Sans MS", Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 18px;
}
/* end - happybirthday */

/* gallery */
.b-gallery {
 width: 220px;
 height: 146px;
 position: relative;
 background-color: #f5f5f5;
}

 .b-main-container .b-gallery {
  position: absolute;
  top: 445px;
  left: 100px;
  z-index: 2;
 }
 
.b-gallery-container {
 text-align: center;
}

 .b-gallery .b-gallery-btn {
  position: absolute;
  top: 15px;
  display: none;
  overflow: hidden;
  width: 68px;
  height: 78px;
 }
 #js .b-gallery .b-gallery-btn {
  display: block;
 }
  .b-gallery .b-gallery-btn b {
   position: absolute;
   top: 0px;
   left: 0px;
   background: url(../images/gallery.png) no-repeat;
   width: 136px;
   height: 156px;
  }
   .b-gallery a.b-gallery-btn:hover b {
    top: -78px;
   }
  
 .b-gallery .b-gallery-btn-prev {
  left: -78px;
 }
 
 .b-gallery .b-gallery-btn-next {
  right: -77px;
 }
  .b-gallery .b-gallery-btn-next b {
   left: -68px;
  }
/* end - gallery */

/* main-container-bg */
.b-main-container-bg {
 display: block;
 width: 942px;
 height: 630px;
 background: url(../images/bg_img-home.png) no-repeat;
}
 .b-main-container .b-main-container-bg {
  position: absolute;
  top: -1px;
  left: 0px;
  z-index: 1;
 }
 
 .g-page-about .b-main-container-bg {
  background-image: url(../images/bg_img-about.png);
 }
 .g-page-serious .b-main-container-bg {
  background-image: url(../images/bg_img-serious.png);
 }
 .g-page-teach .b-main-container-bg {
  background-image: url(../images/bg_img-teach.png);
 }
 .g-page-cinema .b-main-container-bg {
  background-image: url(../images/bg_img-cinema.png);
 }
 .g-page-camp .b-main-container-bg {
  background-image: url(../images/bg_img-camp.png);
 }
 .g-page-students .b-main-container-bg {
  background-image: url(../images/bg_img-students.png);
 }
 .g-page-15minutes .b-main-container-bg {
  background-image: url(../images/bg_img-15minutes.png);
 }
/* end - main-container-bg */

/* scrollpane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/bg_scroll.png) no-repeat;
 background-position: 0px -16px;
}

.jScrollPaneDrag {
	position: absolute;
 left: 0px;
	cursor: pointer;
	overflow: hidden;
 font-size: 0px;
 line-height: 0px;
 background: url(../images/bg_scroll-drag.png) repeat-y;
 background-position: 8px 0px;
}

#js .jScrollArrowUp, #js .jScrollArrowDown {
 font-size: 0px;
 line-height: 0px;
 display: block;
 position: absolute;
 right: 0px;
 text-indent: -2000px;
	overflow: hidden;
 z-index: 1;
}

.jScrollArrowUp {
	top: 0;
 height: 16px;
 background: url(../images/bg_scroll.png) no-repeat;
}

.jScrollArrowDown {
	bottom: 0;
 height: 23px;
 background: url(../images/bg_scroll.png) no-repeat;
 background-position: left bottom;
}

/* end - scrollpane */

/* end - base_content */

/* end - main */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('../images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('../images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/spacer.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('../images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('../images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}