@charset "utf-8";
/* CSS Document */

/* BASIC BLOCKS */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-color: #3c3c3f;
	font-size: 14px;
}

img{
	border:0px;
	}
	
img.tag{
	bottom: 0;
	right: 0;
	position: absolute;
	}

body, html {
	background-image: url("images/bg_stripe.jpg");
	background-repeat: repeat-x;
	background-position:top;
	margin: 0 auto;
	background-color: #e5ecf1;
}

div#wrapper {
	width: 960px;
	display: table;
	margin-left:auto;
	margin-right:auto;
}

div#logo{
	float:left;
	margin: 35px 0px 0px 20px; 
	clear: right;
}

div#header{
	width: 960px;
	height: 198px;
	margin: 100px 0px 0px 0px;
	position:relative;
	clear: right;
}

div#content{
	width: 651px;
	height: 361px;
	margin: 0px 0px 0px 0px;
	background:url(images/index_content_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	float: left;
}

div#inner_content{
	width: 960px;
	height: 361px;
	margin: 0px 0px 0px 0px;
	background:url(images/inner_content_bg.jpg);
	background-repeat: no-repeat;
	position:relative;
	float: left;
}

div#inner_content_map{
	width: 960px;
	height: 532px;
	margin: 0px 0px 0px 0px;
	background:url(images/map_bg.jpg);
	background-repeat: no-repeat;
	position:relative;
	float: left;
}

div#left_column{
	width: 400px;
	height: 361px;
	margin: 20px 0px 0px 50px;
	position:relative;
	float: left;
}

div#right_column{
	width: 400px;
	height: 361px;
	margin: 20px 0px 0px 30px;
	position:relative;
	float: left;
}

div#left_column_lomake{
	width: 400px;
	height: 361px;
	margin: 5px 0px 0px 50px;
	position:relative;
	float: left;
}

div#right_column_lomake{
	width: 400px;
	height: 361px;
	margin: 5px 0px 0px 30px;
	position:relative;
	float: left;
}


div#right{
	width: 309px;
	height: 361px;
	margin: 0px 0px 0px 0px;
	position:relative;
	float: left;
	clear: right;
}

div#footer{
	width: 960px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	position:relative;
	float: left;
	clear: both;
	text-align:center;
}

div#menu{
	height:76px;
	width: 795px;
	background-image:url(images/menubg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
	margin: 23px 0px 0px 0px; 
	float: left;
}

	#menu img { border: none; }
	#menu li { display: inline; list-style:none; line-height:30px;}
	#menu li a { float: left; display:block; height: px; }
	#menu li a img { float: left;  vertical-align:top/* for IE6 */}
	#menu li a:hover { visibility:visible; /* for IE6 */ }
	#menu li a:hover img { visibility:visible; /* for IE6 */ }
	#menu li a:hover img/**/ { visibility: hidden; /* hide from IE5.0/win */}

	#menu ul ul a{ visibility:hidden;}
	#menu ul li:hover a{ visibility: visible;}

	#etusivu { background:url(images/navi_01b.jpg) no-repeat left bottom;}
	#yritys { background:url(images/navi_02b.jpg) no-repeat left bottom;}
	#palvelut { background:url(images/navi_03b.jpg) no-repeat left bottom;}
	#yhteystiedot { background:url(images/navi_04b.jpg) no-repeat left bottom;}

	#yritys_sub1 { background:url(images/navi_02_01b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 18px; position:absolute;}
	#yritys_sub2 { background:url(images/navi_02_02b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 110px; position:absolute;}
	#yritys_sub3 { background:url(images/navi_02_03b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 110px; position:absolute;}

	#palvelut_sub1 { background:url(images/navi_03_01b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 13px; position:absolute;}
	#palvelut_sub2 { background:url(images/navi_03_02b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 170px; position:absolute;}
	#palvelut_sub3 { background:url(images/navi_03_03b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 340px; position:absolute;}
	
	#yhteystiedot_sub2 { background:url(images/navi_04_01b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 10px; position:absolute;}
	#yhteystiedot_sub4 { background:url(images/navi_04_04b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 130px; position:absolute;}
	#yhteystiedot_sub5 { background:url(images/navi_04_05b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 225px; position:absolute;}
	#yhteystiedot_sub6 { background:url(images/navi_04_06b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 325px; position:absolute;}
	#yhteystiedot_sub7 { background:url(images/navi_04_07b.jpg) no-repeat left bottom; left:0; margin: 40px 0px 0px 475px; position:absolute;}
	
p.headline{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 24px;
	font-weight:700;
	padding: 50px 40px 30px 50px;
}

p.content{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #3c3c3f;
	font-size: 14px;
	margin: 0 24px 0 40px;
	padding:0 16px 0 26px;
	background:#fff;
}
p.bold{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #017ac1;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	font-weight: 800;
}

p.basic{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #3c3c3f;
	font-size: 14px;
}

p.center{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-color: #3c3c3f;
	font-size: 14px;
}
p.centersmall{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-color: #3c3c3f;
	font-size: 11px;
}


input.vali{	
	margin-top:0px;
	}

input.custom{
	border-color: #8b7863;
	border: 1px;
	border-style:solid;
	background-color:#e5ebf0;
	font-size: 10px;
	font-face: Verdana;
	margin-left: 50px;
	margin-bottom: 5px;
	}

input.btn { 
	  color:#452b0f;
	  font: 80% 'Arial'; 
	  padding: 4px;
	  background-color:#d8cdac; 
	  border: 1px solid; 
	  border-color: #0079c1 #0079c1 #0079c1 #0079c1;
}
ul.content{
	padding: 10px 0px 0px 15px;
}

li.lista{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	list-style:square;
	color:#017ac1;
}
.n_vid {
	-khtml-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	background:rgba(255,255,255,0.7);
	padding:15px 45px 15px 105px;
	width:496px;
}
.clear { clear:both; }