/* BASIC STYLES */

html, body {
     margin: 0 auto;
     width:100%;
	height:50%;
}

img#bg {
	position:absolute;
	width:100%;
	height:200%;
	z-index:-1;
}

* {
     padding:0;
     margin:0;
     border:0;
     text-decoration:none;
     color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-weight:normal;
     outline: none;
     font-size: 14px;
}


p { line-height:18px; }
ul {
     list-style-type:none;
     margin-top:15px;
}


#preloader {
     margin-top:200px;
}
    

    
#Screens img {
     width: 246px;
     height: 369px;
     position:absolute;
     z-index:200;
     margin-left:85px;
     margin-top:-593px;
}

#Logo img {
     width:250px;
     height:177px;
}
     

li {
     background-image:url('../img/bluebullet.jpg');
     background-repeat:no-repeat;
     background-position:center left;
     padding-left:20px;
     padding-bottom:5px;
     padding-top:5px;
     }


h1 {
     font-family:Arial, Helvetica,sans-serif;
     font-size:36px;
     font-weight:bold;
     padding-bottom:8px;
     }
     
h2 {
     font-size:24px;
     font-weight:bold;
     line-height:24px;
     }


/* CONTENT STYLES */

div#Content {
width : 900px;
margin : auto;
padding : 25px 0 10px 0px;
overflow:hidden;
}



div#Logo {
  width:900px;
  padding-bottom:50px;
  margin-left:35px;
  }

#Screens {
  margin-left:-30px;
  width:246px;
  }
  

#LeftContent {
  width: 350px;
  float:left;
}  
#TextContent {
  float:right;
  width:510px;
  padding-left:20px;
  margin-top:5px;
  }

.Headline {
  z-index: 100;
  position: absolute;
  margin-left:420px;
  margin-top:-520px;
  width:500px;
  }
  

  
#USP {
  margin-top:160px;
  }
  
#blue {
  color:#009ee0;
  }
  
#orange {
  color:#e64415;
  margin-top:20px;
  margin-bottom:40px;
  }