/*webfont*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/*resets*/
*{
    margin:0;
    padding: :0;  
}

main, section, article, nav, header, footer{
    display:block;
}

/*basic stying*/
body{
    background-color:#000;
    color:#c6d6d5;
    font-family:"Open Sans", "Helvetica Neue", Arial, Verdana, sans-serif;
    font-weight:300;
}
main{
    width: 90%;
    max-width:1200px;
    margin:0 auto; 
}
/*text description under images*/
p{
    font-size:13px;
  line-height:1.8;
  text-align:center;
    padding-bottom:10px;
}

/*previous & next*/
#slide-nav{
    text-align:center;    
}
#slide-nav a{
  display:inline-block;
    padding:0 10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    text-decoration: none;
    font-size:1.4em;
    border:1px solid #191919;
}

#nav{
    padding:10px 0;
    text-align:center;
}   

#nav a{ 
    font-size: 18px;
    display:inline-block;
    padding:6px 12px;
    margin:10px 20px;
    border-radius:4px;
    color:#c6d6d5;
    text-decoration:none;
    background-color:#252933;
    
}
#nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
#nav li{
    display:inline-block;
   
}
#nav li a{

    margin:6px;
   
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  
  }

.rslides img {
  display: block;
  margin:0 auto;
  max-width: 100%;
    width:auto;
    height:auto;
  border: 0;
  }