body, html {height: 100%; min-height: 538px; background-color: #000000; background-image: url(dem_images/background.png); background-repeat: repeat-x; background-position: center; margin:0; }

#outer {height: 100%; overflow: visible; position: relative; width: 100%; margin:0;}
#outer[id] {display: table; position: static;}
		
#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner {width: 1000px; height:538px; margin-left: auto; margin-right: auto;} /* for all browsers*/

/* optional: #inner[id] {position: static;} */
		
		
 body, p, a, h1, h2, li, td {
  font-family: "Verdana", sans-serif;
  font-size:   11pt;
  font-weight: normal;
  line-height: 1.3em;
  color: 	   #ffffff;
}
	
	img{border:none;}
		

#buttons {
  position: relative;
  float: left;
  width:68px;
  padding-right:30px;
  padding-left:17px;
}
	
#image {
  width: 280px;
  height: 538px;
  position: relative;
  float: right;
  background-image: url(dem_images/iphone.png);
}
	
	
#screenshots {
  position: relative;
  float: left;
  margin-left:75px;
}

#text {
  width: 380px;
  height:402px;
  margin-right: 75px;
  padding-left: 75px;
  margin-top: 68px;
  padding-top: 20px;

  background-image: url(dem_images/lightflare.png);
  background-repeat: no-repeat;

  position: relative;
  float: right;
}