/*!
 * 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;color:#FFF;background:#000 url(load.gif) 50% 50% no-repeat;padding:0;margin:0;border:0;font:11px/16px Futura,"Helvetica","Arial",sans-serif;src:url('Futura.ttf');}

#bg,#bg div,#bg img{-moz-user-select:-moz-none;-webkit-user-select:none}							/*Prevent selection of the background*/
#bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0;bottom:0}						/*Container preventing scrolling-bug in opera*/
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;display:table}					/*Create canvas*/
#bg div div{left:0;top:50%;width:100%;display:block;height:auto}									/*IE center verticaly*/
#bg div > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}			/*Others center verticaly*/
#bg img{position:absolute;top:-99999px;left:-99999px;width:50%;display:none}						/*Display none AND hide (for later loading with block)*/
#bg img.bgshow{position:static;display:block;margin:0 auto;-ms-interpolation-mode:bicubic}			/*Show image, with IE-scaling fix*/
*+html #bg div div{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*/

/*CUSTOMIZATIONS*/
a:active {outline: none;}
a {outline: none;}

.scaler-nav{position:absolute;bottom:30px;right:30px;overflow:hidden;text-align:center;z-index:10;list-style:none; filter: alpha(opacity=80); opacity: 0.8;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/}
.scaler-nav li{float:left;width:21px;margin-left:1px;line-height:21px;font-size:11px;list-style:none; filter: alpha(opacity=80); opacity: 0.8; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/}
.scaler-nav a{height:21px;display:block;background:#000;text-decoration:none;color:#fff;outline:none}
.scaler-nav a:hover {background:#fff;color:#333}
.scaler-banner{position:absolute;bottom:70px; right: 30px; overflow:hidden;text-align:left;z-index:10; font-family: futura, arial; font-size: 1em; color:#FFFFFF;height: 10%; width: 20%; line-height: 1.25em; background-color: #000000; padding: 15px; filter: alpha(opacity=80); opacity: 0.8; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/}
.scaler-info{position:absolute;top:30px; right: 30px; overflow:hidden;text-align:left;z-index:10; font-family: futura, arial; font-size: 1em; color:#FFFFFF; line-height: 1.25em; background-color: #000000; padding: 5px; filter: alpha(opacity=80); opacity: 0.8; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/}

h1 {display: none; /*text-indent: -9999px;*/}

#bio {position:absolute; top: 95px; left: 0px; z-index: 999; width: 100%; height: 60%; background-color: #000000; color: #FFFFFF; filter: alpha(opacity=80); opacity: 0.8;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ display: block;}