body {
	background:#1f1a17;	
	margin:0;
	padding:0;
	text-align:center;
	overflow:auto;
	color:#fff;
}
a:link, a:visited {text-decoration:none;outline:none;color:#fae8a1;}
a:hover	{text-decoration:none;outline:none;color:#f3d777;}
a img, .b0 {border:none;outline:none;}
.b1 {border:1px solid #888;}
.center {text-align:center;}
h3 {font-size:1.3em;}
#top1 {	
	margin:0 auto;
	padding:5px 0;
	text-align:center;	
	border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	background:#333;
	color:#ccc;
	font-family:"Times New Roman";
	font-size:1.1em;
}
#top1 a {text-decoration:none;}
#top1 a:hover {position:relative;top:1px;left:1px;}
#page {
	width:900px;	
	margin:0 auto;	
	padding:20px;
}
#tpk_menu {float:left;width:150px;margin-right:10px;text-align:left;}
#tpk_menu a b {font-size:1.1em;font-weight:bold;color:#eee;}
#tpk_menu a:hover b {color:#f3d777;}
.valikko {margin:0;padding:0;list-style:none;}
.valikko li {padding-left:10px;padding-bottom:5px;padding-top:5px;font-size:.9em;}
.logo {margin:0 auto;text-align:center;}
.logo ul {list-style:none;margin:0 auto;padding:0;width:500px;height:355px;background:#1f1a17 url(../img/paatti.png) no-repeat center center;}
.logo li.veneenrakennus {padding-top:230px;width:331px;margin:0 auto;}
.logo li.veneenrakennus a {display:block;width:331px;height:28px;background:url(../img/puuveneet.png) no-repeat center center;}
.logo li.veneenrakennus a:hover, span.bg1 {background:url(../img/puuveneet1.png) no-repeat center center;}
.logo li.taide {padding-top:3px;width:240px;margin:0 auto;}
.logo li.taide a {display:block;width:240px;height:25px;background:url(../img/maalaukset.png) no-repeat center center;}
.logo li.taide a:hover, span.bg2 {background:url(../img/maalaukset1.png) no-repeat center center;}
span.bg1,span.bg2 {visibility:hidden;}

.m2 {margin-top:10px;}
.shadow {
	/*box-shadow:3px 3px 7px #000;*/
	-webkit-box-shadow:3px 3px 7px #000;
	-moz-box-shadow:3px 3px 7px #000;	
}
.shadow2 {
	/*box-shadow:3px 3px 7px #000;*/
	-webkit-box-shadow:2px 2px 4px #000;
	-moz-box-shadow:2px 2px 4px #000;	
}
.border {	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.bs2 {
	-moz-border-radius:3px;	
	-webkit-border-radius:3px;	
}
.content {padding:10px;text-align:left;}
.tpk_content {margin-left:150px;}
.tpk_indent {padding-left:25px;padding-right:40px;}
.w500 {width:500px;}
.w700 {width:700px;}

hr.line {clear:both;width:450px;border-bottom:1px solid #324666;margin:20px auto;text-align:center;}
.linkit li {padding-bottom:5px;}
.sub_linkit {margin:4px auto;}
.sub_linkit a {height:20px;line-height:20px;padding:0 5px;color:#000;font-size:14px;}
.p_linkit a {height:18px;line-height:18px;padding:0 5px;color:#000;font-size:12px;}
.venekuvat, .kennelkuvat {width:400px;}
.venekuvat a img, .kennelkuvat a img {width:80px;height:60px;margin:5px;border:1px solid #888;}
.venekuvat a:hover img, .kennelkuvat a:hover img {border:1px solid #fff;}
.kuvat a {display:block;float:left;width:155px;height:125px;margin-right:10px;padding:0;}
.kuvat a img {width:150px;height:auto;}
.kuvat a:hover {border:0;}
.kuvat a:hover img {position:relative;width:auto;height:auto;top:-40px;left:0;}

.pikkukuvat ul {width:450px;list-style:none;padding:0;margin:0;}
.pikkukuvat li {float:left;width:150px;}
.pikkukuvat a {display:block;float:left;width:85px;margin:0;padding:0;}
.pikkukuvat a img {width:80px;height:auto;}
.k_laatikko {margin:20px auto;}
.clear {clear:left;}
.teksti {
	display:block;
	margin-left: 200px;
	padding-bottom: 30px;
	padding-top:10px;
}
.h2 {min-height:200px;}
.nosto {
	width:400px;
	background:#3d2e1c;
	border:1px solid #fddb80;
	padding:12px;
	margin:10px auto;
	color:#f5e39e;
}
.yhteys {
	clear:both;	
	width:220px;	
	background:#3d2e1c;
	color:#f5e39e;
	border:2px solid #fddb80;
	padding:12px 0 12px 24px;
	margin:30px auto;
	text-align:left;
}
.copy {
	clear:both;
	color:#555;
	font-size:9px;
	margin-top:10px;	
	text-align:center;
}
.counter {	
	color:#555;
	font-size:9px;	
	text-align:center;
}

/* Palaute */
form {
	margin:0;	
	padding:0;
}

#fb {width:700px;}
#fb fieldset ol {  
	list-style:none;
	padding:0;
}
#fb fieldset li { 
	float:left;
	padding-bottom:10px;
}
#fb label {
	float:left; 
	width:150px; 
	margin-right:1em; 
	text-align:right;
	color:#999;
}
#fb label.req {
	font-weight:bold;
	color:#fff;
}
#fb input {
	float:left;
	width:250px;
	background:#fbeece url(img/bg_input.png) repeat-x bottom center;	
	border:1px solid #000;
}
#fb fieldset {  
	margin:10px 0;
	border:none;
}
#fb legend {  
	margin-left:20px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
}
#fb .submit {
	width:150px;
	color:#000;
	border:1px solid #000;
	margin:1px 50px;
	cursor:pointer;	
	font-size:1.1em;
}
#fb textarea {
	float:left;
	width:250px;
	overflow:auto;
	margin-bottom:3px;
	border:1px solid #000;
	background:#fbeece url(img/bg_page.png) repeat-x bottom center;
}

/**** Galleria ****/

#gallery {width:720px;height:400px;padding:10px;position:relative;margin:0 auto;}
#gallery b.default {position:absolute;right:25px;top:25px;width:500px;height:375px;text-align:center;}
#gallery b.default img {display:block;margin:0 auto 10px auto;border:1px solid #888;}
#gallery b.default span {display:block;color:#ddd;text-align: left;font-family:verdana, arial, sans-serif;font-weight:normal;font-size:12px;width:400px;margin:0 auto;}

#gallery ul {list-style:none;padding:0;margin:0;width:180px;position:relative;float:left;}
#gallery ul li {display:inline;width:52px;height:52px;float:left;margin:0 0 5px 5px;}
#gallery ul li a {display:block;width:50px;height:50px;text-decoration:none;border:1px solid #888;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block;width:50px;height:50px;border:0;}
#gallery ul li a:hover {white-space:normal;}
#gallery ul li a:hover b {position:absolute;right:-520px;top:-5px;width:500px;height:375px;text-align:center;z-index:20;}
#gallery ul li a:hover span {display:block;color:#000;text-align: center;font-family:verdana, arial, sans-serif;font-weight:normal;font-size:12px;width:400px;margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto;width:auto;height:auto;border:1px solid #fff;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal;border-color:#333;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute;right:-520px;top:-5px;width:500px;height:375px;text-align:center;z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block;color:#fff;font-family:verdana, arial, sans-serif;font-weight:normal;font-size:12px;width:400px;margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto;width:auto;height:auto;border:1px solid #000;}