* {
	margin: 0;
	padding: 0;
	}
	
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #fff url(../images/tausta.jpg) repeat-x 0 0;
	color: #333;
	height: 100%;
	}

#alasivu {
	background: #fff url(../images/tausta2.jpg) repeat-x 0 0;
	}

html {
	height: 100%;
	}
	
a {
	text-decoration: none;
	color: #38bee7;
	}
	
a:hover {
	text-decoration: underline;
	color: #e77137;
	}

#rakenne,
div.sisalto {
	margin: 0 auto;
	text-align: left;
	}
	
div.sisalto {
	width: 920px;
	}
	
#ylaosa {
	height: 395px;
	position: relative;
	background: url(../images/koriste.jpg) no-repeat 50% 81px;
	}
	
#alasivu #ylaosa {
	height: 213px;
	background: url(../images/koriste2.jpg) no-repeat 50% 81px;
	}

#ylaosa h4 {
	padding: 10px 0;
	}

#ylaosa h4 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/hakukonemarkkinointi-www-sivuja-com-logo.jpg) no-repeat 0 0;
	height: 60px;
	width: 615px;
	}
	
#ylaosa dl {
	position: absolute;
	right: 0;
	top: 20px;
	padding: 0;
	color: #8f8f8f;
	text-align: right;
	}
	
#ylaosa dl dt {
	padding-bottom: 5px;
	}

#ylaosa dl dd a {
	color: #8f8f8f;
	}
	
#ylaosa h3 {
	padding: 90px 150px 10px 0;
	color: #fff;
	font-size: 2.8em;
	letter-spacing: normal;
	}
	
#alasivu #ylaosa h3 {
	padding-top: 40px;
	padding-bottom: 0;
	white-space: nowrap;
	}
	
#ylaosa #ylakuva {
	float: right;
	padding: 40px 0 0 0;
	}
	
#ylaosa p#nosto {
	font-size: 1.7em;
	color: #fff;
	padding: 0 150px 0 0;
	line-height: 110%;
	}
	
#alasivu #ylaosa p#nosto {
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing:0.05em;
	}

#alasivu #ylaosa p#nosto a {
	color: #fff;
	}
	
#ylaosa p#hakukoneoptimointi {
	padding: 20px 0;
	font-size: 12px;
	}
	
#ylaosa p#hakukoneoptimointi a {
	color: #fff;
	background: url(../images/nappi1.png) no-repeat 0 0;
	padding: 10px 25px 10px 35px;
	font-weight: bold;
	}
	
#ylaosa p#ota-yhteytta {
	padding: 0;
	position: absolute;
	right: 0;
	bottom: -43px;
	height: 41px;
	}

#ylaosa p#ota-yhteytta a {
	text-decoration: none;
	color: #fff;
	padding: 13px 48px 15px 50px;
	background: url(../images/ota-yhteytta.png) no-repeat 0 0;
	display: block;
	}
	
#keskiosa {
	min-height: 30em;
	display: block;
	clear: both;
	}
	
#alasivu #keskiosa {
	min-height: 50em;
	}

#alasivu #sisaltoalue,
#alasivu #sivupalkki {
	display: inline;
	}

#alasivu #sisaltoalue {
	float: right;
	width: 600px;
	}
	
#alasivu #sisaltoalue ol {
	font-size: 1.1em;
	margin-left: 40px;
	}

#alasivu #sisaltoalue ul,
#alasivu #sisaltoalue ol {
	padding: 10px 30px;
	}	

#alasivu #sisaltoalue ul {
	margin-bottom: 5px;
	}
#alasivu #sisaltoalue ul li {
	margin-bottom: 3px;
	}
	
#alasivu #sivupalkki {
	float: left;
	width: 310px;
	}
	
#alasivu #sivupalkki ul {
	list-style: none;
	border-top: 1px solid #d6d6d6;
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 10px;
	}
	
#alasivu #sivupalkki ul li a {
	display: block;
	padding: 5px 10px 5px 25px;
	border-bottom: 1px solid #d6d6d6;
	color: #555;
	background: url(../images/navi2.png) no-repeat 5px 8px;
	}

#alasivu #sivupalkki ul li#aktiivinen a {
	color: #38bee7;
	}
	
#alasivu #sivupalkki p#google {
	font-size: 0.85em;
	color: #bbb;
	padding: 0 0 10px 70px;
	background: url(../images/google2.png) no-repeat 0 0;
	}
	
#keskiosa ul#navigaatio {
	list-style: none;
	padding: 10px 0 30px 0;
	margin: 0 0 0 -25px;
	font-size: 14px;
	font-weight: normal;
	}
	
