html,body{width:100%;height:100%;overflow:hidden;border:0;margin:0;padding:0;font:12px/17px "Helvetica","Arial",sans-serif}

/*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%}
.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;bottom:30px;right:30px;overflow:hidden;text-align:center;z-index:10;list-style:none}
.scaler-nav li{float:left;width:21px;margin-left:1px;line-height:21px;font-size:11px;list-style:none}
.scaler-nav a{height:21px;display:block;background:#000;text-decoration:none;color:#fff;outline:none}
.scaler-nav a:hover,.scaler-nav a:focus,.scaler-nav a.cur{background:#fff;color:#333}

/*Floating next/previous button navigation*/
/*.scaler-float{position:absolute;top:-99px;left:-99px;z-index:9;width:40px;height:20px;background:url(scaler-float.gif) 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}