/*!
 * Scaler: Scaling background images to fill browser window with centering and aspect ratio. iPad and iPhone friendly  - v3 - 04/06/2010
 * http://klippoglim.no/
 * http://kirie.no/
 * 
 * Copyright (c) 2010 Eirik Backer
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.gnu.org/licenses/gpl-2.0.html) licenses.
 */

body,html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
	padding: 0;
	margin: 0;
	border: 0
}

#bg,#bg * {
	-moz-user-select: -moz-none;
	-webkit-user-select: none
}

/*Prevent selection*/

#bg,#bg b {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: block
}

/*Containers*/

#bg i {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	display: table
}

/*Create canvas*/

#bg i i {
	left: 0;
	top: 50%;
	width: 100%;
	display: block;
	height: auto;
	background: url(load.gif) 50% 50% no-repeat
}

/*IE center verticaly and loading-gif*/

#bg i > i {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	position: static;
	top: 0
}

/*Others center verticaly*/

#bg img {
	display: block;
	margin: 0 auto;
	width: 50%;
	-ms-interpolation-mode: bicubic
}

/*Smooth anti-alising in IE*/

#bg {
	position: absolute;
	left: 0;
	bottom: 0
}

/*Position preventing scrolling-bug in opera*/

*+html #bg i i {
	position: absolute;
	top: 50%;
	height: auto
}

/*IE7  fix centerer*/

*+html #bg img {
	position: relative;
	top: -50%
}

/*IE7  fix image*/

* html #bg img {
	height: 50%;
	position: relative;
	top: -50%
}

/*IE6  fix image*/