@import "reset.css";
@import "text.css";
@import "jquery/colorbox/5/colorbox.css";

body { 
    margin: 0;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #f4f4f4;
}

#wrapper {
  width:auto;
  margin:0 auto;
}

#header {
  padding:40px;
  text-align:center;
  background-color:#ffffff;
  border-bottom:1px solid #eeeeee;
}
img {
  border:0 none;
}
#menu {
  width:730px;
  padding:20px 0;
  margin:0 auto;
}
span.sep {
  padding:0 20px;
  color:#ccc;
}
#menu a, #menu a:visited {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:22px;
  letter-spacing:-1px;
  color:#333333;
  text-decoration:none;
}
#menu a.current {
  border-bottom:2px solid #ccc;
}
#menu a:hover {
  border-bottom:1px dashed #000;
}
#main {
}

#intro {
    padding-bottom: 10px;
}

h2 {
  color:#E2021A;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:26px;
  font-weight:normal;
  line-height:24px;
  letter-spacing:-1px;
  margin: 20px 0 10px 0;
}

#slider {
    width: 775px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 620px;
    width: 775px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel, .nonscrollContainer div.panel {
    padding: 20px;
    height: 580px;
    width: 735px;
    position:relative;
    background-repeat:no-repeat;
    background-color:#ffffff;
    background-position:40px 20px;
    -border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.panel ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
div.panel ul li {
  text-align:center;
  margin:20px auto;
  font-weight:bold;
  color:#E2021A;
}
div.panel ul.gallery {
  padding:0;
  margin:20px 10px 20px 30px;
}
div.panel ul.gallery li {
  float:left;
  margin:0 10px 10px 0;
}
div.panel ul.gallery li a {
  display: block;
  line-height: 1px;
}
div.panel ul.cities {
  font-size:32px;
  padding-top:10px;
}
div.panel ul.video {
  font-size:18px;
  padding-top:10px;
}
div.panel li a, div.panel li a:visited {
  color:#E2021A;
}
div.center {
  text-align:center;
}
div.video {
  padding:20px;
}

div.panel-content {
  position:absolute;
  top:30px;
  left:490px;
  padding-right:10px;
  line-height:20px;
}



div.panel-content .message {
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#444444;
  font-size:16px;
  padding-right:50px;
  padding-top:10px;
}

#shade {
    height: 50px;
    background-image: url(/images/shadow.gif);
    background-repeat:no-repeat;
    background-position: center top;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -95px;
}

.scrollButtons.right {
    right: -102px;
}

.hide {
    display: none;
}

#footer  {
  text-align:center;
  color: #999;
  font-size:11px;
  padding-bottom:20px;
}
#footer a, #footer a:visited {
  color: #999;
}

#lorak {
  background-image:url(/serce-content/posters/lorak.jpg);
}
#karol {
  background-image:url(/serce-content/posters/karol.jpg);
}
#ponomarev {
  background-image:url(/serce-content/posters/ponomarev.jpg);
}
#potap-nastya {
  background-image:url(/serce-content/posters/potap-nastya.jpg);
  background-position: 20px 20px;
}
#tik {
  background-image:url(/serce-content/posters/tik.jpg);
}
#kobza {
  background-image:url(/serce-content/posters/kobza.jpg);
}
#matvienko {
  background-image:url(/serce-content/posters/matvienko.jpg);
}
#fagot {
  background-image:url(/serce-content/posters/fagot.jpg);
}
#bilyk {
  background-image:url(/serce-content/posters/bilyk.jpg);
}
#kharchyshyn {
  background-image:url(/serce-content/posters/kharchyshyn.jpg);
}
#madheads {
  background-image:url(/serce-content/posters/madheads.jpg);
}
#mogylevska {
  background-image:url(/serce-content/posters/mogylevska.jpg);
}
#rogovtseva {
  background-image:url(/serce-content/posters/rogovtseva.jpg);
}
#ruslana {
  background-image:url(/serce-content/posters/ruslana.jpg);
}
#yaremchuk {
  background-image:url(/serce-content/posters/yaremchuk.jpg);
}
#zibrov {
  background-image:url(/serce-content/posters/zibrov.jpg);
}