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

/* General */

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	font-family: Tahoma, Geneva, sans-serif;
	background: #806e5b url(../images/bg.gif) top left no-repeat;
	text-align: center;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}
	.img_content {
		border: 3px solid #806e5b;
	}
	.img_galleria {
		margin: 0px;
		padding: 0px;
		border: 3px solid #806e5b;
	}
	.img_over_2 {
		width: 149px;
		height: 154px;
		float: right;
		margin: -65px -80px 0px 0px;
		padding: 0px;
		background: url(../images/kuvat1h.png) no-repeat;
	}
	.img_over {
		width: 128px;
		height: 328px;
		float: right;
		margin: -40px -70px 10px 10px;
		padding: 0px;
		border: none;
		background: url(../images/kuvio.png) no-repeat;
	}
			/*Credits: Dynamic Drive CSS Library */
			/*URL: http://www.dynamicdrive.com/style/ */
			
			.thumbnail{
			position: relative;
			z-index: 0;
			}
			
			.thumbnail:hover{
			background-color: transparent;
			z-index: 50;
			}
			
			.thumbnail span{ /*CSS for enlarged image*/
			position: absolute;
			background-color: #FFF;
			padding: 16px;
			left: -1000px;
			border: 1px solid #000;
			visibility: hidden;
			color: black;
			text-decoration: none;
			}
			
			.thumbnail span img{ /*CSS for enlarged image*/
			border-width: 0;
			padding: 2px;
			}
			
			.thumbnail:hover span{ /*CSS for enlarged image on hover*/
			visibility: visible;
			top: -400px;
			left: -220px; /*position where enlarged image should offset horizontally */
			
			}
.clear {
	clear: both;
}

/* Elements */

#wrapper {
	width: 820px;
	text-align: left;
	margin: 50px auto 0px auto;
	padding: 0px;
}
.header {
	position: relative;
	width: 820px;
	height: 350px;
	margin: 0px;
	padding: 0px;
	background: url(../images/header_etusivu_tammi.jpg) no-repeat;
	/* background: url(../images/header_yo_0411-2.jpg) no-repeat; */
	border: 1px solid #705d4c;
}	
#logo {
	float: left;
	width: 257px;
	height: 96px;
	padding: 0px;
	margin: 10px 0 0 10px;
	/* background: url(../images/kuvakuisma_logo.png) no-repeat bottom center; */
}
#nosto {
	float: left;
	clear: left;
	width: 230px;
	height: 190px;
	padding: 20px 10px 10px 20px;
	margin: 20px 0px 0px 0px;
}
	#yo_link {
		display: block;
		position: absolute;
		height: 51px;
		width: 502px;
		left: 0;
		bottom: 10px;
		background: url(../images/header_yo_link.jpg) no-repeat 0 -51px;
	}
		#yo_link:hover {
			background: url(../images/header_yo_link.jpg) no-repeat 0 0;
		}
		#yo_link a {
			display: block;
			width: 502px;
			height: 51px;
		}
	#haa_link {
		display: block;
		position: absolute;
		height: 51px;
		width: 502px;
		left: 0;
		bottom: 10px;
		background: url(../images/header_haa_link.jpg) no-repeat 0 -51px;
	}
		#haa_link:hover {
			background: url(../images/header_haa_link.jpg) no-repeat 0 0;
		}
		#haa_link a {
			display: block;
			width: 502px;
			height: 51px;
		}
#slideshow1 {
	width: 820px;
	height: 350px;
	margin: 0px;
	padding: 0px;
}
	#header1 {
	background: url(../images/header1.jpg) no-repeat;
	}
	#header2 {
	background: url(../images/header2.jpg) no-repeat;
	}
	#header_galleria {
		background: url(../images/header_galleria.jpg) no-repeat;
	}
	#header_nosto {
		background: url(../images/header_nosto.jpg) no-repeat;
	}
#navi {
	width: 820px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg_navi.gif) repeat-x;
}
#content {
	width: 780px;
	margin: 0px;
	padding: 20px 20px 50px 20px;
	background: #58585a;
}
	#left {
		float: left;
		width: 340px;
		margin: 0px;
		padding: 0px 40px 0px 40px;
	}
		.kategoria {
			float: left;
			width: 90px;
			margin: 8px;
			padding: 0px;
			text-align: center;
		}
		#hinnasto {
			font-size: 14px;
			color: #FFF;
		}
		td {
			padding: 0px 10px 0px 0px;
		}
		#avoinna td {
			padding: 0px;
		}
		.td_yellow {
			color: #fbe3a0;
		}
		a#kuvapalvelu_button {
			display: block;
			width: 110px;
			height: 40px;
			margin: 0 0 10px 200px;
			background: url(../images/kuvapalvelu_buttonS.gif) no-repeat 0 0;
		}
			a#kuvapalvelu_button:hover {
				background-position: 0 -40px;
			}
			#kuvapalvelu a#kuvapalvelu_button {
				margin: 0px auto;
			}
	#right {
		float: left;
		width: 360px;
		margin: 0px;
		padding: 0px;
	}
	#passikuva {
		float: right;
		width: 130px;
		height: 140px;
		margin: 8px;
		padding: 5px;
		text-align: center;
		background: url(../images/bg_passikuva.gif) no-repeat;
	}
	#auki {
		float: left;
		width: 126px;
		height: 88px;
		margin: 10px;
		padding: 10px 10px 10px 5px;
		background: url(../images/bg_auki.gif) no-repeat;
	}
