/*****Reset*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Elements*****/

body {
	background: url(img/ui/TAUSTA.jpg) top center no-repeat;
	color: #2C2A15;
	font: 14px Arial, Helvetica, sans-serif;
}

a {
	color: #2C2A15;
}

a:hover {
	color: #2C2A15;
}

h1 {
	background: url(img/ui/bg_h1.png) no-repeat;
	height: 34px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

div#popup-kaveri h1 {
	background: url(img/ui/h_kerrokaverille.gif) no-repeat;
	height: 18px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

h2 {
	
}

h3 {

}

p.ingressi { 
	font-size: 18px;
}

p { 
	line-height: 18px;
	margin-bottom: 20px;
}

/*****Basic Layout*****/

div#wrap {
	margin: 0 auto;
	position: relative;
	width: 940px;
}

div#h-left {
	float: left;
	padding: 0 20px 0 0;
	width: 380px;
}

div#h-right {
	float: left;
	width: 380px;
}

div#galleria {
	background: url(img/ui/bg_galleria.png) 42px 0 no-repeat;
	clear: left;
	height: 502px;
	position: relative;
}

div#home-carusel-mask {
	border: 8px #fff solid;
	height: 410px;
	left: 60px;
	overflow: hidden;
	position: absolute;
	top: 16px;
	width: 804px;
}

div#home-carusel-container {
	left: 0;
	position: absolute;
	top: 0;
	width: 99999px;
}

a#home-caru-prev {
	background: url(img/ui/bg_prev.png) no-repeat;
	background-position: 0 -127px;
	display: block;
	height: 127px;
	left: 0;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	top: 160px;
	width: 28px;
}

a#home-caru-next {
	background: url(img/ui/bg_next.png) no-repeat;
	display: block;
	height: 127px;
	outline: none;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 160px;
	width: 28px;
}

div#caru-navi {
	left: 263px;
	position: absolute;
	top: 465px;
}

a.caru-navi {
	background: url(img/ui/bg_navi.png) no-repeat;
	display: block;
	float: left;
	height: 22px;
	margin-right: 8px;
	/*left: 349px;*/
	outline: none;
	/*position: absolute;*/
	text-indent: -9999px;
	/*top: 465px;*/
	width: 22px;
}

a#caru-navi-1 { background-position: -22px 0; }
/*a#caru-navi-2 { left: 380px; }
a#caru-navi-3 { left: 411px; }
a#caru-navi-4 { left: 442px; }
a#caru-navi-5 { left: 473px; }
a#caru-navi-6 { left: 504px; }
a#caru-navi-7 { left: 535px; }
a#caru-navi-8 { left: 566px; }*/

div#links {
	border-bottom: 1px #9F9E96 solid;
	height: 87px;
	margin: 0 auto;
	position: relative;
	width: 821px;
}

a#kohdeesite {
	background: url(img/ui/btn_lataa.jpg) no-repeat;
	display: block;
	height: 54px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 16px;
	width: 400px;
}

a#tutustu {
	background: url(img/ui/btn_tutustu.jpg) no-repeat;
	display: block;
	height: 54px;
	left: 420px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 16px;
	width: 400px;
}

div#video-wrap {
	margin: 0 auto;
	padding: 14px 0 0 0;
	width: 827px;
}

div#video {
	background: url(img/ui/bg_video.jpg) no-repeat;
	display: inline;
	float: left;
	height: 398px;
	margin: 0 11px 30px 0;
	padding: 30px 0 0 24px;
	width: 384px; 
}

div#lehdisto {
	background: url(img/ui/bg_video.jpg) no-repeat;
	display: inline;
	float: left;
	height: 398px;
	margin: 0 0 30px 0;
	padding: 30px 0 0 24px;
	width: 384px; 
}

div#video h2 {
	background: url(img/ui/h_video.jpg) no-repeat;
	height: 18px;
	margin: 0 0 16px 0;
	text-indent: -9999px;
}

div#lehdisto h2 {
	background: url(img/ui/h_lehdistolle.jpg) no-repeat;
	height: 18px;
	margin: 0 0 16px 0;
	text-indent: -9999px;
}

/*****Header*****/

div#header {
	height: 269px;
	padding: 30px 0 0 80px;
}

