body {
	margin: 0;
	padding: 0;
	background: #ecebeb;
	background-image:url(images/tausta.jpg);
	background-repeat:repeat-x;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
}

#taulu {
	table-layout:

}


h1, h2, H3{
	font-weight: normal;
	color: #000;
	margin:0;


}

h1 {
	font-size: 30px;
	margin-bottom:10px;
	line-height:110%;
}

h2 {
	font-size: 25px;
	margin-bottom: 3px;
	margin-top: 20px;
}

h3 {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.refe {

	margin:15px 0 15px 0;
}



p {

	line-height: 140%;
	margin-bottom:10px;
	margin-top:0px;
}






a, a:visited {
	color: #038e9e ;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
}




.reunaimg {
   border:1px solid #CCC;
}
hr {
	 border:1px dashed #CCC;
	 	margin:20px 0 20px 0;
}





ul 

{
	padding-left:5px;


	
}
li 

{
	margin-left: 25px;
	list-style-position: inherit;
	list-style: square;
	
	
	
}

/* Header */

#header {
	width: 960px;
	height: 340px;
	margin: 0 auto;
	position:relative;
	
	
	
}



/* Logo */

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	height:40px;
	width:250px;
	margin-top:20px;
	left:10px;
	float:right;
	position:relative;
	
	
	z-index:4;
	
}

/* TopImage */

#topimage {
	
	height:334px;
	width:689px;
	top:24px;
	left:0px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFF;

	background-image:url(images/ylakuva_kuplat.jpg)
	
	
}
#topimage_ilme {
	
	height:334px;
	width:689px;
	top:24px;
	left:0px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFF;

	background-image:url(images/ylakuva_ilme.jpg)
	
	
}
#topimage_mainos {
	
	height:334px;
	width:689px;
	top:24px;
	left:0px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFF;

	background-image:url(images/ylakuva_mainos.jpg)
	
	
}

#topimage_kotisivut {
	
	height:334px;
	width:689px;
	top:24px;
	left:0px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFF;

	background-image:url(images/ylakuva_kotisivut.jpg)
	
	
}

#topimage_refe {
	
	height:334px;
	width:689px;
	top:24px;
	left:0px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFF;

	background-image:url(images/ylakuva_refe.jpg)
	
	
}


/* Top Menu */

#topmenu {
	float: right;

}




/* Menu*/

#menu {
	float: right;
	width: 240px;
	height: 200px;
	margin: 40px 0px 5px 0px;
	position: relative;
	z-index:5;
	text-align:right;


}

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

#menu li {
	display: inline;
}

#menu a 
{
	padding: 0px;
	text-decoration: none;
	font-size: 20px;
	color: #CCC;
}

#menu a:hover {
	color: #fff;
	background-color: #0bbcd1;
	padding: 5px;
}

#etusivu #nav-etusivu a, 
#palvelut #nav-palvelut a,
#referenssit #nav-referenssit a,
#yritys #nav-yritys a,
#yhteys #nav-yhteys a 
	

{
	background: #0bbcd1;
	padding: 5px;
	color: #fff;

}

.linkit {
	
	padding-bottom: 10px;
	
}



/* yhteystiedot*/

 #yhteystiedot {
	float: right;
	width: 200px;
	height: 80px;
	position: absolute;
	margin: 10px 5px 0 0px;
	z-index:6;
	right:0px;
	top:350px;

	text-align:right;

}

.yhteystiedot {

	
	font-size:12px;
	color:#999;
}


/* Content */

#content {
	margin: 0 auto;
	width: 960px;
	height:auto;
}

#content_big {
	
	float: left;
	width: 682px;
	height: auto;
	padding-left: 0px;
	position: relative;
	z-index:3;
	
	
}


/* sisältöosa */



#content_sis{
	
	width: 648px;
	height:auto;
	top:30px;
	left:0px;
	padding: 20px;
	z-index:2;
	position: absolute;
	background-color:#FFF;
		border: #CCC solid;
	border-width: thin;




}

/* oikea palkki */



#oikeapalkki{

	float: right;
	width: 250px;
	height: auto;
	margin: 30px 0px 0 0px;
	position: relative;
	z-index:10;
	text-align:right;

}

