/* piilola */

* {padding:0; margin:0;}

body {background:#FFF; text-align:center; font:normal 0.8em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif}

table#content {text-align:left; margin:0 auto}

.header {padding:24px 24px 0; background:url(images/header.gif) no-repeat}
.menu {padding-top:40px}
.etusivu {padding:30px 20px 20px; background:url(images/bg_common.gif) no-repeat}
.ajankohtaista {padding:30px 20px 20px; background:url(images/bg_common.gif) no-repeat; height:500px}
.yritys {padding:30px 20px 20px; background:url(images/bg_yritys.gif) no-repeat}
.palvelut {padding:30px 20px 20px; background:url(images/bg_palvelut.gif) no-repeat}
.yhteystiedot {padding:30px 20px 20px; background:url(images/bg_yhteystiedot.gif) no-repeat}
.footer {padding:5px 20px; background:url(images/footer.gif) no-repeat}

.header * {border:none}

.shadow {
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 30px !important;
  margin: 10px 0 0 25px;
  }

.shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}


ul {margin-left:20px;padding-bottom:1em}
p {padding-bottom:1em}
h2 {font:bold 1.6em/3em "Trebuchet MS", Arial, Helvetica, sans-serif color:#CC3300; padding:0.6em 0}
h3 {font:bold 1.2em/3em "Trebuchet MS", Arial, Helvetica, sans-serif color:#CC3300; padding:0.6em 0}


/* lomake */

input.submit {
	width: 80px;
	text-align: center;
}

#submit {cursor:pointer; font:bold 9px Verdana, Arial, Helvetica, sans-serif}
form#mlite .sc { display:none }
form#mlite label {font-weight:bold; color:#555; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 4px 0 }
form#mlite input {font-size:11px; color:#900; font-family:Verdana, Arial, Helvetica, sans-serif;}

form#contact { width: 300px; margin-top:2em }

form#kysely {text-align:center}
form#kysely table {width:500px; margin:0 auto; border:0; text-align:left; border-collapse:collapse}
form#kysely table td {padding:3px}
form#kysely table td.border {border-top:1px dotted #C7BAD6; padding:6px 3px}
form fieldset {
	border: none;
}
form fieldset legend {
	color: #3A3B3B;
	margin: 0px;
	padding: 0px;
	font:bold 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
}
form#contact label {
	display: block;
	width: 150px;
	padding: 5px 0 0 0px;
	font-weight: bold;
	color: #666666;
	font-size: 0.8em;
	float: left;
	clear:left
}

form#contact input.text {
	display: block;
	margin: 0 0 10px;
	width: 290px;
	float: left;
}
#mlite input.text {
	display: block;
	margin: 0 0 10px;
	width: 150px;
	float: left;
}
form#contact textarea {
	display: block; margin: 3px 0 10px; width: 290px; height: 100px;
}
form#kysely textarea {
	display: block; margin: 3px 0 10px; width: 100%; height: 80px;
}
form select {
	float: left;
	display: block;
}
form p.radio { width:110px; float:left }
form label.radio {display:inline !important; float:left}



.footer span {position:relative; top:19px; font:normal 9px/10px Verdana, Arial, Helvetica, sans-serif; color:#777}
.footer a {color:#777}