#keskiosa ul#navigaatio li {
	display: inline;
	}
	
#keskiosa ul#navigaatio li a {
	text-decoration: none;
	color: #fff;
	padding: 5px 25px;
	background: url(../images/navi.png) no-repeat 100% 50%;
	text-shadow: #fff 0 0 15px;
	}
	
#keskiosa ul#navigaatio li a:hover,
#keskiosa ul#navigaatio li a:focus,
#keskiosa ul#navigaatio li a:active {
	color: #ff9;
	text-shadow: #ff9 0 0 15px;
	}
	
#keskiosa ul#navigaatio li:last-child a {
	background: none;
	}
	
#mahtipalsta {
	display: block;
	clear: both;
	width: 100%;
	height: 150px;
	border-top: 1px solid #d6d6d6;
	padding-top: 10px;
	}
	
#keskiosa div.palsta {
	float: left;
	display: inline;
	width: 33%;
	padding-bottom: 10px;
	}
	
#alaosa {
	height: 100px;
	background: #858585 url(../images/alaosa.png) repeat-x 0 0;
	margin-top: 20px;
	}
	
#alaosa div {
	position: relative;
	}
	
#alaosa p {
	padding: 0;
	position: absolute;
	right: 0;
	top: 20px;
	color: #fff;
	}
	
#alaosa ul {
	list-style: none;
	color: #fff;
	padding: 20px 0 0 0;
	}
	
#alaosa ul li address {
	padding: 0;
	display: inline;
	font-style: normal;
	font-size: 1em;
	color: #fff;
	}

#alaosa ul li a {
	color: #fff;
	}
	
br.tyhjennys {
	clear: both;
	}
	
abbr, acronym {
	border-bottom-style: dotted;
	border-bottom-width: thin;
	cursor: help;
	}
	
a abbr {
	border-bottom: 0;
	cursor: pointer;
	}
	
img,
a img {
	border: 0;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 5 10px 10px 10px;
	font: 1.8em  Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 120%;
	}

#sisaltoalue h1 {
font-size: 2.0em;
border-bottom: 1px solid #EFEFEF;
line-height: 90%;
letter-spacing: -1px;
padding: 0 0 3px 0;
margin-bottom: 8px;
}
	
#sisaltoalue h2 {
font-size: 1.6em;
}
#sisaltoalue h3 {
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
}
div.palsta h3 {

}
	
p, address, ul, ol, dl, table, form {
	margin: 0;
	padding: 0 10px 10px 10px;
	letter-spacing: normal;
	font-size: 0.9em;
	line-height: 150%;
	color: #555;
	}
	
div.palsta h1,
div.palsta h2,
div.palsta h3,
div.palsta h4,
div.palsta h5,
div.palsta h6,
div.palsta p,
div.palsta address,
div.palsta ul,
div.palsta ol,
div.palsta dl,
div.palsta table,
div.palsta form {
	padding-left: 0;
	}
	
div.palsta p {
	padding-bottom: 20px;
	}
	
#johdanto p {
	line-height: 180%;
	font-size: 1.1em;
	}
	
div.palsta h3#koriste1,
div.palsta h3#koriste2,
div.palsta h3#koriste3,
div.palsta h3#koriste4 {
	padding-left: 30px;
	
padding-bottom: 5px;
font-size: 1.7em;
letter-spacing: 1px;
text-transform: none;
font-weight: normal;
	}
	
div.palsta h3#koriste1 {
	background: #fff url(../images/koriste1.png) no-repeat 0 1px;
	}

div.palsta h3#koriste2 {
	background: #fff url(../images/koriste2.png) no-repeat 0 1px;
	}
	
div.palsta h3#koriste3 {
	background: #fff url(../images/koriste3.png) no-repeat 0 1px;
	}

div.palsta h3#koriste4 {
	background: #fff url(../images/koriste4.png) no-repeat 0 1px;
	}
	
#keskiosa #mahtipalsta div.palsta {
	padding: 10px;
	width: 450px;
	}
	
#keskiosa #mahtipalsta #google {
	padding: 10px 10px 10px 100px;
	margin-right: 20px;
	background: #fff url(../images/google.png) no-repeat 0 15px;
	border-right: 1px solid #d6d6d6;
	width: 300px;
	}
	
#keskiosa #mahtipalsta div.palsta h3,
#keskiosa #mahtipalsta div.palsta h4,
#keskiosa #mahtipalsta div.palsta h5,
#keskiosa #mahtipalsta div.palsta h6,
#keskiosa #mahtipalsta div.palsta p {
	color: #8d8d8d;
	}
	
