* { margin: 0; padding: 0; }

body { background: #fff; margin:0px; padding: 0px; background-image: url(tausta.png); background-repeat: repeat; }
body, p, div, form, td { font: normal 9pt 'Lucida Grande', Verdana, Arial, sans-serif; color: #333; }

a { color: #A1A34F; }
a:hover { color: #A1A34F; }

a.punainen { color: #d63589; }
a.punainen:hover { color: #d63589; }

#container  { width:964px}

.logo { float: left; }

#head { height: 142px; background: #f6f5ef; width:100%}
#head_intro { height: 142px; width:100%}

#left_side {float: left; background-color:#eeede7; width: 142px; height:427px;}
#left_side2 {float: left; background-color:#eeede7; width: 142px; height:1650px;}

#left_side_intro {float: left; width: 138px; height:427px;}

#right_side { float: left; background-color:#f7f6f2; width: 822px; height:427px;}
#right_side2 { float: left; background-color:#f7f6f2; background-image:url('yrityksille_tausta.png'); width: 822px; height:427px;}
#right_side3{ float: left; background-color:#f7f6f2; background-image:url('yksityisille_tausta.png'); width: 822px; height:427px;}
#right_side4{ float: left; background-color:#f7f6f2; width: 822px; height:1650px;}

#right_side_intro { float: left; background-color:white; padding:2px; }


.leftsidetable {float: left; width: 300px; margin-bottom:40px;}
.rightsidetable {float: left; width: 400px; margin-bottom:40px; }


#kiitos_div
{
width:732px;
height:120px;
border: 2px solid #B1B065;
text-align: center;
background-color: #FFFFFF;
margin-bottom:20px;
}


.kiitosteksti
{
font: italic 17px Arial, sans-serif; color: #333;
margin:20px;
text-align: center;
}
.nappi
{
margin:0px;
display: inline; 
background-color: #FFFFFF;
border: 2px solid #B1B065;
padding:3px;
}


#navi
{

  width:100%;
  padding: 0px;
  height:30px;
  line-height:30px;
  background-color:#fff;
}
#navi_intro
{
  width:100%;
  padding: 0px;
  height:30px;
  line-height:30px;
}
#navi2
{
  padding: 0px;
	margin:48px 0px 0px 20px;
	width:100px;
}
#navi3
{
  padding: 0px;
	margin:45px 0px 0px 20px;
	width:100px;
}
#navi4
{
  padding: 0px;
	margin:31px 0px 0px 20px;
	width:100px;
}

#navi5
{
  padding: 0px;
	margin: 47px 0px 0px 20px;
	width:100px;
}


#text_container
{
  padding: 0px;
	margin:45px 0px 0px 33px;
	width:753px;
	vertical-align:top;
	text-align:top;
	    
}
#text_container2
{
  padding: 0px;
	margin:46px 0px 0px 33px;
	width:755px;
	vertical-align:top;
	text-align:top;


}
#text_container3
{
  padding: 0px;
	margin:0px 0px 0px 33px;
	width:755px;
	vertical-align:top;
	text-align:top;


}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 0px;
    margin-top:0px;
    margin-left:4px;
    margin-bottom:15px; 
    vertical-align:top;
}

.otsikko {

font: normal 17px Arial, sans-serif; color: #333;
margin-top:0px;
padding-top:0px; 
}

.leipis {
font: normal 14px Arial, sans-serif; color: #333;
margin-bottom:21px;
width:545px;
}
.leipis2 {
font: normal 14px Arial, sans-serif; color: #333;
margin-bottom:21px;
width:360px;
}

.leipis3 {
font: normal 14px Arial, sans-serif; color: #333;
margin-bottom:21px;
width:750px;

}

.leipis4 {
font: normal 14px Arial, sans-serif; color: #333;
margin-bottom:21px;
width:750px;

}

.leipis5 {
font: normal 14px Arial, sans-serif; color: #333;
margin-bottom:21px;
width:130px;

}



.linkkikuva
{

}
.kuva
{

}

#navi a:hover, a#selected_main
{
color: #e9129c;
}

#navi2 a, #navi2 a:hover,#navi4 a, #navi4 a:hover
{
  padding: 0px;
	display: block;
}
#middle_content
{
	display: block;
	width:100%;
	height:427px;
}

#middle_content2
{
	display: block;
	width:100%;
	height:800px;
}


#middle_content_intro
{
	display: block;
	width:100%;
	height:403px;
	
}

#alapalkki
{
	margin-top:6px;
	background-color: #a3a455;
	width:100%;
	display: block;
	margin-bottom:40px;
}

#alapalkki_intro
{
	margin-top:6px;
	background-color: green;
	width: 826px;
	background-color: #a3a455;
	margin-left:138px;
	height:28px;
	margin-bottom:40px;
}

#alapalkki_intro a, #alapalkki_intro a:hover
{
float:right;
margin-right:10px;
line-height:28px;
text-decoration: none;
color:white;
}


#gallery_table
{
	margin: 52px 0px 0px 30px; 
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/*Formille*/

.form_inputti{ width:300px; background-color:#ECECDC;}
.form_inputti_lyhyt{ width:100px; background-color:#ECECDC;}
.form_inputti_keskipitka{ width:200px; background-color:#ECECDC;}

.left_check_box  {
margin-top:5px;
clear: left;
display: block;
float: left;
width: 150px;
}
.right_check_box{
margin-top:5px;
clear: right;
float: left;
width: 200px;
}

.input_label
{
margin-top:3px;
margin-bottom:3px;
}
.input_label_2{
margin-bottom:3px;
margin-top:15px;
}
.error{
color:#DA3838;
}