@charset "UTF-8";
/* CSS Document */



* {
	margin:0;
	}

@-moz-document url-prefix(){
     * {height:100%;
	   }
       }
	   
#wrapper {
	height:100%;
	width:140px;
	float:left;
	position:fixed;
	z-index:3;
	overflow:auto;
	top:0px;
	left:0px;
	}
	
#wrapper2 {
	height:100%;
	width:100%;
	padding:0px 0px 0px 0px;
	float:right;
	position: relative;
	top:0px;
	z-index:1;
	bottom: 5px;
	}

#wrapper3 {
	height:100%;
	width:138px;
	float:left;
	position:fixed;
	z-index:2;
	overflow:auto;
	top:0px;
	left:0px;
	background-color:#FFF;
	}	

#wrapper4 {
	height:100%;
	width:500px;
	padding:0px 0px 0px 0px;
	float:right;
	position: relative;
	top:0px;
	z-index:inherit;
	margin:auto;
	}
	
#contentholder {
	margin:0% 0% 0% 20%;
	}	
	

#device{
	padding:0px 0px 0px 0px;
	bottom:0px;
	height:auto;
    }	
	
	
#box{
	background-color:#FFFF00;
	height:40px;
	width: 125px; 
    position: fixed; 
    bottom: 0px; 
    left: 0px; 
	padding: 10px,10px, 10px, 10px;
	z-index:5;
	}

#box2{
	height:auto;
	width: 125px; 
    position:fixed; 
    top:200px;
    left: 450px; 
	padding: 10px,10px, 10px, 10px;
	z-index:5;
	margin:0% 0% 0% 20%;
	}

#tikkerbox{
	height:40px;
	width: 110px; 
    bottom: 0px; 
    left: 0px; 
	z-index:6;
	margin:0 auto;
	}

	
#music{
	height:30px;
	width: 125px; 
    position:relative; 
	padding: 10px,10px, 10px, 10px;
	z-index:inherit;
	}	
	
#title {
	height:auto;
	width:100px;
	padding: 10px;
	position:fixed;
	z-index:inherit;
	}	

#description {
	right: 10px; 
	padding: 10px,10px, 10px, 10px;
	z-index:5;
	margin:0% 0% 0% 28%;
	height:auto;
	width:300px;
	position:fixed;
	z-index:inherit;
	bottom:10px
	}		
	
.description2 {
	height:40px;
	width:475px;
	margin:10px;
	position:relative;
	z-index:inherit;
	float:left;
	margin:10px;
	clear:left;
	}		
	
.description3 {
	height:auto;
	width:475px;
	margin:10px;
	position:relative;
	z-index:inherit;
	float:left;
	margin:10px;
	clear:left;
	}			

#one {
	width:100%;
	float:left;
	position:relative;
	z-index:inherit;
	}			
	
object {
	height:100%;
	width:100%;
	float:left;
	position:inherit;
	z-index:inherit;
	overflow:inherit;
	}
	
.project {
	height:100px;
	width:100px;	
	float:left;
	margin:15px 15px 5px 15px;
	/*background-color:#00FF00;*/
	position:relative;
	z-index:inherit;
	}	
	
.project2 {
	height:auto;
	width:50px;	
	float:left;
	margin:15px 0px 15px 40px;
	/*background-color:#00FF00;*/
	position:relative;
	z-index:inherit;
	}	
	
.project2 a:hover span.desc{
	display: block;
	position: absolute;
	top: 20px;
	color: #000000;
}

.project2 img:hover{
	position: relative;
	pointer: cursor;
	/* for IE */
	filter:alpha(opacity=50);
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* CSS3 standard */
	opacity:0.3;
	}
	
a:link, a:visited, a:active{
	text-decoration: none;
	}

a:hover{
	border:0px; 
    }
	
div.project2 span.desc{
	display: none;
	}

img {  
	border-style: none;
	}	
	
*{
	outline:none;
	}
	
.werks{
	height:auto;
	width:475px;
	float:left;
	margin:10px;
	position:relative;
	z-index:inherit;
	clear:left;
	}
	
.video{
	height:auto;
	width:700px;
	float:left;
	margin:10px;
	position:relative;
	z-index:inherit;
	}	
	
.news {
	height:auto;
	width:625px;
	/*background: rgba(100, 100, 100, .8);*/
	padding:10px;
	float:left;
	margin-top:10px;
	/*background: rgba(100, 100, 100, 0.5);*/
	}	
	
a.scroller {
	font-weight: bold;
	color: black;
	text-decoration: none;
	}

a.scroller:hover {
	font-weight: bold;
	color: black;
	text-decoration: underline;
	}	
	

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	letter-spacing:+1.5px;
	text-align:left;
	font-style:normal;
	color:#000000;
	}	
	
p1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:7px;
	font-weight:bold;
	letter-spacing:+1.5px;
	text-align:left;
	font-style:normal;
	color:#000000;
	line-height:15px;
	}
	
p2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:+1.5px;
	text-align:left;
	font-style:normal;
	color:#000000;
	border:none;
	line-height:19px;
	background-color:#FFF;
	
	}	
	
p5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:+1.5px;
	text-align:left;
	font-style:normal;
	color:#000000;
	border:none;
	line-height:19px;
	background-color:#FF0;
	
	}		
	
p4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:+1.5px;
	text-align:left;
	font-style:normal;
	color:#FFF;
	border:none;
	line-height:18px;
	background-color:#999;
	}		
	
p3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:+1.5px;
	text-align:left;
	font-style:normal;
	color:#000000;
	border:none;
	}

p3 :link{
	font-size:0px;
	}
	
p3 :active{
	font-size:0px;
	}	
	
p3 :visited{
	font-size:0px;
	}