body {
	background-color: #000;
	background-image: url(pixelgrid.png);
	background-repeat: no-repeat;
	margin: 0;
}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 320px) {
	
	body {
		background-image: url(pixelgrid-iphone.png);
	}
	
}

/* --------  iphone landscape-----------  */
@media screen and (min-width: 321px) and (max-width: 480px) {
	
	body {
		background-image: url(pixelgrid-iphone.png);
	}
	
}

/* --------- ipad portrait -------------  */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	
	body {
		background-image: url(pixelgrid-ipad.png);
	}
	
}

/* --------- ipad landscape -------------  */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
		
	body {
		background-image: url(pixelgrid-ipad.png);
	}

}