#palvelut_txt{

	float: right;
	width: 250px;
	height: 224px;
	margin: 0px 0px 0 0px;
	padding: 0 0 10px 0;
	text-align:center;
	background:url(images/palvelut2.png) no-repeat;
	font-size:18px;
	
	


}

.palvelut_1
{

	
	margin: 100px 10px 0px 10px;
	

}
.palvelut 
{

	margin:0px 10px 0px 10px;
	

}


#otayhteytta{

	float: right;
	width: 250px;
	height: 250px;
	margin: 0px 0px 0 0px;
	padding-top: 0px;
	text-align:center;
	background:url(images/otayhteytta2.png) no-repeat;
	

}

/* tarjous 



#tarjous{
	float: right;
	width: 200px;
	height: 80px;
	position: relativee;
	margin: 10px 0px 0 0px;
	z-index:15;
	right:0px;
	top:400px;

	text-align:right;

}*/



/*#co_a{
	background-image:url(images/sis_ala.png);
	width:443px;
	height:31px;
	z-index:300;
	style="position:absolute;
}*/

/*--------------------*/


#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
	background: url(images/img08.gif) no-repeat 0 4px;
	font-family:Geneva, Arial, Helvetica, sans-serif;

}


/* Content Palvelut */
#content_1 {
	float: left;
	width: 190px;
	height:150px;
	padding:5px 10px 25px 0px;
	border-right:thin #CCC solid;
}

#content_2 {
		float: left;
	width: 190px;
		height:150px;
	padding:5px 10px 25px 10px;
	border-right:thin #CCC solid;
}

#content_3 {
		float: left;
	width: 190px;
		height:150px;
	padding:5px 10px 25px 10px;
}

#content_4 {
		float: left;
	width: 200px;
	padding-left: 10px;
	padding-bottom:25px;
	padding-top:25px;
}



/* Alalinkit Palvelut */
#link_1, #link_2, #link_3, #link_4 {
	float:left;
	width: auto;

	margin:0px 5px 10px 0px;
	padding: 5px;
	height: auto;
	
	text-decoration:none;
	
}

#link_1{
	
	margin-left:0px;
	
}

.alalinkit 
{
	color:#038e9e;
	margin:0px;

	
	font-size:14px;
	
}

.alalinkit a
{
	color:#FFF;
	text-decoration:none;
	
	
}

.alalinkit a:hover
{
	color:#FFF;
	
	
}

.painikkeet {
	float:left;
	width: 185px;
	padding-left: 10px;
	margin-left:0px;
	padding-top:3px;
	padding-bottom:0px;
	background-image:url(images/painike_blanco.jpg);
	height:30px;
	color:#FFF;
	font-size:16px;
	
}


/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
		padding-top: 20px;
	padding-bottom: 30px;
}


#sidebar p {
	padding-top: 5px;

}
#sidebarref {
	float: right;
	width: 350px;
		padding-top: 80px;
	padding-bottom: 30px;
	margin-left:10px;
}



#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none;
}



/* Footer */


#footer {
	width: 100%;
	background-color: #e6007e;
	height:10px;
	margin: 0 auto;
	padding-left:0px;
	border: solid #000000 0px;
}

#footer-alasivu {
	width: 100%;
	height:200px;
	margin: 0 auto;
	padding-left:0px;
	background-color:#000;
}


#footer-alasivu p {
	margin: 0;
	color: #999;

}

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

 #painikkeet {
	 float:left;
	height: 80px;
	width:200px;
	padding: 60px 0 0 30px;
}

 #alalogo {
	 float:right;
	 background-image:url(images/alalogo.png);
	 background-repeat:no-repeat;
	height: 51px;
	width:106px;
	margin-top:50px;
}



#footer p {
	line-height: normal;
		color: #ffffff;
		font-size:12px;

}

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


#links {
	float: left;
	padding-top:15px;
}

#ota_yhteytta{
	
	float: right;
	 width: 98px;
	 height: 59px;

}
#alatiedot{
	
	float: left;
	 width: 300px;
	 height: 50px;
	 padding-top:9px;
	 color: #666;
	 font-size:10px;

}

#yhteystiedot2 {
	top:460px;
	position:absolute;
	width:250px;
	left:520px;
	float: left;
	text-align:center;
}