body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	background-image:url(images/bg.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}


/* SLIDER */

#slider_container {
	width: 100%; 
	background: #fff; 
	height: 300px;
	}

	ul.slider { 
		list-style: none; 
		margin: 0; 
		padding: 0; 
		height: 260px; 
		width: 100%; 
		display: block; 
		position: relative; 
		overflow: hidden; 
		}

		ul.slider li { 
			display:block; 
			padding:0; 
			margin:0; 
			height:260px; 
			width:100%; 
			position:relative; 
			overflow:hidden; 
			background: #000; 
			color: #000; 
			}

	ul.controls { 
		position: relative; 
		display: block; 
		bottom: -10px; 
		background: url(images/bg_slider_controls.png) repeat-x; 
		height: 30px; 
		width: 100%; 
		margin: 0; 
		padding: 0; 
		list-style-type:none; 
		}

		ul.controls li { 
			display: block; 
			float: left; 
			text-indent: 0; 
			width: 220px;
			list-style-type:none; 
			padding: 0; 
			margin: 0;
			height: 30px;
			
			}
			ul.controls li.active a{
				background-position: 0 0px !important;				
				}
			ul.controls li a {
				padding: 0 20px 0 20px;
				display: block;
				height: 30px;
				line-height: 30px;
				background: url(images/bg_slider_control.png) repeat-x 0 -30px;
				font-size: 12px;
				text-transform: uppercase;
				text-decoration: none;
				font-weight: bold;
				color: #000;
				}

	.slide_bg {
		width: 980px;
		height: 260px;
		background-repeat: no-repeat;
		overflow: hidden;		
		}
		.slide_1 { background-image: url(images/slider/hand_held_devices.jpg); }
		.slide_2 { background-image: url(images/slider/pattern_generators.jpg); }
		.slide_3 { background-image: url(images/slider/solid_state_lighting.jpg); }

	.slide_txt {
		width: 35%;
		height: auto;
		margin: 20px 0 20px 0;
		padding: 20px;
		}
		.txtbg1 { background: #000; color: #fff; }
		.txtbg2 { background: #000; color: #fff; }
		.txtbg3 { background: #000; color: #fff; }

		.display_bold { font-size: 12px; font-weight: bold; }

/* NOSTOT */

.nosto_container{
	width: 100%;
}
	.nosto{
		float: left;
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		color: #000;
		margin: 0 10px 0 0;
		background: url(images/bg_slider_controls.png) repeat-x; 
		border: 1px solid #b0b0b0;
	}


	.nosto_33{
		width: 30%;
		height: 100px;

	}
		a.nosto_header{ 
		height: 30px;
		/* background: url(images/bg_header_nuoli.png) repeat-x right 30px; */
		display: block;
		line-height: 30px;
		overflow: hidden;
		text-align: left;
		color: #fff;
		padding: 0 0 0 10px;
		text-decoration: none;
	}
		 a:hover.nosto_header{
			/* background-position: right -30px;*/
			color: #000;
		} 
	span.nosto_content{
		font-size: 12px !important;
		font-weight: normal !important;
		text-transform: none !important;
		padding: 10px 10px 20px 10px;
		display: block;
		line-height: 1.5;
		color: #fff;
	}

.gray a{
	color:#74747a !important;
}

input.txt, textarea{
	font-family:arial, sans-serif;
	font-size:12px;
	color:#57575a;
	background-image:url(images/bg_input.gif);
	background-repeat:repeat-x;
	border:2px solid #343f53;
}

table.perustaulu td{
	font-family:arial, sans-serif;
	color:#fff;
	font-size:11px;
	padding:4px 7px 4px 7px;
	border:1px solid #fff;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
}

table.perustaulu td.blank{
	border:1px solid #9f9f9f;
	background-color:#9f9f9f;
}

table.perustaulu td.head{
	border:1px solid #343f53;
	background-color:#343f53;
}

.blue{ background-color:#40c8f4 !important; border:0 !important; }


div.bullet{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
	margin:0px 10px 0px 10px;
	background-image:url(images/sprite_bullet.gif);
}

p, ul{
	font-family:arial, sans-serif;
	font-size:11px;
	color:#f3f3f3;
	line-height:170%;
	margin:0px 0px 25px 0px;
}

ul { margin-top: -10px;}




p a{
	font-weight:bold;
	color:#fff;
}

p a:hover{
	text-decoration:none;
	color:#ccc;
}

ul li{
	margin:0px 0px 0px 0px;
}

h1{
	background-repeat:no-repeat;
	height:35px;
	font-size:1px;
	line-height:200px;
	overflow:hidden;
	margin:0px 0px 5px 0px;
}

h2{
	color:#fff;
	font-family:arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 20px 0px;
}

h2 span{
	display:block;
	text-transform:none;
	font-weight:normal;
	color:#c2dde6;
}

h3{
	color:#fff;
	font-family:arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}

h3 span{
	font-weight:normal;
	font-size:11px;
}

div.banner{
	height:233px;
	overflow:hidden;
	padding:0px 0px 0px 670px;
}

div.news{
	margin:0px 0px 0px 30px;
}

div.news h2{
	font-family:arial, sans-serif;
	font-size:12px;
	margin:0px 0px 0px 0px;
	color:#fff;
}

div.news a{
	font-family:arial, sans-serif;
	font-size:11px;
	color:#c2dde6;
	line-height:150%;
	text-decoration:none;
	font-weight:normal !important;
}

div.news p{
	margin:0px 0px 10px 0px !important;
}

div.news a:hover{
	text-decoration:underline;
}

table.main{
	width:970px;
}

div.padds{
	margin:0px 9px 0px 9px;
}

div.padds2{
	padding:20px 25px 15px 20px;
}

div.menu{
	margin:0px 8px 0px 8px;
	height:40px;
	overflow:hidden;
	background-image:url(images/bg_menu.gif);
	background-repeat:repeat-x;
}

div.menu a, div.menu a.lock{
	display:block;
	float:left;
	padding:0px 20px 0px 20px;
	height:40px;
	line-height:40px;
	font-family:arial, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

div.menu a.lock{
	background-color:#c2dde6;
	color:#5d5d5d;
}

div.menu a:hover.lock{
	color:#fff;
}

div.menu a:hover{
	color:#c2dde6;
}

div.alimenu{
	margin:0px 8px 0px 8px;
	height:30px;
	overflow:hidden;
	background-color:#c2dde6;
}

div.alimenu a, div.alimenu a.lock{
	display:block;
	float:left;
	padding:0px 20px 0px 20px;
	height:30px;
	line-height:30px;
	font-family:arial, sans-serif;
	font-size:13px;
	color:#444;
	text-decoration:none;
}

div.alimenu a.lock{
	font-weight:bold;
	letter-spacing: 1px;
}

div.alimenu a:hover{
	color:#959595;
}

table.hlot{
	width:100%;
}

table.hlot td{
	padding-bottom:10px !important;
}

td.hloKuva{
	padding:0px 20px 0px 0px;
	height:300px !important;
}

td{
	vertical-align:top;
}

td.header{
	height:176px;
	background-image:url(images/bg_header.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

td.main{
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-y;
}

td.footer{
	height:30px;
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-y;
}


/* other elements */
hr {
	border-width:0;
	height:1px;
	border-top:1px solid #c2dde6;
}