/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body,html {
	margin: 0;
	padding: 0;
	font-family: arial,sans-serif;
	font-size:small;
	color:#585d62;
	font-size: 10pt;
	height: 100%;
	/*background-image: url(../kuvat/taustakuva_oikea_yla.jpg);
	background-position: top right;
	background-repeat: no-repeat;*/
}

div#ylaosa {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px auto;
}

#header {
	background: #8cb10a url(../kuvat/nav-bg.jpg) repeat-x top center;
    height: 100px;
    margin: 0 auto;
    width: 955px;
	padding: 0 0 0 40px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

div#navipalkki {
    margin: 0 auto;
    overflow: hidden;
    padding: 25px 0 0;
	/*background-image: url(../kuvat/navipaaty.jpg); 
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #D0E004;
	background: #B6CE06;*/
}


.siimat {
width: 498px;
height: 142px;
top: 0;
left: 0;
position: absolute;
background-image: url(../kuvat/siimat.png); 
background-position: top left;
background-repeat: no-repeat;
}

.logo  { 
width: 378px;
height: 75px;
top: 66px;
left: 498px;
position: absolute;
}

div#sisalto {
position: relative;
width: 975px;
margin: 0 auto 0 auto;
padding: 50px 20px 60px;
background-image: url(../kuvat/valkopikseli.png);
background-position: top left;
background-repeat: repeat;
}

.navitesti { 
position: absolute;
top: 0;
left: 0;
}

.teksti { margin: 0 0 0 20px; width: 885px; clear: both; }

.vasen { float: left; width: 450px; margin: 0 3px 0 0; }
.oikea { float: right; width: 405px; margin: 0 0 0 27px; }


.refer-vasen { float: left; width: 427px; padding: 0 15px 0 0; margin: 0; }
.refer-oikea { float: right; width: 427px; padding: 0 0 0 15px; margin: 0; }
.ref-pieni-kuva { float: left; padding: 0 10px 10px 0;}

.refer-oikea h3, .refer-vasen h3 { clear: both;}

.oikeareunus{ float: right; width: 375px; margin: 0 0 0 25px; padding: 0;  }

.oikeareunus_vasen { float: left; width: 185px; margin: 0 5px 0 0; }
.oikeareunus_oikea { float: right; width: 185px; margin: 0; }

.uusimmat {   }
.clear { height: 15px; clear: both; }


.malli1, .malli2, .malli3 {
	width: 295px; 
	float: left; 
}

.malli1 {
	padding: 0 12px 0 0;
}

.malli2 {
	padding: 0;
}

.malli3 {

	padding: 0 0 0 12px;
}

.mallikuva img {
	border: 1px solid #6E6E6E;
}



 

.push {
	height: 200px;
	clear: both;
}

div#alaosa {
	width: 100%;
	height: 200px;
	clear: both;
	
	/*background-image: url(../kuvat/taustakuva_ala.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: ;*/
	
	background: #B6CE06; 

    min-height: 250px;
    overflow: hidden;
    padding-bottom: 60px;
    width: 100%;
}

.alareunus {
width: 100%;
border-top: 1px solid #cccccc;
}

.alasisalto {
width: 975px;
margin: 0 auto 0 auto;
padding: 50px 0 50px;
overflow: hidden;
}

#vasen {
	width: 450px; height: 160px;
	float: left; 
	padding: 20px 0 0;
	border-right: 1px solid #8aaa07;
}

#oikea {
	width: 450px; height: 160px; 
	float: left; 
	padding: 20px 0 0 70px;
	border-left: 1px solid #e1eb98;
}




.yhteystieto{
	width: 200px; 
	float: left; 
	padding: 0 10px 0 0;
}

.yhteystieto p {
	color: #316601;
}

.yhteystieto-lomake {
	float: left; 
	padding: 0;
	width: 292px;
	color: #316601;
}

#gmap{
	width: 460px;
	height: 300px;
}







/* ------- LOMAKE ------- */

#lomake {
	padding: 0 0 0 0;
}

#lomake label {
	float: left;
	font-weight: normal;
	color: #316601;
	width: 70px;
}

#lomake input {
	border: 1px solid #68861f;
	border-right: none; border-bottom: none;
	background-color: #dee580;
	float: left;
	font-family: Arial;
	color: #316601;
	font-size: 12px;
	margin: 0 0 7px 20px;
	width: 196px;
	padding: 2px;
}

#lomake input[type=submit]{
	border: 1px solid #63930c;
	background: #dee580;
	color: #68861f;
	float: right;
	font-family: Arial;
	font-size: 10pt;
	padding: 3px 10px; margin: 0 0 0 0;
	cursor: pointer; /* hand-shaped cursor */
	width: 60px;
}