body {
  background-color: #0000ff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  margin: 0;
  padding: 0;
width: 100%;
height: 100%;
}

div#bodywrap {
  background: white;
  border: none;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  padding: 0;
  margin: 0;
}
div#body {
  padding: 1em;
  padding-left: 2em;
  padding-right: 2em;
}


#ad {
float: right;
display: block;
width: 120px;
height: 240px;
}

#teaser {
float: right;
float: right;
display: block;
width: 280px;
}

.footer {
  clear: both;
  text-align: center;
  padding: 2em 0 0 0;
  color: #cccccc;
}

.footer a {
  color: #8888ff;
}

img {
border: none;
}

#iphoneinfo {
padding-left: 1em;
display:inline-block; 
vertical-align:top;
width: 40%;
}

#iphone_screenshot {
width: 200px;
height: 468px;
float: left;
margin-right: 1.5em;
background: url(../../img/iphone/iphone.png);
position: relative;
}

#iphone_screenshot img {
width: 172px;
height: 258px;
position: absolute;
left: 15px;
top: 66px;
}

/* IE6 */
* html .clearfix {
height: 1%;
overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}