html {
}

body {
 	background-color: white; 
 	font-family: Helvetica neue, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.02em;
	font-weight: bold;
    overflow-x: hidden;
  }

h1 {
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: bold;
    margin: 0px;
  }

h2 {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.02em;
	font-weight: bold;
  }

ul {
	padding: 0;
    margin: 0;
}


a:link {
 	color: black;
 	text-decoration: none;
 }
a:visited {
 	color: black;
 }
a:hover {
 	color: black;
 	text-decoration: none;
 	border-bottom: 1px solid;
}
a:active, a:focus {
	 color: black;
	 border-bottom: 1px solid;
}


#wrapper {

  }

p,h3,h4,pre {
 	background-color: white; 
	font-family: Helvetica neue, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.02em;
	font-weight: bold;
  	text-align: left;
  	margin: 0 auto 20px;
  }
  
  
/* LOGO */
#logo {
	position: absolute;
    top: 10px;
    left: 10px;
}

#logo a:hover {
	border-bottom: 1px solid;
}


/* TAGLINE */
#tagline {
	position: relative;
	display: block;
	max-width: 1240px;
	top: 20px;
	}
	

/* Tools */
#tools {
	right: 10px;
	top: 0px;	
}






/*#download {
  background: #333;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 60px auto;
  max-width: 500px;
  padding: 20px;
  }

#download:hover {
  background: rgba(255,255,255,.15);
  }

.footer {
  font-size: 11px;
  }
  
  */

/* Callback example */

.events {
  list-style: none;
  top: 0;
  }

.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  list-style: none;
  overflow: hidden;
  width: 100%;
  }

.callbacks li {
  position: relative;
  width: 100%;
  }

.callbacks img {
  z-index: 3;
  height: auto;
  margin-left: 0!important;
  width: 100%;
  }

img.next:hover{
    cursor: pointer;
}

.callbacks .caption {
  z-index: 1;
	display: block;
	position: relative;
	letter-spacing: 0.02em;
  text-align: left;
  text-shadow: none;
  margin-left: 180px;
  top: 10px;
  }


.callbacks_nav {
 z-index: 2;
  position: relative;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
	letter-spacing: 0.02em;
  }
  
.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  margin-left: 25px;
  background-position: right top;
  right: 0px;
  }

video.callbacks_nav.next{
    margin-left: 0px;
}

.navi{
    position: relative;
    float: left;
	top:3px;
    clear: both;
    margin-left: 180px;
    margin-bottom: 20px;
}







@media screen and (max-width: 640px) {
  	h1 {
    font-size: 14px;
	line-height: 18px;
    }
    
    p {
    font-size: 14px;
	line-height: 18px;
    }
    
    #logo {
    font-size: 14px;
	line-height: 18px;
	position: absolute;
    top: 10px;
    left: 10px;
	}
    
  .callbacks_nav {
    /*top: 47%;*/
    }
    
    .callbacks .caption{
        margin-left: 0px;
        margin-top: 40px;
    }
    
    .navi{
        margin-left: 180px;
        margin-bottom: 0px;
    }
    
    .callbacks_nav.next{
        margin-left: 0px;
    }
    
    .navi a.callbacks_nav.callbacks1_nav.prev{
        margin-right: 25px;
    }
    
  }