#keskiosa #mahtipalsta div.palsta h3,
#keskiosa #mahtipalsta div.palsta h4,
#keskiosa #mahtipalsta div.palsta h5,
#keskiosa #mahtipalsta div.palsta h6 {
	font-size: 1.3em;
	letter-spacing: normal;
	padding-bottom: 5px;
	}
	
#alasivu p#johdanto {
	font-size: 1.2em;
	}
	
#vempula {
	position: relative;
	overflow: hidden;
	width: 600px;
	margin: 10px 0 0 10px;
	padding: 0 0 30px 0;
	border-top: 1px solid #bbb;
	}

#vempula p.heikkous {
	position: relative;
	z-index: 3;
	padding: 20px;
	margin: 0 20px;
	background: #fffcd3;
	}

#vempula p.edellinen,
#vempula p.seuraava {
	position: absolute;
	bottom: 10px;
	z-index: 4;
	padding: 0;
	}

#vempula p.edellinen {
	left: 0;
	}

#vempula p.seuraava {
	right: 0;
	}
	
#vempula p.edellinen a,
#vempula p.seuraava a {
	display: none;
	outline: none;
	text-decoration: none;
	background: #f0f0f0;
	color: #333;
	padding: 5px 10px;
	border: 1px solid #ccc;
	}

#vempula p.edellinen a:hover,
#vempula p.seuraava a:hover {
	outline: none;
	color: #000;
	background: #f3f3f3;
	border-color: #999;
	}

#vempula ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
	}

#vempula ul li {
	float: left;
	display: inline;
	width: 605px;
	min-height: 150px;
	padding: 15px 0;
	overflow: hidden;
	}
	
#vempula ul li h3 {
	padding: 0 0 10px 0;
	}
	
#vempula ul li p {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 1em;
	}

/* MARKO */
.listaok {
	list-style-image: url(../images/ok.gif);
	margin-left: 30px;
	line-height: 1.5em;
}
.listaok li {
	padding-top:5px;
}
.listaplus {
	list-style-image: url(../images/plus.gif);
	margin-left: 30px;
	line-height: 1.5em;
}
.listaplus li {
	padding-left: 5px;
	margin-top:5px;
}

.boxed {
  border: 1px solid #ccc;
  padding: 1em;
  margin-top: 1em;
  margin-top: 25px;
  z-index: -99999;
}
    .boxed h2 {
      margin-top: -1.2em;
      background: #fff;
      z-index: 1000000;
      float: left;
      padding: 0 .5em;
      line-height: 1.2em;
    }
    .boxed p { clear: left; }
    .boxed br { clear: left; font-size: 1px; height: 1px; display: block; }
    .boxed ul { margin-bottom: 0; margin-left:20px; }

/* MARKO */

	
/* YHTEYDENOTTO - TYYLIT LOMAKKEESEEN */
#contact-area {
	width: 530px;
	margin-top: 10px;
}

#contact-area input, #contact-area textarea, #contact-area select {
	padding: 1px;
	width: 350px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 180px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 1px solid #ff6600;
	background: #fbfbfb;
}

#contact-area input.submit-button {
	width: 150px;
	margin-left:145px;
	padding:5px;
	letter-spacing: 0.1em;
}

table.paketti_tablet td { 
padding:10px;
border: 1px solid #000;
}



label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 130px;
	padding-top: 0px;
}
/* YHTEYDENOTTO - TYYLIT LOMAKKEESEEN */



/* PIENI YHTEYDENOTTO */
.formspacer2{clear:both; height:1px;}

.myform2 {
width:300px;
}

#stylized2 {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:0; padding:0;
margin:50px 0 0 0;
float:left;
}
#stylized2 h5 {
font-size:12px;
font-weight:bold;
margin-bottom:4px;
color:#5e5e5e;
text-transform: uppercase;
margin:0px;
padding:0 0 3px 0;
}
#stylized2 p{
font-size:11px;
color:#666666;
margin:0 0 10px 0;
border-bottom:solid 1px #b7ddf2;
padding:0 0 10px 0;
}
#stylized2 label{
display:block;
font-weight:bold;
text-align:right;
width:120px;
float:left;
color:#5e5e5e;
padding:0px;margin:0px;
}
#stylized2 .small2{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:120px;
padding:0px;margin:0px;
}
#stylized2 input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:143px;
margin:2px 0 20px 10px;
}
#stylized2 textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:143px;
margin:2px 0 20px 10px;
}
#stylized2 button{
clear:both;
margin-left:130px;
width:145px;
height:24px;
background:#f6f6f6 url(img/button.png) no-repeat;
border: 1px solid #aacfe4;
text-align:center;
line-height:23px;
color:#666666;
font-size:10px;
font-weight:bold;
letter-spacing: 0.1em;
}
/* PIENI YHTEYDENOTTO */



