/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#container {
  margin: 0 auto;
  margin-top: 90px;
  background-image: url('../img/background_img_layer.jpg');
  background-repeat: no-repeat;
  width: 960px;
}
#container #email-contact-header {
  height: 100px;
}
#container #email-contact-header img {
  margin-top: 15px;
  margin-left: 20px;
}
#container #email-contact-header img:hover {
  opacity: 1.2;
}
#container .clear {
  clear: both;
}
#container #introduction {
  display: inline-block;
  width: 400px;
  float: left;
  margin-left: 85px;
}
#container #introduction h1 {
  margin: 0px;
  padding: 0px;
}
#container #introduction h1 span {
  font-size: 52px;
  font-weight: normal;
  padding: 2px 10px;
  background-color: #3399ba;
  font-family: "Source San Pro", Helvetica, Arial;
  display: inline;
  line-height: 1.5;
  color: #fff;
}
#container #introduction h2 {
  margin: 0px;
  padding: 0px;
}
#container #introduction h2 span {
  font-size: 25px;
  font-weight: normal;
  padding: 2px 10px;
  background-color: #3399ba;
  font-family: "Source San Pro", Helvetica, Arial;
  display: inline;
  line-height: 1.5;
  color: #fff;
}
#container #introduction h3 {
  margin: 0px;
  padding: 0px;
}
#container #introduction h3 span {
  font-size: 25px;
  font-weight: normal;
  padding: 2px 10px;
  background-color: #3399ba;
  font-family: "Source San Pro", Helvetica, Arial;
  display: inline;
  line-height: 1.5;
  color: #fff;
}
#container #introduction #display {
  height: 110px;
  text-align: center;
}
#container #introduction #display #screen {
  margin-top: 25px;
  display: inline-block;
  padding: 10px;
  font-family: "Source San Pro", Helvetica, Arial;
  font-size: 25px;
  color: #4a341a;
  font-weight: bold;
  background-color: white;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  /* For IE8 and earlier */

}
#container #figure {
  position: absolute;
  top: 126px;
  margin-left: 560px;
  width: 250px;
  height: 420px;

}
#container #figure canvas {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
#container #figure ul {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  list-style-type: none;
}
#container #figure ul li {
  height: 200px;
  background-color: #4cff00;
}
#container #teaser-container{
  margin-top: 50px;
  width: 100%;
  display: block;
  text-align:center;
}
#container  #teaser-container #blog-teaser{
  color:#555;
  display: block;
  display: inline-block;
}
#container  #teaser-container #blog-teaser ul{
  list-style: none;
  width: inherit;
  display: inline-block;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
#container  #teaser-container #blog-teaser li{
  text-align: left;
  line-height: 1.5;
}
#container  #teaser-container #blog-teaser p{
  display: block;
  text-align: center;
  }
#container #blog-teaser a{
  color:#3399ba;
  text-decoration: none;
}
#container #blog-teaser a:hover{
  color:#3399ba;
  text-decoration: underline;
}
#container #footer {
  margin-top: 10px;
  width: 100%;
  display: block;
  text-align: center;
}
#container #footer ul {
  list-style-type: none;
}
#container #footer ul li {
  display: inline;
}
#container #footer ul li a {
  margin: 5px;
}
#container #footer ul li a img {
  border: 0px;
}