#footer {
	width: 820px;
	height: 30px;
	text-align: right;
	margin: 3px auto 50px auto;
	padding: 0px 0px 50px 0px;
}

	/* Form */
		#form {
			width: 100%;
			margin: 0px;
			padding: 0px;
		}
		#form_left {
			float: left;
			width: 45%;
			margin: 0px;
			padding: 0px 3% 0px 0px;
		}
		#form_right {
			float: left;
			width: 50%;
			margin: 0px;
			padding: 0px;
		}
		label {
		   color: #fbe3a0;
		   font-family: Tahoma, Geneva, sans-serif;
		   font-size: 14px;
		   font-weight: normal;
		}
		input,
		textarea {
		   background-color: #FFF;
		   border: 1px solid #000;
		   margin: 3px 0px 3px 5px;
		   color: #000;
		   font-family: Tahoma, Geneva, sans-serif;
		   font-size: 12px;
		   font-weight: normal;
		   cursor: text;
		}
		.button {
			background-color: #fbe3a0;
			border: 1px solid #000;
			padding: 3px;
			cursor: pointer;
		}

/* Text styles */

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #fbe3a0;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
	#nosto h1 {
		font-size: 20px;
		font-weight: normal;
		color: #58585a;
		padding: 0px;
		margin: 0px;
	}
	#passikuva h1 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: normal;
		color: #58585a;
	}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fbe3a0;
	padding: 0px 0px 8px 0px;
	margin: 0px;
}
p {
	font-size: 14px;
	color: #FFF;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	line-height: 1.3em;
}
	.b {
		font-weight: bold;
	}
	#auki span {
		font-size: 14px;
		color: #58585a;
		padding: 0px;
		margin: 0px;
	}
	#passikuva p {
		font-size: 12px;
		color: #58585a;
		padding: 0px 0px 3px 0px;
	}
	#passikuva span {
		font-size: 20px;
		color: #58585a;
		font-weight: bold;
	}
	#footer p {
		font-size: 12px;
		color: #FFF;
	}
a:link,
a:visited {
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	color: #fbe3a0;
	text-decoration: underline;
}

a:active {
	color: #FFF;
	text-decoration: underline;
}

a:focus {
	border: none;
}	
	#footer a:link,
	#footer a:visited {
		color: #CCC;
		text-decoration: none;
	}
	#footer a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	#footer a:active {
		color: #CCC;
		text-decoration: none;
	}
	#yo_link a:link,
	#yo_link a:visited,
	#yo_link a:active,
	#yo_link a:hover {
		text-decoration: none;
	}

ul {
	list-style: disc;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 10px 40px;
}
	li {
		color: #FFF;
		margin: 0px;
		padding: 3px 0px 0px 0px;
	}


/* Navi */

#navi ul {
	list-style: none;
	font-size: 14px;
	color: #fbe3a0;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
#navi li {
	display: block;
	float: left;
	height: 41px;
	padding: 7px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	background: url(../images/bg_li.gif) bottom center no-repeat;
}
	#navi li:hover {
		background: url(../images/bg_li.gif) top center no-repeat;
	}
#navi a {
	display: block;
	width: 100%;
	height: 19px;
	margin: 4px 0px 15px 0px;
	padding: 0px 5px 0px 5px;
	border-right: #58585a 2px solid;
}
#navi a:link,
#navi a:visited {
	color: #fbe3a0;
	text-decoration: none;
}
#navi a:hover {
	color: #fbe3a0;
	text-decoration: none;
}
#navi a:active {
	color: #fbe3a0;
	text-decoration: none;
}
	#footer a:link,
	#footer a:visited {
		color: #FFF;
	}
	#footer a:hover {
		color: #fbe3a0;
	}
	
	
/* Lataa kuvakirja */
#kuvapalvelu {
	float: left;
	margin-top: 10px;
	width: 250px;
}
#lataaOhjelma {
	background: url('../images/lataaBg.jpg') no-repeat;
	float: left;
	height: 135px;
	line-height: 14px;
	overflow: hidden;
	margin-top: 10px;
	padding: 5px;
	width: 250px;
}

span.lataaBody {
	color: #58585a;
	font-size: 12px;
}

#lataaLeft {
	color: #58585a;
	float: left;
	padding-top: 7px;
	width: 132px;
}

#lataaRight {
	display: inline;
	float: left;
	overflow: hidden;
	padding-top: 33px;
}

span#lataaHead {
	font-size: 20px;
}

#lataaRight img {
	display: inline;
	float: left;
}