/*					
							z-index volgorde:
								bg=0
								Decoration/menubg=10-30
								content/header=30-40
								overlay decoration=40-50
								menu=50-60
						*/								

body{
	background-image:url(../../img/header.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	overflow:auto;
	margin:0px;
	padding:0px;
	}

#header a{
	position:absolute;
	background-image:url(../img/krabbel.png);
	width:224px;
	height:190px;
	top:10px;
	right:1%;
	display:block;
	z-index:30;
	}

#overlay{
	background-image:url(../../img/overlay.png);
	background-repeat:no-repeat;	
	position:absolute;
	width:100%;
	height:173px;
	top:190px;
	left:0px;
	display:block;
	z-index:40;
	}	


#content{
	position:relative;
	background-image:url(../../img/ContentBG.gif);
	background-repeat:repeat;
	border-top:solid 3px;
	border-left:solid 1px;
	border-bottom:solid 3px;
	border-right:solid 1px;
	border-color:#F7FF28;
	top:270px;
	left:260px;
	width:70%;
	min-width:706px;
	max-width:95%;
	min-height:600px;
	height:auto;
	overflow:hidden;
	z-index:35;
	padding-bottom:25px;
}


#footer{
	position:absolute;
	background-image:url(../../img/footer.png);
	background-repeat:no-repeat;
	width:90%;
	height:215px;
	left:0px;
	min-width:870px;
	z-index:30;
	margin-left:-10px;
	z-index:32;
	}

#footerBG{
	position:relative;
	background-image:url(../img/footerBG.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:215px;
	min-width:950px;
	top: 180px;
	left:0px;
	margin-right:0px;
	z-index:30;
}	


#footerEnd{
	position:absolute;
	background-image:url(../img/footerEnd.png);
	bottom:9px;
	width:29px;
	height:34px;
	left: 98%;
	z-index:30;
}

#footerTXT{
	font-size:13px;
	color:#000000;
	text-align:center;
	position:absolute;
	bottom:44px;
	left:647px;
	width:100px;
	z-index:50;
}
		
#w3cHolder{
	position:relative;
	left:135px;
	top:10px;
	width:107px;
	height:152px;
	}	
	
#w3cHtml{
	position:relative;
	top:20px;
	left:15px;
	border:0px;
	}	


#w3cCss{
	position:relative;
	top:60px;
	left:15px;
	}	
	
#earphones{
	position:absolute;
	display:block;
	background-image:url(../img/eaphones.png);
	width:168px;
	height:105px;
	left:10px;
	top:65px;
	z-index:10;
	}					
	
	
#menuBG{
	position:absolute;
	background-image:url(../img/menuBG.png);
	width:100%;
	height:500px;
	min-width:950px;
	top:160px;
	left:0px;
	background-repeat:no-repeat;
	z-index:10;
	display:block;
	}
	
#menuBord{
	position:absolute;
	background-image:url(../img/menu/menubord.png);
	height:123px;
	width:246px;
	top:216px;
	left:0px;
	z-index:45;
	}
	
#menuBord a{ 
	position:absolute;
	color:#d1c8c8;
	margin-left:72px;
	bottom:5px;
	}	

#menuBord a:hover{
	color:#F7FF28;
	}
	
a {				/*Firefox*/
	outline:none;
	}
li a:active{ 
	border:none;
	} 	
	
	
#menu{
	position:absolute;
	top:160px;
	left:0px;
	min-width:800px;
	width:100%;
	z-index:50;
	}	
	
#menu ul li{
	list-style:none;
	display:inline-block;
	}

#home a{
	position:absolute;
	left:10%;
	top:-23px;
	background-image:url(../img/menu/home.png);
	width:100px;
	height:80px;
	display:inline-block;

	}
#home a:hover{
	background-position:-100px;
	width:125px;
	}	
	
#bout a{
	position:absolute;
	left:25%;
	top:-20px;
	background-image:url(../img/menu/bout.png);
	width:120px;
	height:92px;
	display:inline-block;
	}
#bout a:hover{
	background-position:-120px;
	width:180px;
	}
	
#work a{
	position:absolute;
	margin-left:40%;	
	top:-16px;
	background-image:url(../img/menu/work.png);
	width:123px;
	height:92px;
	display:inline-block;
	}

#work a:hover{
	background-position:-122px;
	width:153px;
	}	
#date a{
	position:absolute;
	margin-left:60%;	
	top:-20px;
	background-image:url(../img/menu/date.png);
	width:100px;
	height:80px;
	display:inline-block;
	}
#date a:hover{
	background-position:-100px;
	width:125px;
	}