body, a, fieldset, label, img, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		border: 0;
	}
	/* reset ↑ */

	/* @group elements */
	html {
		height: 100%;
		margin-bottom: 1px;
	}
	body {
		margin-bottom: 1px;
		background: #8c6f51;
		background-image: ;
		height: 100%;
		color: #fff;
		font-family: Georgia;
		font-size: 14px;
	}

	a {
		color: #fff;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	a:visited {

	}

	h1 {
		font-style: italic;
		font-size: 60px;
		font-weight: normal;
	}

	h2 {
		font-style: italic;
		font-size: 24px;
		font-weight: normal;
	}
	h3 {
		font-size: 16px;
		font-weight: normal;
	}

	.navigation li {
		list-style: none;
	}
	.navigation a {
		text-decoration: none;
	}
	.navigation a:hover {
		text-decoration: underline;
	}
	/* @end */

#head, #content {
	width: 900px;
	margin: auto;
}

	/* @group head */
	#headwrap {
		background: url(../img/head-lights.jpg) bottom center;
		width: 100%;
		top: 0px;
		left: 0px;
		height: 89px;
		position: relative;
		z-index: 1000;
		}
	#head {
		text-align: right;
		height: 89px;
		overflow: hidden;
		border-bottom: 1px solid white;
	}

		#logotype {
			float: left;
			margin-left: 40px;
			height: 89px;
			margin-top: 20px;
			text-shadow: #000 1px 1px 0;
			}
				#logotype span {
					font-size: 18px;
					font-variant: small-caps;
					font-style: normal;
					}
		#site_navigation {
			margin-top: 52px;
			float: right;
		}
		#site_navigation li {
			float: left;
			text-shadow: #000 1px 1px 0;
		}
		#site_navigation li a {
			float: left;
			display: block;
			padding: 10px;
		}
	/* @end */

#contentwrap {
	width: 100%;

}

	/* @group cards */
	#content .card {
		clear: both;
		background: #000;
		color: #fff;
		padding: 40px;
		padding-bottom: 0;
		padding-top: 4px;
		margin-bottom: 60px;
		line-height: 20px;
		border-top: 1px solid white;
		}
		.card a {
			color: #c6d0ea;
		}
		.card .navigation a {
			color: #fff;
		}
		.card .navigation a:hover {
			color: #fff;
		}
		.card h2 {
			margin-top: 40px;
			margin-bottom: 20px;
	}
		.card p, card ul, card ol {
			margin-bottom: 20px;
	}
	
	.return {
		clear: both;
		position: relative;
		top: 9px;
		margin-left: -40px;
		text-align: right;
		text-shadow: #000 1px 1px 0;
		height: 23px;
		width: 900px;
		background: url(../img/card-rounding-shadow.png) top left no-repeat;
	}
	.return a {
		position: relative;
		top: 20px;
		opacity: .75;
		display: block;
		float: right;
		margin-right: 40px;
		}
	.return a:hover {
		text-decoration: underline; opacity: 1;
		}
	/* @end */


	/* @group tietoa meistä */
	#content #tietoa_meista {
		background: url(../img/tietoa_meista-background.jpg) top left no-repeat #000;
		}
		.textblock {
			clear: left;
		}
			#tietoa_meista .textblock img {
				background: #000;
				padding: 1px;
				border: 7px solid #fff;
				margin-left: -7px;
				margin-right: 20px;
				margin-top: 45px;
				width: 139px;
				float: left;
			}
			.textblock h2, .textblock p {
				margin-left: 168px;
			}
		#tietoa_meista .navigation {
			float: right;
			margin-top: 41px;
			margin-right: -20px;
			width: 245px;
		}
		#tietoa_meista .navigation h3 {
			margin-bottom: 17px;
			font-size: 20px;
			font-style: italic;
		}
		#tietoa_meista .navigation ul li {
			margin-bottom: 10px;
			font-size: 18px;
			font-variant: small-caps;
		}
	/* @end */


	/* @group galleria */
	#content #galleria {
			background: url(../img/galleria-background.jpg) top left no-repeat #000;
		}
		#galleria h3 {
			margin-top: -20px;
			margin-bottom: 20px;
		}
		#flashcontent {
			height: 400px;
		}
		
	/* @end */


	/* @group ajankohtaista */
	#content #ajankohtaista {
			padding-top: 24px;
			background: url(../img/ajankohtaista-background.jpg) top left no-repeat #000;
		}
		#ajankohtaista h2 {
			float: left;
			margin-top: 90px;
			margin-left: 00px;
			width: 245px;
			text-align: center;
			text-shadow: #000 1px 1px 0;
		}
		#ajankohtaista h3 {
			font-size: 24px;
			margin-top: 20px;
			margin-left: 335px;
		}
		#ajankohtaista p {
			margin-left: 335px;
		}
	/* @end */


	/* @group yhteystiedot */
	#content #yhteystiedot {
		background: url(../img/yhteystiedot-background.jpg) top left no-repeat #000;
	}

		.form-container { width: 335px; float: left;}
		.form-container form fieldset { border: none;}
		.form-container label { font-size: 18px; width: 110px; display: block; float: left; clear: left; text-align: left; margin-top: 3px;}
		.form-container input { width: 200px; font-size: 14px; }
		#asia_label { margin-top: 15px;}
		.form-container textarea#asia { width: 315px; font-size: 14px; margin-top: 5px;}
		#submit { width: 100px; font-size: 18px; margin-right: 18px;}

	#yhteystiedot #yhteystiedot_tiedot{
			margin-left: 595px;
		}
		#yhteystiedot_tiedot .osoite {
			font-size: 18px;
			line-height: 30px;
		}
		#yhteystiedot_tiedot .maili, #yhteystiedot_tiedot .puhnot {
			font-size: 14px;
			line-height: 20px;
		}
		#yhteystiedot_tiedot .maili {
			margin-top: 40px;
		}
	/* @end */
	
	/* @group yhteystiedot */
	#content #galleria-btm {
		padding-top: 0px;
		padding-right: 0px;
	}
		.return.inverse {
			position: relative;
			top: 0px;
			background: url(../img/card-rounding-shadow-top.png) top left no-repeat;		
		}
		.return.inverse a {
			visibility: hidden;
		}
		#galleria-btm-images {
			margin-top: 2px;
			margin-left: -7px;
		}
			#galleria-btm img {
				background: #000;
				padding: 1px;
				border: 7px solid white;
/*				height: 105px;
				width: 148px;
*/				width: 139px;
				height: 95px;
				margin-right: 12px;
			}
	/* @end */
	
	
	#valid_html {
		display: none;
	}