/* CSS Document */

/*  
Name: units 2012
URL: http://greyisgood.eu
Description: greyisgood
Version: 1
Author: mjc
Author URI: http://greyisgood.eu
*/


@font-face {
	font-family: 'MisoRegular';
	src: url('http://greyisgood.eu/fontface/miso/miso-webfont.eot');
	src: local('?'), url('http://greyisgood.eu/fontface/miso/miso-webfont.woff') format('woff'), url('http://greyisgood.eu/fontface/miso/miso-webfont.ttf') format('truetype'), url('http://greyisgood.eu/fontface/miso/miso-webfont.svg#webfontA4ZOCCxS') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'MisoLight';
	src: url('http://greyisgood.eu/fontface/miso/miso-light-webfont.eot');
	src: local('?'), url('http://greyisgood.eu/fontface/miso/miso-light-webfont.woff') format('woff'), url('http://greyisgood.eu/fontface/miso/miso-light-webfont.ttf') format('truetype'), url('http://greyisgood.eu/fontface/miso/miso-light-webfont.svg#webfontF29MFFwu') format('svg');
	font-weight: normal;
	font-style: normal;
}
			
			body {background-color:#000;color:#999;font-size:1em;letter-spacing: 0.08em;line-height:1.6em;font-family:'MisoRegular', Arial, sans-serif;text-decoration: none;margin:20px;}
			
			
			
a:link,a:visited{color:#999;text-decoration:none;background-color:none}
a:active{color:#fff;text-decoration:none;background-color:none}
a:hover{text-decoration:none;color:#fff;background-color:none;}

h1,h2,h3{font-weight: normal;text-shadow: 0px 0px 5px #000;
        filter: dropshadow(color=#555, offx=0, offy=0);}

h1{font: 42px/45px 'MisoLight', Arial, sans-serif;letter-spacing: 0;}
h2{font-size:1em;font-weight: normal;padding:0;letter-spacing: 0.1em;}
			
#box {background-color:#000;position:absolute;top:20px;left:20px;z-index:85;width:30%;
}
#boxlower {background-color:#000;position:absolute;bottom:20px;left:20px;z-index:85;width:30%;}


ul{list-style-type:none;margin:0;padding:0;}
ul li{list-style-type:none;margin:0;padding:0;}
small {line-height:1.2em;font-size:0.8em}


#myContainer {position:absolute;left:33%; width:66%; height:850px; margin:0;padding:0; border:1px; border-style:solid; border-color:#000; background-color:#000;}

#control { position:absolute;left:33%;bottom:8px;z-index:80;width:66%; text-align:center}

.button {
background-color:transparent;
color:#999;
border:hidden;
font-size: 28pt;
}

.button:hover, .button:active {
color:#fff;

}