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

/*For making the background size*/
.scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:#111;display:table}
.scaler div{position:absolute;left:0;top:50%;width:100%;zoom:1}
.scaler > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
.scaler img{margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html .scaler img{position:relative;top:-50%} /*Fix IE7*/
*:first-child+html .scaler div{position:absolute;top:50%;height:auto} /*Fix IE7*/
* html .scaler img{height:50%;position:relative;top:-50%} /*Fix IE6*/


/*Footer navigation*/
.scaler-nav{
	position:absolute;
	top:10px;
	bottom:10px;
	right:0px;
	/*height:40px;*/
	overflow:hidden;
	text-align:center;
	z-index:4;
	list-style:none;
	float:right;
	width:540px;
	color:#fff;
	padding:0 0px 0 0px;
}
.scaler-nav li{float:left;width:32px;/*height:45px;*/ margin-left:3px;font-size:24px;list-style:none;background-color:#486e6b;text-align:center;padding:10px 0px; }
.scaler-nav a{display:block;outline:none;text-decoration:none;color:#222221;}
.scaler-nav a:hover,.scaler-nav a:focus,.scaler-nav a.cur{color:#fff;}

/*Floating next/previous button navigation*/
.scaler-float{position:absolute;top:-99px;left:-99px;z-index:9;width:40px;height:40px;background:url(/js/scaler/scaler-float.png) 0 0;display:block;outline:none}
.scaler-next{background-position:-40px 0} /*both {options:css}-next and {options:css}-prev is class names the script uses*/

/*Example of alternative body-element, since the body is covered with the scaling image*/
#body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */