html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	
	color: #CCCCCC;
	background: #000;
	
	font-size: 12px;
	
	font-family: Tahoma, Geneva, sans-serif;
}


h1{ 
	color: #FFFFFF;
	font-size: 30px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	font-weight: 100;
}


h2{ 
	color: #FFFFFF;
	font-size: 22px;
	line-height: 30px;
	margin: 0;
	padding: 33px 0 0 0;
	font-weight: 100;
	
	width: 580px;
	
}


h3{ 
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 38px 0 0 0;
	font-weight: 100;
	
	width: 185px;
	
}

h4{ 
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-weight: 100;	
}

h5{ 
	color: #000000;
	font-size: 13px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	font-weight: 100;	
}

#menu
{
	position: absolute; top: 57px; left: 430px; height: 16px; width: 340px; display: block;
}

#menu ul
{
	margin: 0; padding: 0; list-style: none; height: 16px;
}

#menu ul li
{
	margin: 0; padding: 0; float: left; height: 16px; line-height: 12px;
}

#menu ul li a span
{
	display: none;
}

#menu ul li a
{
	outline-style: none;
	float: left; height: 16px; text-decoration: none;
}


#menu ul li a.menu-esittely
{
	background: url(../gfx/menu/esittely.gif) 0 0 no-repeat;
	width: 44px;
	height: 13px;
	margin: 2px 0 0 0;
}
 
#menu ul li a.menu-asiakkaitamme
{
	background: url(../gfx/menu/asiakkaitamme.gif) 0 0 no-repeat;
	width: 94px;
	height: 13px;
	margin: 2px 0 0 23px;

}
 
#menu ul li a.menu-yhteystiedot
{
	background: url(../gfx/menu/yhteystiedot.gif) 0 0 no-repeat;
	width: 78px;
	height: 13px;
	margin: 2px 0 0 23px;
}

#menu ul li a:hover.menu-esittely, #menu ul li a.actMenu,
#menu ul li a:hover.menu-asiakkaitamme,
#menu ul li a:hover.menu-yhteystiedot
{
	background-position: 0px -13px;
}

#menu ul li a.menu-facebook
{
	background: url(../gfx/menu/fb.gif) 0 0 no-repeat;	
	width: 16px;
	margin: 0 0 0 23px;
}

#menu ul li a.menu-rss
{
	background: url(../gfx/menu/rss.gif) 0 0 no-repeat;
	width: 16px;
	margin: 0 0 0 5px;
}

a#tutustu, a#tutustu-a{ 
	outline-style: none;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
	
	padding: 3px 20px 0 0px;
	margin: 0; 
	
	display: block;
	
	height: 26px;

	background: url(../gfx/linkArrow.gif) 100% 0 no-repeat;
	
}

a:hover#tutustu, a:hover#tutustu-a{ 

	background: url(../gfx/linkArrow.gif) 100% -28px no-repeat;
	
}


#doc {
	height: auto;
	min-height: 100%;
/*	overflow: hidden;*/
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
}

#page {
	padding: 20px 0 30px 100px;
	margin: 0;
	z-index: 1;
	width: 740px;
}





#doc #bg {
	height: 100%;
	width: 100%;
	left: 0;
	overflow: hidden;
	position: fixed!important;
	position: absolute;
	top: 0;
	z-index: -2;
}

#header{ height: 60px; width: 600px;}
#content{ padding-top: 83px;}



#palvelumme { display:none; position: relative; clear:both; padding: 41px 0 6px 0; border-bottom: 1px solid #363636; width: 530px;}

#palvelumme h3{ padding: 0; margin: 0;}

#palvelumme a{ background: url(../gfx/close-X.gif) 0 0 no-repeat; display: block; padding: 0; margin: 0; width: 11px; height: 11px; position: absolute; right: 1px; top: 47px; outline-style: none;}
#palvelumme a span{ display: none;}
#palvelumme a:hover{ background: url(../gfx/close-X.gif) 0px -11px no-repeat; }



#palvelut { display:none; clear:both; padding: 0; }

#palvelut ul{ clear: both; margin: 0; padding: 0; line-height: 20px; list-style: none; width: 530px; padding-top: 18px;}

#palvelut ul li{ font-size: 11px; width: 235px; float: left; background: url(../gfx/ulArrow.gif) 0 8px no-repeat; padding: 0 0 0 17px; margin-left: 13px!important;margin-left: 6px;}

.clear{ clear: both; display: block; line-height: 1px; height: 1px; width: 530px; }

#news{ display: block; background: url(../gfx/news.png) 0 0 no-repeat; clear: both; margin: 50px 0 0 0; padding: 0; width: 725px; height: 165px; position: relative;}


#eero{ float: right;}

#news-text{width: 500px; padding: 12px 10px 20px 20px;}

#news h4{ padding: 0 0 9px 0;}
#news h5{ padding: 8px 0 4px 0;}
p{ color: #cccccc; font-size: 11px; line-height: 20px; margin:0; padding:6px 0;}
#news p{ color: #000000; line-height: 18px;}

#clients p{ width: 520px;}
#clients h2{ width: 550px; margin-bottom: 30px;}

#clients-h3 { position: relative; clear:both; padding: 41px 0 6px 0; border-bottom: 1px solid #363636; width: 530px;}
#clients-h3 h3{ padding: 0; margin: 0; width: 530px;}

#clients-ul { clear:both; padding: 0; }
#clients-ul ul{ clear: both; margin: 0; padding: 0; line-height: 20px; list-style: none; width: 530px; padding-top: 18px;}
#clients-ul ul li{ font-size: 11px; width: 105px; float: left; height: 69px; padding: 4px  13px 0 13px; margin: 0 1px 1px 0; background: #000;}
#clients-ul ul li a{ border: 0; text-decoration: none; outline-style: none;}
#clients-ul ul li a img{ border: 0; }


#news-letter {	width: 530px; margin: 45px 0; height: 30px;}
#news-letter-ok { display: none; width: 550px; margin: 45px 0; height: 30px;}
#news-letter span{ color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	width: 270px;
	margin: 0;
	padding: 0;
	float: left;

}
#news-letter-ok span{ color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	width: 550px;
	margin: 0;
	padding: 0;
	float: left;

}
 

#news-letter form { 
	margin: 0;
	padding: 0;
}

#news-letter form input.mail{ 
	margin: 0;
	padding: 3px 2px 5px 2px;
	width: 188px;
	float: left;
	background: 0;
	border: none;
	border-bottom: 1px solid #666;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style:italic;
}

#news-letter form input.btn{ 
	width: 54px;
	height: 26px;
	background: 0;
	border: none;
	float: right;
	background: url(../gfx/tilaauutiskirje.png) 0 0 no-repeat;
}

#footer{ display: block; clear: both; margin: 0; padding: 0; width: 725px; height: 60px; position: relative; margin-top: 80px;  color: #999; font-size: 11px; line-height: 16px; }

#footer .bold{ color: #eeeeee; font-size: 14px; font-size: bold;}
#footer .title{ color: #666; font-size: 10px; vertical-align: text-top;}


#footer1{ float: left; height: 60px; width: 127px;}

#footer .separate{ float: left; height: 44px; margin: 5px 0 11px 0; border-right: 1px solid #333333; width:1px;}
#footer .separate span{ display: none;}

#footer a{ text-decoration: none; color: #999;}

#footer2{ float: left; height: 60px; width: 150px; padding: 0 0 0 32px;}
#footer3{ float: left; height: 60px; width: 250px;}

.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3 {
	visibility: hidden !important;
}