html {
	background-image: url('bg.png');
	background-position: 50% 50%;
}

a:link,
a:active,
a:visited {
	color: gray;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#app_store
{    
	margin: -1px 0 0 -2px;
	width: 266px;
	height: 64px;
}

#app_store a
{
	display: block;
	padding-top: 64px;
	width: 180px;
	height: 0;
	overflow: hidden;
	background: url('app_store_up.png') no-repeat;
}

#app_store a:hover
{
	background: url('app_store_down.png') no-repeat;
}


/****************************************
 * Screenshots
 ****************************************/

#screenshots
{
  width: 266px;
}

#iphone
{
  position: relative;
  padding: 0;
  width: 266px;
  height: 488px;
  overflow: hidden;
  background: url('images/iphone.png') no-repeat top left;
}

#iphone img
{
  position: absolute;
  top: 97px;
  left: 34px;
}

#screenshot-2, #screenshot-3, #screenshot-4, #screenshot-5
{
  display: none;
}

#thumbnails
{
  margin: 20px 0 20px 20px; // top right bottom left
}

#thumbnails a
{
  float: left;
  margin: 0 7px 0 0;
  padding: 24px 0 0 4px;
  width: 64px;
  height: 108px;
  background: url('images/iphone_small.png') no-repeat top left;
  outline: none;
}