body, html {

	margin: 0;
	padding: 0;
}

BODY      {
	BACKGROUND-COLOR: #1d77ae;
	BACKGROUND-IMAGE: url(pics/tausta.jpg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	scrollbar-face-color: #6699FF; 
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF
;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #6699FF
}

A visited {	COLOR: #6a8a9e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A         {	COLOR: #6a8a9e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A:active  {	COLOR: #6a8a9e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}

A:hover   {	COLOR: #6a8a9e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}

B         {	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

P         {
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LINE-HEIGHT: 12px;
	TEXT-DECORATION: none;
	font-size: 10px;
}

OL        {	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; }

UL        {	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; }

LI          { padding-bottom: 11px;  }

radio     {	COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; LINE-HEIGHT: 15px; TEXT-DECORATION: none}

td          { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; text-align:left;  }

.text     {	BACKGROUND-COLOR: #f7f7f7; BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 0px solid; BORDER-TOP: #d8d8d8 0px solid; COLOR: #666666; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px}

IMG.absmiddle {
	vertical-align: middle;
	margin-bottom: .25em;
}

#ulko {

	width: 743px;
}

.banneri {

	background-image: url(pics/cap_1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%px;
	height: 170px;
}

.sisalto {

	background-image: url(pics/etusivu_tausta.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #ffffff;
	width: 100%px;
	height: 300px;
}

.teksti {

	width:513px;
	padding: 0px 50px 40px 50px;
}

#menu {
	background-image: url(pics/etusivu_ylaoikea.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 230px;
	padding-top: 20px; 	
	
}

#menu img {

	padding-right: 8px;
}

#menu div {

	background: #f7f7f7 ;
	background-image:  url(pics/menu_tausta.jpg);
	background-repeat: repeat-x;
	margin: 4px 20px 4px 20px;
	padding: 1px 5px 1px 10px;
	border: #bcbcbc dotted 1px;
	width: 160px;
	-moz-border-radius: 5px;
	
}

.linkki {

	background: #e5eff4 ;
	padding: 2px 5px 1px 10px;
	border: #bcbcbc dotted 1px;
	background-position: right center;
	background-repeat: no-repeat;
	-moz-border-radius: 5px;

}

.tuotteet {
	
	float: left;
	width: 219px;
	height: 223px;
	background: url(pics/etusivu_tuotteet.jpg) no-repeat;
	
	
}

.tuotteet a {

	font-size: 13px;
	
}

.tuotteet img {

	padding: 0px 6px 0px 6px;
	
}

.tuotteet p {

	margin-top: 55px;
}

.tuotteet ul {

	padding: 5px 10px 5px 25px; 
}

.palvelut {

	float: left;
	width: 196px;
	height: 223px;
	background: url(pics/etusivu_palvelut.jpg) no-repeat;
}

.palvelut p {

	font-size: 13px;
	padding: 51px 5px 10px 40px;
}

.palvelut ul {

	padding: 5px 10px 5px 25px; 
}

.palvelut a :hover{

	text-decoration: underline;
}

.footer {

	background-image: url(pics/etusivu_footer.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 743px;
	height: 238px;
}

.haivyta {

	color: #afafaf;
}