/* CSS Document */
html {
height: 100%;
}
body {
	background-color: #1e1e1e;
	background-image:  url(videpe_01.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 100%;
	}
	
#container {

  min-height:100%;
  width: 730px;
  position: relative;
  margin: 0 auto;
  background-image: url(images/background.jpg);
  left:50%;
  margin-left:-365px;

}

* html #container
	{
		height: 100%;
	}

#footer {

	width:730px;
	height:28px;
	position:absolute;
	background-image: url(images/footer.jpg);
	bottom: 0 !important;
}

#clear {
	clear:both;
}
#header {
	background-image: url(images/head.jpg);
	background-repeat: no-repeat;
	height: 87px;
	width: 760px;
	clear: both;

}
#top {
	background-image: url(images/videpe_04.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 730px;
	clear: both;
}
#leftcolumn {
	height: auto;
	width: 495px;
	float: left;
	padding-bottom: 28px;
	padding-left: 15px;
	}
* html #leftcolumn {
	width: 510px;
}

#rightcolumn {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 220px;
	bottom: 28px;
	clear: right;
}

#video {
	background-image: url(images/menu_01.jpg);
	height: 57px;
	width: 219px;
	float: left;
	clear: left;
}
#screen {
	background-image: url(images/menu_02.jpg);
	float: left;
	height: 52px;
	width: 219px;
	clear: left;
}
#multimedia {
	background-image: url(images/menu_03.jpg);
	clear: left;
	float: left;
	height: 54px;
	width: 219px;
}
#kalusto {
	background-image: url(images/menu_04.jpg);
	clear: left;
	float: left;
	height: 54px;
	width: 219px;
}
#video:hover {
	background-image: url(images/hover_01.jpg);
	height: 57px;
	width: 219px;
	float: left;
	clear: left;
}
#screen:hover {
	background-image: url(images/hover_02.jpg);
	float: left;
	height: 52px;
	width: 219px;
	clear: left;
}
#multimedia:hover {
	background-image: url(images/hover_03.jpg);
	clear: left;
	float: left;
	height: 54px;
	width: 219px;
}
#kalusto:hover {
	background-image: url(images/hover_04.jpg);
	clear: left;
	float: left;
	height: 54px;
	width: 219px;
}
.leipa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	padding-right: 10px;
}
.yhteystiedot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	padding-right: 10px;
	font-weight: bold;
	}
	
.kuva {
	clear: right;
	float: right;
	padding-right: 20px;
}
.korostus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	padding-right: 10px;
}
