* {
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		html {
			background: url('images/bg.jpg') repeat-x, url('images/bg2.jpg');
			width: 100%;
			min-width: 970px;
			height: 100%;
			min-height: 550px;
		}
		
		body {
			position: absolute;
			left: 50%;
			margin: 0 0 0 -420px;
			width: 840px;
			height: 500px;
			bottom: 0;
		}
		
		#logo {
			background: url('images/logo.png') no-repeat;
			position: absolute;
			left: 0;
			top: 0;
			width: 373px;
			height: 184px;
		}
		
		#sub {
			background: url('images/sub.png') no-repeat;
			position: absolute;
			left: 7px;
			top: 190px;
			width: 245px;
			height: 96px;
		}	
		
		#buy {
			display: block;
			background: url('images/buy.png') no-repeat;
			position: absolute;
			left: 21px;
			top: 310px;
			width: 162px;
			height: 56px;		
		}		
		
		#buy:hover {
			background-position: 0 -56px;
		}
		
		#iphone {
			background: url('images/iphone.png') no-repeat;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 389px;
			height: 497px;		
		}
		
		#mat {
			display: block;
			background: url('images/mat.png') no-repeat;
			position: absolute;
			left: 20px;
			top: 400px;
			width: 210px;
			height: 12px;	
		}
		
		#sam {
			display: block;
			background: url('images/sam.png') no-repeat;
			position: absolute;
			left: 20px;
			top: 421px;
			width: 210px;
			height: 12px;	
		}
		
		#mat:hover, #sam:hover {
			background-position: 0 -12px;
		}
		
		#credits {
			visibility: hidden;
		}