/* ------ LAYOUT ------ */
body{ background-image:url(images/puutausta.jpg); background-repeat:repeat; background-color:#FFFFFF; font-family: verdana, sans-serif; font-size: 80%; color:#000; margin-top:0px;}
div#wrapper {margin-left:auto; margin-right:auto; text-align:center;}
div#container{background: #fff;width:990px; margin-left:auto; margin-right:auto; text-align:center; border-bottom: 1px; border-left: 1px; border-right:1px; border-top: 0px; border-style: solid; border-color: #CCCCCC;}
div#top_header{margin-left:auto; margin-right:auto;position: relative; height:34px;width:980px; background-color:#000; background:url(images/top-header.png) top no-repeat #CCCCCC;}
div#header {position: relative; height: 87px; width: 980px; background: url(images/header.jpg) top no-repeat #575757;margin-left:auto; margin-right:auto;}
div#sisalto{position: relative; background-image:url(images/blueprint.png);width:980px; background-repeat:repeat-y; background-color:#FFFFFF;margin-left:auto; margin-right:auto; text-align:center; padding-bottom:10px;}
div#blueprintloppuu {position: relative;background-image:url(images/blueprint-loppu.png); height:37px; background-repeat:no-repeat; width:980px;background-color:#FFFFFF; margin-left:auto; margin-right:auto; border-bottom:3px solid white;}
div#linkit{height:26px; margin-top:8px; margin-left:23px;}
div #navi {position:relative; float:left; width:600px;}
div#navi img {margin-left:23px; margin-top:8px;}
div#copyright {margin-left:auto; margin-right:auto;}

/*--------- SISALTOSIVUT */

div#asiakkaitamme{background: #fff; width:920px; height:300px;margin-left:auto; margin-right:auto; margin-top:-4px;}
div#asiakasvarjo{position: relative;background-image:url(images/asiakasvarjo.png); background-repeat:no-repeat; background-color:#fff; width:920px; height:21px;margin-left:auto; margin-right:auto;border-left:1px solid  #000; border-right:1px solid #000;}
div#etusivu{background: #fff; width:920px; color:#000000; text-align:left; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; margin-left:auto; margin-right:auto;}
div#etusivu h1{font-size:140%; color:#000099;}
div#tervetuloa{float:left; width:600px;padding-left:10px;background: url(/images/tausta.jpg);margin-top:-20px;}
.paperi {background:url(/images/paperi.jpg) no-repeat;width:275px;height:191px; margin-top:10px; margin-left:10px;}
.kuvaotsikko {margin-top:0px; margin-bottom:0px;}

div#palvelut{background: #fff; width:920px; height:780px;margin-left:auto; margin-right:auto; border:1px solid black; margin-top:5px;}
div#portfolio{background: #fff; width:920px; height:2280px;margin-left:auto; margin-right:auto; border:1px solid black; margin-top:5px;}
div#yhteystiedot{background: #fff; width:920px; height:180px;margin-left:auto; margin-right:auto; border:1px solid black; margin-top:5px;}
.palvelut{background: #fff; width:900px; color:#000000; text-align:left; margin-top:5px;  margin-left:10px; margin-right:5px;}
.lomake {}
.lomake:focus {background-color: #E6F9FF;}
.portfolio{margin-top:0px;}

/* liuq */
#liuq_container {
    position:relative;
	margin-left:-1px;
	display:block;
	overflow:visible;
	height: 300px;
	width: 920px;
	border:1px solid black;
	
}
#liuqu {
	list-style: none; padding: 0; margin: 0;
}
 
#liuqu .liuq {
	width:100%;
	float: left;
	display: block;
	height: 300px;
	position:relative;
	padding:0px; 
	margin:0px;
}

.liuq img {border:none; padding:0px; margin:0px;}
 
#liuq_a { background: url(images/kuva1.jpg) top left no-repeat; width: 96px; }
#liuq_b { background: url(images/kuva2.jpg) top left no-repeat; width: 96px; }
#liuq_c { background: url(images/kuva3.jpg) top left no-repeat; width: 96px; }
#liuq_d { background: url(images/kuva4.jpg) top left no-repeat; width: 96px; }
#liuq_e { background: url(images/kuva5.jpg) top left no-repeat; width: 96px; }
#liuq_f { background: url(images/kuva6.jpg) top left no-repeat; width: 96px; }
#liuq_g { background: url(images/kuva7.jpg) top left no-repeat; width: 340px; }

.liuq_varjo {
	position: absolute; top:0px; right:0px; width: 15px; height: 303px; padding: 0px; margin: 0px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */    
/*	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/shadow.png'); */
}

/* IE ignores styles with [attributes], so it will skip the following. */
.liuq_varjo[class] { 
	background: url(images/shadow.png) repeat-y top left; 
}

.liuq_link {
	/*position: absolute; bottom:0px; right:0px; width: 36px; height: 36px; padding: 0px; margin: 0px;*/
}

.liuq a {
	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 1px; overflow: hidden; text-indent: -5000px; font-size: 1%; height: 303px; margin:0; padding:0;
}