body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, "Trebuchet MS", helvetica, sans-serif;
	font-size: 1.0em;
	text-align: center;
	line-height: 1.5em;
	padding: 0 0 25px 0;
	color: #fff;
	background: #69f;
}

h1 a {
	height: 135px;
	line-height: 135px;
	padding: 50px 0 50px 100px;
	margin-bottom: 15px;
	font-size: 3.5em;
	font-family: sans-serif;
	font-weight:bold;
	letter-spacing: 2px;
	color: #000;
	background: url('../images/lasiruusu_logo.jpg') left center no-repeat;
}

h2, h3, h4, h5, p {
	margin: 0.5em 0 1em 0;
}

h2  {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
	clear: both;
}

blockquote {
	padding: 1px 10px;
	margin: 1em 0;
	border: 1px dotted #444;
	clear: both;
	background: #111;
}

a {
	color: #cc0000;
}

a:hover, a:focus, a:active {
	color: #000;
}

p img {
	float: right;
	padding: 5px;
	margin: 0 0 15px 15px;
}

img.tuotekuva {
	padding: 0 15px 15px;
	float: left;
}

span.gallery_image {
	height: 150px !important;
	padding: 10px;
	display: block;
	float: left;
}

div.gallery_page_navigation {
	clear: both;
	padding: 15px 0;
}

form {
	margin-bottom: 1em;
}

	form p {
		clear: both;
		padding: 5px 0;
	}

	form em {
		color: #000;
	}
	
	form fieldset {
		border: 1px dotted #666;
		padding: 10px;
	}
	
	form legend {
		padding: 10px;
		background: #69f;
	}

	form label {
		width: 250px;
		display: block;
		float: left;
		color: #000;
	}
	
	form input {
		width: 250px;
		display: block;
		float: left;
	}

	form input.login {
		text-align: center;
		border: 0;
		border-bottom: 1px dotted #eee;
		padding: 3px;
		display: inline;
		color: #fff;
		background: #000;
		float: none;
		width: 100px;
	}
	
	form input.login-submit {
		width: 100%;
		margin: 0 auto;
		font-weight: bold;
		border: 0;
		color: #fff;
		background: #000;
	}

.clear {
	clear: both;
	visibility: none;
}

ul {
	padding-left: 25px;
}

div.login {
	width: 400px;
	text-align: center;
	margin: 60px auto 20px auto;
}

div#container {
	width: 780px;
	margin: 15px auto;
	padding: 0 12px 0 21px;
	text-align: left;
}

	ul#navigation {
		list-style-type: none;
		clear: both;
		height: 50px;
		padding: 0;
	}

		ul#navigation li {
			float: left;
		}
		
			ul#navigation li a {
				display: block;
				float: left;
				margin-left: 2px;
				padding: 5px;
				color: #fff;
				background: url('../images/navigation_li_background.jpg') left top repeat-x #797979;
			}
		
			ul#navigation li a:hover, ul#navigation li a.active  {
				background: url('../images/navigation_li_background_active.jpg') left top repeat-x #9a9a9a;
			}
			
			ul#navigation li.logout a {
				background: url('../images/navigation_li_background_logout.jpg') left top repeat-x #be4f4f;
			}
			
			ul#navigation li.logout a:hover {
				background: url('../images/navigation_li_background_logout-hover.jpg') left top repeat-x #cd5e5e;
			}
			
	div#container div.card {
		padding: 1px 10px;
		margin: 1em 0;
		border: 1px dotted #444;
		clear: both;
		background: #333;
	}