/* REFERENSSIT */
#content_right_referenssit {
width: 200px;
float:right;
padding:0px 0px 10px 10px;
text-align:center;
}
.content_right_referenssit {
position: relative;
width: 200px;
float:right;
padding:0px 0px 10px 10px;
text-align:center;
}
#esittely {
min-height: 90px;
width:528px;
background: url(../images/bg_esittely.gif) top left repeat-x;
padding: 25px;
clear:both;
}
.esittely {
position:relative;
min-height: 90px;
width:528px;
background: url(../images/bg_esittely.gif) top left repeat-x;
padding: 25px;
clear:both;
}
/* REFERENSSIT */

label,
button,
select,
input[type=submit],
input[type=radio],
input[type=checkbox] {
	cursor: pointer;
	}
	
.kuva {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
form {
	padding-bottom: 0;
	}
	
form ul {
	list-style: none;
	padding: 0;
	font-size: 1em;
	text-align: left;
	}
	
form li {
	display: block;
	clear: both;
	padding-bottom: 10px;
	position: relative;
	}
	
li label {
	float: left;
	width: 150px;
	padding: 5px 5px 0 0;
	margin: 0;
	text-align: left;
	}
	
input,
textarea,
select,
label,
button {
	font: 1em Arial, Helvetica, sans-serif;
	}
	
input,
textarea,
select {
	padding: 5px;
	}
	
textarea {
	height: 100px;
	}
	
li input,
li textarea {
	min-width: 300px;
	}
	
li button,
li input[type=submit] {
	margin-left: 155px;
	width: auto;
	min-width: 10px;
	padding: 5px 15px;
	}
	
.pakollinen label {
	font-weight: bold;
	}
	
.pakollinen label span {
	font-size: 0.9em;
	font-weight: normal;
	}
	
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 10px 0 20px 0;
	padding: 15px;
	background: #690;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

.alignleft {
	float: left;
	margin-right: 15px;
	}
	
.alignright {
	float: right;
	margin-left: 15px;
	}
	
#sivupalkki form,
#alasivu #sisaltoalue form ul {
	padding: 0;
	margin: 0;
	}
	
form p {
	padding: 0 20px 10px 0;
	font-size: 0.95em;
	}
	
form h5 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 30px 0 5px 0;
	}
	
#sivupalkki form li {
	padding-bottom: 0;
	padding-top: 10px;
	}
	
#sivupalkki form label {
	width: 130px;
	text-align: right;
	padding: 2px 10px 0 0;
	}
	
#sivupalkki input,
#sivupalkki textarea {
	width: 140px;
	min-width: 140px;
	}
	
#sivupalkki input[type=submit] {
	margin: 0 0 0 140px;
	padding: 5px;
	width: auto;
	}
	
#alasivu #sisaltoalue #leivanmurut {
	list-style: none;
	padding: 0 0 10px 0;
	display: table;
	height: 100%;
	width: 100%;
	}

#leivanmurut li {
	display: inline;
	float: left;
	padding-right: 5px;
	}
	
#leivanmurut a:after {
	content: " \00BB ";
	}
	
.vcard,
.vcard .photo,
img.avatar {
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.vcard {
	padding: 20px;
	margin: 10px 0;
	font-size: 0.95em;
	background: #f0f0f0;
	min-height: 80px;
	}
	
.vcard dt {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
	}
	
.vcard .photo {
	float: left;
	margin-right: 15px;
	}

.vcard dd {
	font-style: oblique;
	}
	
#sisaltoalue #kommentit ol {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#kommentit li {
	position: relative;
	min-height: 80px;
	padding: 10px 10px 10px 80px;
	display: block;
	clear: both;
	border-top: 1px solid #f0f0f0;
	}
	
#kommentit .ilmoitus {
	position: static;
	min-height: 20px;
	padding: 10px;
	text-align: center;
	background: #ffc;
	border: 1px solid #fcc;
	margin: 10px 0 20px 0;
	}
	
#kommentit .ilmoitus p {
	padding: 0;
	}
	
#kommentit p.avatar {
	padding: 0;
	position: absolute;
	left: 0;
	top: 10px;
	}
	
#kommentit h5 {
	font-size: 1.1em;
	padding: 0 0 10px 0;
	}
	
#respond #comment {
	width: 300px;
	height: 100px;
	}
	
.laatikko {
	display: block;
	clear: both;
	}