html, body	{ height:100%; }
img{ border: 0 }
body {			
	margin:0;
	padding:0;
	overflow:hidden;
	background: #000 url(../images/bg-joutsen.jpg) 50% -100px no-repeat;
	color:#666;
	font-family:sans-serif;
	font-size: 0.8em;		
}
a {	
	color:#cae673;	
	text-decoration: none;
}	

.rightlower a{
	padding: 10px 20px;
	margin: 66px 20px 10px 10px;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: #000;
	background-image: linear-gradient(bottom, rgb(0,0,0) 22%, rgb(41,41,41) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(41,41,41) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(41,41,41) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(41,41,41) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(41,41,41) 100%);	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.22, rgb(0,0,0)),
		color-stop(1, rgb(41,41,41))
	);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #292929;
}

.rightbelow{
	width: 550px;
	padding: 3px 0;
	margin: 16px 100px 10px 10px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rightbelow a, .mdk{
	float: right;	
}		
a.flickr{	
	margin: 0 10px 0 0;
	display: block;
	width: 49px;
	height: 17px;
	background: #000 url(../images/ic-flickr-off.gif) 100% 0 no-repeat;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}			
a:hover.flickr{
	background: #000 url(../images/ic-flickr-on.gif) 100% 0 no-repeat;
}	

a.facebook{	
	margin: 0 10px 0 0;
	display: block;
	width: 45px;
	height: 17px;
	background: #000 url(../images/ic-facebook-off.gif) 100% 0 no-repeat;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}			
a:hover.facebook{
	background: #000 url(../images/ic-facebook-on.gif) 100% 0 no-repeat;
}	

a.contactme{	
	height: 13px;
	padding: 4px 10px 0 24px;
	margin: 0 10px 0 0;
	font-size: 0.9em;
	color: #919d83;
	background: #3f4832 url(../images/ic-contactme-off.gif) 6px 50% no-repeat;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
/*\*/  
html>body*a.contactme {  
   padding: 2px 10px 2px 24px; 
}  
/**/ 
a:hover.contactme{
	color: #fff;
	background: #3f4832 url(../images/ic-contactme-on.gif) 6px 50% no-repeat;
}	

.mdk{
	margin: 0 10px 0 0;
	font-size: 0.7em;
	color: #333;
	padding: 5px 0 0;
}

.mdk a{
	color: #333;
	float: none;
}