a#facebook {
	background: url(img/ui/faceboook.jpg) no-repeat;
	display: block;
	height: 18px;
	left: 617px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 36px;
	width: 124px;
}

a#kaveri {
	background: url(img/ui/kerro.jpg) no-repeat;
	display: block;
	height: 18px;
	left: 751px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 36px;
	width: 115px;
}

a#designtalo {
	background: url(img/ui/dt.png) no-repeat;
	display: block;
	height: 16px;
	left: 718px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 248px;
	width: 141px;
}

/*****Main Menu*****/

ul#mainmenu {
	list-style: none;
}

ul#mainmenu li {

}

ul#mainmenu li a {

}

/*****Footer*****/

div#footer {
	border-top: 1px #9F9E96 solid;
	clear: left;
	color: #95948D;
	font: 12px Arial, Helvetica, sans-serif;
	height: 100px;
	margin: 0 auto;
	position: relative;
	width: 821px;
}

p#foo-left {
	left: 0;
	position: absolute;
	top: 14px;
}

p#foo-right {
	left: 240px;
	position: absolute;
	top: 14px;
}

a#foo-designtalo {
	background: url(img/ui/bg_foologo.jpg) no-repeat;
	display: block;
	height: 24px;
	left: 709px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 14px;
	width: 111px;
}

/*****Forms*****/

label {
	display: block;
	margin-bottom: 5px;
}

input {
	background: url(img/ui/bg_input.jpg) no-repeat;
	border: 0;
	color: #9C9C9C;
	font: 14px Arial, Helvetica, sans-serif;
	height: 16px;
	margin-bottom: 15px;
	padding: 10px;
	width: 235px;
}

div#kaveri-vasen {
	float: left;
	width: 285px;
}

div#kaveri-oikea {
	float: left;
	width: 255px;
}

textarea {
	background: url(img/ui/bg_textarea.jpg) no-repeat;
	border: 0;
	color: #9C9C9C;
	font: 14px Arial, Helvetica, sans-serif;
	height: 143px;
	margin-bottom: 5px;
	padding: 10px;
	width: 521px;
}

input.inputbtn {
	background: none;
	height: auto;
	padding: 0;
	width: auto;
}

div#kaveri-submit {
	text-align: right;
}

/*****Tables*****/

/*****Generic Classes*****/

div.error {
	background: #FBE3E4;
	border: 2px #FBC2C4 solid;
	color: #8A1F11;
	margin-bottom: 20px;
	padding: 10px 20px 10px 40px;
}

div.message {
	background: #FFF6BF;
	border: 2px #FFD324 solid;
	color: #554B25;
	margin-bottom: 20px;
	padding: 10px 20px 10px 40px;
}

/*****Etc*****/

a img { border: 0; }

img#kyna {
	left: 0;
	position: absolute;
	top: 268px;
}

img#kahvi {
	left: 772px;
	position: absolute;
	top: 664px;
}

img#kukka-vasen {
	left: -52px;
	position: absolute;
	top: 1105px;
}

img#kukka-oikea {
	left: 840px;
	position: absolute;
	top: 938px;
}

img.border {
	border: 8px #423E20 solid;
	margin: 0 0 16px 0;
}

a#katsovideo {
	background: url(img/ui/btn_katso.jpg) no-repeat;
	display: block;
	height: 36px;
	margin: 0 0 0 50px;
	overflow: hidden;
	text-indent: -9999px;
	width: 261px;
}

a#lataapaketti {
	background: url(img/ui/btn_lataa2.jpg) no-repeat;
	display: block;
	height: 36px;
	margin: 0 0 0 50px;
	overflow: hidden;
	text-indent: -9999px;
	width: 261px;
}

div#popup-bg {
	background: #000;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

div#popup-video, div#popup-kaveri {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}

div#popup-video a {
	position: absolute;
	left: 558px;
	top: 0px;
}

div#popup-video img#videoimg {
	left: 0;
	position: absolute;
	top: 34px;
}

div#theflash-wrap {
	background: #fff;
	left: 0;
	min-height: 480px;
	position: absolute;
	top: 34px;
	width: 640px;
}

div.popup-content {
	background: #fff;
	left: 0;
	min-height: 430px;
	padding: 20px;
	position: absolute;
	top: 34px;
	width: 541px;
}

a#sulje-kaveri {
	left: 499px;
	position: absolute;
	top: 0px;
}