body {
  margin: 0;
  background-color: #f1f9f9;
}



/*** set the width and height to match your images **/
		
#slideshow-wrapper {
  width: 100%;
  background-color: #000;
}

#slideshow {
  opacity: 0;
  background-color:#000;
  position:relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100% !important;
  max-width: 1000px;
  min-height: 270px;
}

#slideshow div {
  top: 0px !important;
}
  

@media screen and (min-width:600px) {

  #slideshow {
    min-height:450px;
  }
  
}

@media screen and (min-width:768px) {

  #slideshow {
    min-height:497px;
  }

  #slideshow div {
    top:-150px !important;
  }
  
}

#purchase {
  text-align: center;
  opacity:0;
}

#slideshow div {
    background-color: #FFF;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    text-align: right;
    font-size: 10px;
    font-style: italic;
    font-family: Helvetica, arial, sans-serif;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    display: block;
    border: 0;
    margin-bottom: 10px;
    position: relative;
    top:0%;
}


#slideshow.slide-ms {
}

#slideshow.slide-ms div {
	width:100% !important;
}

#slideshow.slide-ms div img {
	max-width: 100%;height: auto;
	width:100% !important;
}

.title {
  opacity: 0;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  top:-36px;
  z-index: 100;
}


#ms-map {
  position: relative;
  opacity: 0;
  margin: 0 auto;
}

#ms-map img {
  width: 100%;
}

.point {
  border-radius: 50px;
  background-color:fuchsia;
  height: 5px;
  width: 5px;
  position: absolute;
  font-size: 10px;
  font-family: sans-serif;
}

.point .city_name {
  display: none;
  width: 120px;
  position: absolute;
  left: 18px;
  top:-3px;
}

.point:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(255,0,255,1);
  -moz-box-shadow: 0px 0px 15px 5px rgba(255,0,255,1);
  box-shadow: 0px 0px 15px 5px rgba(255,0,255,1);
}

.point:hover .city_name {
  display: block;
}

.sao_paulo      {top: 73%;    left: 35%;}
.new_york       {top: 43%;    left: 27%;}
.los_angeles    {top: 44%;    left: 15.3%;}
.san_francisco  {top: 42.5%;  left: 14.75%;}
.san_jose       {top: 43%;    left: 14.85%;}
.buenos_aires   {top: 80%;    left: 32%;}
.paris          {top: 37%;    left: 47.5%;}
.lille          {top: 36%;    left: 48%;}
.bucharest      {top: 40%;    left: 54%;}
.timisoara      {top: 39.2%;  left: 53%;}

/* 12/26/2014 */

.madrid         {top: 43%;    left: 46%;}
.stpetersburg   {top: 30%;    left: 54.5%;}
.ghent          {top: 35%;    left: 48.3%;}
.london         {top: 34%;    left: 47%;}
.miami          {top: 49.4%;  left: 26.2%;}

/* 3/1/2015 */

.brooklyn       {top: 43.3%;  left: 27.3%;}
  

@media screen and (min-width:600px) {

  .title {
    top:-54px;
  }
  
}

.title img {
  width: 100%;
  padding-top:55px;
}

.message {
  opacity: 0;
  font-size: 1.0em;
  font-family: sans-serif; /*was "economica" font family, edited by Ashes */
  padding: 2% 5%;
  line-height: 1.5em;
  text-align: center; /*was "center", edited by Ashes*/
  color: #666;
  max-width: 1200px;
  margin: 0 auto;
}

.message a {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #6CA39E;
  text-decoration: none;
}

.story {
  opacity: 0;
  font-size: 0.9em;
  font-family: Helvetica, sans-serif;
  padding: 2% 5%;
  line-height: 1.75em;
  color: #999;
  max-width: 750px;
  width: 90%;
  margin: 0 auto;
}

@media screen and (min-width:600px) {

  .message {
    font-size: 1.4em;
  }
  
}

@media screen and (min-width:768px) {

  .message {
    width: 80%;
    margin: 20px auto 0; /*was at 0, edited by Ashes*/
    font-size: 1em; /*was 1.6em, edited by Ashes*/
  }
  
}

@media screen and (min-width:1024px) {

  .message {
    width: 50%; /*was 60%, edited by Ashes*/
  }
  
}

.twitter-link {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #6CA39E;
  text-decoration: none;
}

.twitter-link:hover {
  color: #48726f;
}

.year-heading {
  color: #BDCCD4; 
  font-size: 24px; 
  padding: 0;  
  text-transform: uppercase; 
  position: relative; 
  font-family: 'PT Sans Narrow', Arial, sans-serif;
  margin: 30px 0 10px;
}

#ms-exhibitions {
  opacity: 0;
  width: 600px;
  margin: 50px auto 100px;
  padding: 0;
}

#ms-exhibitions li {
  margin-bottom: 15px;
  list-style: none;
  font: 12px/1.5 Helvetica, Arial, sans-serif;
}

#ms-exhibitions li a {
  color: #6CA39E;
  text-decoration: none;
}

#ms-exhibitions li .exh-title {
  font-size: 1.2em;
  font-weight: bold;
  color: #999;
}

#ms-exhibitions li .date .fa, #ms-exhibitions li .location .fa{
  font-size: 0.9em;
  width: 15px;
  text-align: center;
}


#ms-exhibitions li .date, #ms-exhibitions li .location {
  color: #999;
}

@media screen and (max-width:768px) {

  #ms-exhibitions {
    width: 96%;
    margin: 2%;
  }
  
  #ms-exhibitions li .exh-title {
    font-size: 1.0em;
  }

}


#ms-press {
  opacity: 0;
  list-style: none;
  text-align: center;
  padding-left: 0;
  max-width: 1000px;
  margin: 0 auto;
}

#ms-press li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}

#ms-press a {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #6CA39E;
  list-style: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

#ms-press a :hover {
  color: #48726f;
}

#ms-press .logo {
  opacity: 0.7;
  max-width: 150px;
  margin: 10px 0 20px;
}


#universe {
  opacity: 0;
  position: relative;
  height: 400px;
  z-index: -100;
}

@media screen and (min-width:600px) {

  #universe {
    height: 500px;
  }
  
}

@media screen and (min-width:768px) {

  #universe {
    height: 700px;
  }
  
}

#universe img {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}

#footer {
  background-color: #000;
  color: #333;
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  padding: 10px 0;
}