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



body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: url(kuvat/bg_body.jpg) #fbebc4 left top repeat;
	margin: 0;
	padding: 0 0 35px 0;
	text-align: center; 
	color: #fff;
	font-size: 14px;
	line-height: 140%;
}
 
img  {
	border: 0;
}


#container {
	width: 938px;  
	margin: 0 auto 0 auto; 
	text-align: left; 
}

#header {
	background: url(kuvat/bg_header.gif) left top repeat-y;
	height: 285px;
}

#mainContent {
	padding: 20px 50px 40px 50px;
	background: url(kuvat/bg_container.jpg) left top repeat-y;
}

#narrowColumn {
	width: 450px;
}

#narrowColumn2 {
	width: 350px;
}

#wideColumn {
	width: 650px;
}

#footer {
	background: url(kuvat/bg_footer.gif) left top no-repeat;
	height: 107px;
	width: 938px; 
	padding: 20px 0 0 0;
	margin: 0 auto 20px auto; 
}

* html #footer {
    background:transparent url(kuvat/bg_footer.gif) no-repeat scroll -25px 0;
	width: 958px;
}

#footer img{
	margin-left: 8px; 
}


/* LINKIT */


a:link { 
  color: #FFCB7E;
}

a:visited { 
  color: #FFCB7E;
}

a:hover, a:active { 
	color: #f7b34f;
}


#nav {
	padding: 50px 120px 0 0;
}

* html header{
	height: 275px;
}

h1, h2, h3  {
	color: #ffcb7e;
}

h1 {
	font-size: 25px;
	letter-spacing: 1px;
}

h3 {
	text-transform:uppercase;
	letter-spacing: 2px;
	margin-bottom: 7px;
}

.ingressi {
	font-size: 18px;
	font-style: italic;
	color: #ffcb7e;
	line-height: 115%;
}

ul {
	margin-top: 5px;
}

.leftMargin {
	margin-left: 30px;
	margin-top: 5px;
}


#kukat {
	margin: 0 auto;
	position: absolute;
	padding: 0 0 0 245px;
}

.valokuva {
	float: right;
	margin: 20px 0 0 0;
}




/* NAVIGATION */

#nav { 
	width: 882px;
	height: 45px;
	padding-top: 230px;
	margin-left: 8px;
} 

#nav ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:60px;}
#nav ul li{display:block;float:left;margin:0 6px 0 0;pading:0;}
#nav ul li a{display:block;float:left;background:transparent url("kuvat/navi_buttons.gif") no-repeat top left; height: 45px; text-indent: -9999px;}

#nav ul li a.item1 {background-position:0px 0px; width: 168px;} #nav ul li a:hover.item1, .etusivu #nav ul li a.item1 {background-position:0px -45px;}
#nav ul li a.item2 {background-position: -200px 0; width: 98px;} #nav ul li a:hover.item2, .projekti #nav ul li a.item2 {background-position:-200px -45px;}
#nav ul li a.item3 {background-position:-400px 0px;width: 129px;} #nav ul li a:hover.item3, .sf-filmikyla #nav ul li a.item3 {background-position:-400px -45px}
#nav ul li a.item4 {background-position:-600px 0;width: 209px;} #nav ul li a:hover.item4, .yhteistyokumppanit #nav ul li a.item4 {background-position:-600px -45px;}
#nav ul li a.item5 {background-position:-800px 0;width: 211px;} #nav ul li a:hover.item5, .kuvauspaikkakartasto #nav ul li a.item5 {background-position:-800px -45px;}