/* clears everything (not sure if it works) */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

/* prevents blue borders around linked images*/
img {
  border-style: none;
}

html, body {
	height: 100%;
	background:#FFFFFF;
}

body {
	text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
	width:1px;
	height:50%;
	background-color:#FFFFFF;
	margin-bottom:-370px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:740px;
	width:1000px; /* ad right + iphone + ad left 300 + 400 + 300 */
	clear:left;
}

#sidead {
	margin-top:245px; /* (740 - 250)/2 = 245 */
	float:left;
	height:250px;
	width:300px;
}

#iphone {
	text-align:left;
	height:740px;
	width:400px;
	float:left;
	background-image:url(iphoneportrait.jpg);
}

#screen {
	margin-top:140px;
	margin-left:42px;
	height:480px;
	width:320px;
	border:none;
}

#homebutton {
	margin-top:10px;
	margin-left:165px;
	height:70px;
	width:70px;
	cursor:pointer;
}