html, body {
	border: none;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url("http://kmahenkilostopalvelut.fi/images/body_bg.jpg") fixed 50%;
	color: rgb(85, 85, 85);
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

a {
	color: rgb(123, 160, 37);
}

a:hover {
	color: rgb(161, 136, 37);
	text-decoration: none;
}

abbr, acronym {
	border-bottom: rgb(213, 213, 213) 1px dotted;
	cursor: help;
}

strong {
}

#container {
	margin: 30px auto 30px auto;
	width: 810px;
	text-align: left;
	overflow: hidden;
}

#header {
	width: 810px;
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
	height: 280px;
}

#header h1 {
	width: 810px;
	padding: 0;
	margin: 0;
	display: block;
	background: url("http://kmahenkilostopalvelut.fi/images/header_bg.png");
	text-indent: -55555px;
	height: 280px;
}

#navigation {
	margin: 0;
	padding: 0;
	width: 810px;
	clear: both;
	display: block;
	background: url("http://kmahenkilostopalvelut.fi/images/nav_bg.png");
	height: 49px;
	overflow: hidden;
}

#navigation ul {
	margin: 0 30px 0 30px;
	padding: 0;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	list-style-type: none;
	text-align: center;
}

#navigation ul li a {
	float: left;
	padding: 0 20px 0 20px;
	margin: 0 1px 0 0;
	display: block;
	color: rgb(255, 255, 255);
	background: rgba(123, 160, 37, 0.1);
	font: 13px/49px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 49px;
}

#navigation ul li a:hover {
	color: rgb(255, 255, 255);
	background: rgba(123, 160, 37, 0.3);
	text-shadow: rgb(48, 64, 17) 0px 2px 2px;
}

#navigation ul li a.open {
	background: rgba(123, 160, 37, 0.3);
	font-weight: bold;
}

#content {
	margin: 0;
	padding: 0;
	width: 810px;
	clear: both;
	display: block;
	background: url("http://kmahenkilostopalvelut.fi/images/content_bg.png");
	min-height: 400px;
}

.jobs {
	margin: 0 auto 10px auto;
	padding: 5px;
	width: 690px;
	border-bottom: rgb(213, 213, 213) 1px dotted;
}

#content h3 {
	margin: 0;
	padding: 15px 70px 0px 70px;
	color: rgb(128, 128, 128);
	font: 24px/30px Georgia, serif;
	word-spacing: 2px;
	letter-spacing: 2px;
}

#content h4, 
#content h5, 
#content h6 {
	margin: 0;
	padding: 5px 70px 0px 70px;
	color: rgb(128, 128, 128);
	font: 20px/24px Georgia, serif;
	word-spacing: 2px;
	letter-spacing: 2px;
}

#content p img {
	border: none !important;
	margin: 20px 20px 20px 0;
	padding: 0;
	float: left;
}

#content img {
	border: none !important;
	margin: 20px 20px 20px 70px;
	padding: 0;
	float: left;
}

#content p {
	margin: 0;
	padding: 5px 70px 10px 70px;
}

#content ul {
	margin: 0;
	padding: 10px 40px 10px 70px;
}

#content ul li {
	margin: 0;
	padding: 1px 30px 1px 40px;
	list-style-type: none;
	color: rgb(21, 21, 21);
	background: url("http://kmahenkilostopalvelut.fi/images/bullet.png") no-repeat 15px 8px;
	font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer {
	margin: 0;
	padding: 0;
	width: 810px;
	clear: both;
	display: block;
	background: url("http://kmahenkilostopalvelut.fi/images/footer_bg.png");
	height: 202px;
	overflow: hidden;
}

.feed {
	margin-left: 3px;
	padding: 2px 0 2px 19px;
	background: url("http://kmahenkilostopalvelut.fi/images/feed-icon-14x14.png") no-repeat 0 50%;
}

#box {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 770px;
	clear: both;
	display: block;
	font: 11px/40px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 42px;
	overflow: hidden;
}

#box2 p, 
#box3 p {
	margin: 0;
	padding: 10px 0 0 50px;
	font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#box2 {
	margin: 0 0 0 20px;
	padding: 0;
	width: 385px;
	float: left;
	display: block;
	height: 140px;
	overflow: hidden;
}

#box3 {
	margin: 0;
	padding: 0;
	width: 385px;
	float: left;
	display: block;
	height: 140px;
	overflow: hidden;
}

#box3 img {
	border: none !important;
	margin: 2px;
	padding: 0;
}

/* Lomakkeet */
label {
	margin: 0;
	padding: 10px 0 0 0;
	display: block;
	font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

form {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 600px;
}

fieldset {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 600px;
	border: none;
}

legend {
	margin: 0;
	padding: 20px 20px 0px 20px;
	color: rgb(128, 128, 128);
	font: 20px/24px Georgia, serif;
	word-spacing: 2px;
	letter-spacing: 2px;
}

input.zemSubmit {
	border: rgb(255, 255, 255) 2px solid !important;
	padding: 5px 10px 5px 10px;
	margin: 0;
	width: auto !important;
	clear: both;
	float: none !important;
	display: block;
	background: rgb(123, 160, 37);
	color: rgb(255, 255, 255);
	font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	outline: rgb(213, 213, 213) solid 1px;
}

 
input, textarea {
	border: rgb(255, 255, 255) 2px solid;
	margin: 0;
	padding: 0;
	width: 400px;
	clear: both;
	display: block;
	background: rgb(245, 245, 245);
	color: rgb(107, 107, 107);
	font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	outline: rgb(213, 213, 213) solid 1px;
}

input:focus, textarea:focus {
	color: rgb(51, 51, 51);
	background: rgb(255, 255, 204);
}

