*, html{
	padding: 0px;
	margin: 0px;
}

body{
	background-color: #e2e0d2;
	font-family: arial;
}

#wrapper{
	width: 800px;
	background-color: #fff;
	margin: 10px auto 0px auto;
}

#wrapper #content{
	width: 780px;
	margin: 10px;	
	padding-top: 10px;
}

#wrapper #content #header{
	width: 780px;
	height: 213px;
}

.etusivu{
	background-image: url(img/etusivu.jpg);
	background-repeat: no-repeat;
}

.palvelut{
	background-image: url(img/palvelut.jpg);
	background-repeat: no-repeat;
}

.projektit{
	background-image: url(img/projektit.jpg);
	background-repeat: no-repeat;
}

.yhteystiedot{
	background-image: url(img/yhteystiedot.jpg);
	background-repeat: no-repeat;
}

#wrapper #content #shadow{
	width: 780px;
	height: 8px;
	background-image: url(img/banner_shadow.png);
	background-repeat: repeat-x;
	margin-bottom: 3px;
}

#wrapper #content #navigation{
	width: 600px;
	font-size: 16px;
	text-align: left;
	background-color: #fff;
	background-image: url(img/navi_bg.gif);
	background-repeat: no-repeat;
}

#navigation a, #subnavigation a{
	color: #cc4f54;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 2px;

}

#navigation a:hover, #subnavigation a:hover, #navigation .active, #subnavigation .active{
	background-color: #e1e1e1;
	padding: 0px 2px;
}

.link{
	color: #cc4f54;
	text-decoration: none;
}

.link:hover{
	text-decoration: underline;
}

#wrapper #content #subnavigation{
	width: 600px;
	font-size: 11px;
	text-align: left;
	margin-top: 4px;	
}

#wrapper #content #maincontent{
	width: 600px;
	font-size: 12px;
	text-align: left;
	margin-top: 40px;
}

#wrapper #content #maincontent #photo{
	float: left;
	width: 114px;
	margin-left: 8px;
}

#wrapper #content #maincontent #text{
	width: 476px;
	float: left;
}

#wrapper #content #maincontent #clearer{
	clear: both;
	height: 10px;
}

ul{
	width: 400px;
	margin-left: 40px;
}

ul li{
	list-style: square;
	color: #000;
}

.leipis{
	width: 474px;
	text-align: left;
	margin-left: 3px;
	color: #000;
}

.leipis b{
	color: #cc4f54;
}

#footer{
	width: 600px;
	font-size: 12px;
	text-align: left;
	height: 12px;
	color: #cc4f54;
	margin-top: 6px;
	margin-left: 3px;
}

#footer a{
	color: #cc4f54;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer p{
	float: left;
	margin-bottom: 30px;
}

#forceScroll{
	position: absolute;
	bottom: -1px;
}
