body {
   background:#cccccc url(../imgs/MainBkgB.jpg) center top repeat-y;
   margin:0;
   padding:0;
   font-family:tahoma,arial,verdana;
   font-size:11px;
   color:#415358;
}

.space {
clear: all;
width: 768px;
height: 10px;
   margin-left:auto;
   margin-right:auto;
}


.clear {
clear: all;

}

#logoarea {
width: 768px;
height: 60px;


   margin-left:auto;
   margin-right:auto;
}



#Limg {
margin-left: 15px;
float: left;
width: 60px;
height: 60px;

}


#LTitle{

float: left;
width: 220px;
margin-left: 10px;


}



#LTitle H1 a{
font-size: 14px;
text-decoration: none;

color: #052D92;
}


#LDetail{
float: right;
margin-right: 25px;


}


#LDetail h2{
font-size: 80%;

}


#banner  {

width: 768px;
height: 120px;
margin-top:1px;
		   background:url(../imgs/bannerB.jpg);
   margin-left:auto;
   margin-right:auto;

}





#menucont{
   margin-left:auto;
   margin-right:auto;
   width:  768px;

   height:22px;
 background:url(../imgs/MenuBarB.jpg) repeat-x; 
 /*  background:url(img/top2bkg_B.jpg) repeat-x;  */
}



#menubx  {
   margin-left:auto;
   margin-right:auto;
/* width: 650px;  */
width: 768px;


}

#menubx ul {
/*	float: left;  */

	padding: 0;
	list-style: none;

}

#menubx li {
	float: left;
	display: block;
	height: 22px;
		text-align: center;
	line-height: 22px;
		   background:url(../imgs/flip1B.jpg);
		background-repeat: no-repeat;
}

#menubx li:hover {
	/*  background: #F9F8F1;  */
	color: #FBA942;
		   background:url(../imgs/flip2B.jpg);
background-repeat: no-repeat;
}

#menubx a {
	display: block;
width: 106px;
	height: 22px;
	/*  padding: 5px 20px 0 20px;  */
	text-align: center;
	text-decoration: none;
	
	font-weight: bold;
	 color: #F3E9D0;  
}


#menubx a:hover{
	/*  color: #E3E4E2;  */
	color: #ffffff;
		   background:url(../imgs/flip2B.jpg);
background-repeat: no-repeat;
}


#menubx li.active {
	/*  	   background:url(../imgs/flip2.jpg);  */
color: #ffffff;


}

#menubx  a.active  {
		/*   background:url(../imgs/flip2B.jpg);  */
color: #ffffff;
}



.end1 {

width:60px;
height: 22px;;
float:left;
text-align: right;
 /* background:url(../imgs/flip1.jpg);  */

}

.end2 {

width:60px;
height: 22px;;
float:left;
text-align: left;


}


#maincontentA {
   margin-left:auto;
   margin-right:auto;
      width: 768px;
      height: 400px;
}

#maincontentC {
   margin-left:auto;
   margin-right:auto;
      width: 768px;
      height: 450px;

}

#maincontentM {
   margin-left:auto;
   margin-right:auto;
      width: 768px;
      height: 450px;

}




#Center{
float: left;
margin-left: 20px;
width: 420px;


}

#CenterM{
float: left;
margin-left: 20px;
margin-top: 20px;
width: 440px;


}


#Center a{
text-decoration: none;
color: #052D92;


}

#Center a:hover{
text-decoration: none;
color: #5D88F5;


}

#CenterM a{
text-decoration: none;
color: #052D92;


}

#CenterM a:hover{
text-decoration: none;
color: #5D88F5;


}

#recent{
float: left;
margin-left: 15px;
margin-right: 15px;
text-align: center;
width: 268px;


}

#recent h2{
font-size: 90%;
	letter-spacing: +2px;


}

img.energia  {
border: 1px solid #999999;

}


img.energia2  {
border: 1px solid #3656D1;

}


img.energia3top  {
border: 1px solid #313131;

}

img.energia3  {
border: 1px solid #313131;
margin-top: 20px;

}





#footer{
text-align: center;
   margin-left:auto;
   margin-right:auto;
      width: 768px;

}


#footer a{
text-decoration: none;
color: #052D92;

}


#footer a:hover{
text-decoration: none;
color: #5D88F5;

}


#prefoot{
text-align: center;
   margin-left:auto;
   margin-right:auto;
      width: 768px;
         background:url(../imgs/footB.jpg) repeat-x;
                  height: 15px;
         }
         
         
#postfoot{
text-align: center;
   margin-left:auto;
   margin-right:auto;
      width: 768px;
         background:url(../imgs/foot2.jpg) repeat-x;
         height: 15px;
         }

/* TOIMINTA  ------------------------------------------------*/

#maincontentTOIMINTA {

   margin-left:auto;
   margin-right:auto;
      width: 768px;
      height: 800px;
}


/* LOGGED IN ----------------------------------------------------*/


ul.loggedin {
font-size: 15px;
list-style: none;
}


/* ISO KONE STOP  */



#maincontentISTOP {
   margin-left:auto;
   margin-right:auto;
      width: 768px;
      height: 900px;
}




/* ISO KAYNNISTYS  ---------------------------------------------------*/


#maincontentIKAYN {

   margin-left:auto;
   margin-right:auto;
      width: 768px;
      height: 1700px;
}

#galleryIKS {
float: left;

width: 200px;
margin-right: 10px;
height: 700px;
text-align: center;
}

.gal {
margin-top: 10px;
background-color:  white;
border: 1px solid #313131;
padding: 2px;
margin-bottom: 10px;
}

#ohjeet {
float: left;

margin-top: 60px;
width: 210px;
text-align: left;

}


#ohjeet ul {
padding-left: 0px;
list-style: none;
margin-left: 5px;
line-height: 22px;


}




/*contact*/


#formhold{
	width: 470px;
	margin-top: 20px;


}


#formtitles{
float:left;
margin-top: 35px;
width:90px;
	height: 300px;


}

#fnamet{
	width:90px;

	line-height:24px;
	text-align: right;
}

#femailt{
	width:90px;

	line-height:24px;
	text-align: right;
}

#femailt2{
	width: 90px;

	line-height:24px;
	text-align: right;
}

#fcommentt{
	width:90px;

	line-height:32px;
	text-align: right;
}

#fitems{
float:left;
margin-left:20px;
margin-top: 35px;
width:350px;
	height: 300px;

	text-align:left;
}


#fnameI{
	width:150px;

		margin-top:2px;
	line-height:28px;
	text-align: left;
}

#femailI{
	width:150px;

	margin-top:2px;
	line-height:26px;
	text-align: left;
}


#femailI2{
	width:150px;

	margin-top:2px;
	line-height:26px;
	text-align: left;
}


#fcommentI{
	width:290px;

		margin-top:2px;
	height:180px;
	line-height:20px;
	text-align: left;
}


/*end here*/



/* ajax for  */


#form_box {
	width: 400px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font:90% Arial, Helvetica, Sans-serif;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	width: 400px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}