?/* CSS Document */

/*... Common body specification ...*/


body {
	margin:0 auto;
	background-color:#000000;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fdfcfc;
}
/*... full layout specification ...*/
#layout{
	width:812px;
	height:2080px;
	margin:0 auto;
	background-color: #2B5014;
	
	color: #FFFFFF;
	padding: 0 44px 0 44px;

	}
#layout_etusivu{
	width:812px;
	height:1080px;
	margin:0 auto;
	background-color: #2B5014;
	
	color: #FFFFFF;
	padding: 0 44px 0 44px;

	}

#main_container{   /*... tämä on keltaiset kapeat sivupalkit, pitää tehdä jotain ...*/
	border-left: 10px solid #A3DD00;
	border-right: 10px solid #A3DD00;
	width: 792px;
	height: 1998px;
	

}

#main_container_etusivu{   /*... tämä on keltaiset kapeat sivupalkit, pitää tehdä jotain ...*/
	border-left: 10px solid #A3DD00;
	border-right: 10px solid #A3DD00;
	width: 792px;
	height: 998px;
	

}
#header_part{
	width:730px;
	height:171px;
	float:left;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;	
	padding: 220px 62px 0 0;
	

	}
#company_name{  /*... muuta fontti ja ehkä myös sijainti muutettava ...*/
	width:300px;
	position: absolute; left: 703px; top: 12px; font-weight: bold; 			font-family: Comic Sans MS;
	color: #ff9900;
	font-size: 72px;
	font-style: italic;
	text-align: right;
	}
#slogan{            /*... sijainti muutettava, jos company_name muuttaa ...*/
	width:600px;
	position: absolute; left: 451px; top: 122px;
	font-style: italic;
	text-align: right;
	color: #ff9900;
	}
#navigation_part{  /*... tässä voisi käyttää kuvaa (nav_bg.jpg) ...*/
	width:792px;
	height:34px;
	float:left;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 10px 0 0 0;
	color: #577A18;
	}
#navigation_part a{
	padding: 0px 30px 0 30px;
	list-style: none;
}

#body_part{   /*... tässä on se vesitausta ...*/
	width:792px;
	height:548px;
	float:left;
	background-image: url(../images/vesi.jpg);
	background-repeat: no-repeat;
	
	}
h1
{font-size: 20 px}

h2
{font-size:12px; font-weight:bold; color:#dcfa1f; }

h4
{font-size:16px; font-weight:bold; color:#80FF00; }


#body_content_etusivu{
	width:500px;
	height:530px;
	float:left;
	padding: 18px 10px 0 15px;
	text-align: justify;   /*... tasaus: mol reunat ...*/
	overflow: hidden;
	
	}

#body_content{
	width:700px;
	height:1530px;
	float:left;
	padding: 18px 10px 0 15px;
	text-align: justify;   /*... tasaus: mol reunat ...*/
	overflow: auto;
	
	}
#updates {
	width:498px;
	float:right;
	background-color: #3b6226;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	border:1px solid #7a872a;
	line-height: 22px;
} 

#body_side_box{
	width:220px;
	float:left;
	margin: 25px 0 0 20px;
	border: 1px solid #d7f325;
	}

	
.heading_box {		/*... sivupalkin "otsikkokenttä" ...*/
	width:220px;
	height:33px;
	float:left;
	background-image: url(../images/body_top_heading_bg.jpg);
	background-repeat: repeat-x;
	}
.heading_text{
	width:165px;
	height:23px;
	float:left;
	color: #131707;
	font-weight: bold;
	padding: 10px 0 0 20px;
	}
.arrow_image {
	width:35px;
	height:33px;
	float:left;
	}
.content_box{
	width:204px;
	float:left;
	padding: 10px 8px 10px 8px;
	text-align: left;
	}

#footer_part{
	width:812px;
	height:42px;
	float:left;
	background-color: #D0FA58;
	
	font-size: 11px;
	font-weight: bold;
	color: #131707;
	text-align: center;
	padding: 40px 0 0 0;

	}
	
.heading{ color:#a3dd00; font-weight:bold;}
.slogan {font-size:20px; font-weight:bold;}
.link{color:#dbf821;}
		
/*MAIN LINK-STYLE*/
a:link,
a:visited,
a:active{color: #577A18;  text-decoration:none; font-weight:bold; font-size: 12px; }
a:hover{color: #990033;  text-decoration:none; font-weight:bold; font-size: 12px; }



.more:link,
.more:visited,
.more:active{color:#ddff00;  text-decoration:underline; font-weight:bold; font-size: 11px; }
.more:hover{color: #FFFFFF;  text-decoration:underline; font-weight:bold; font-size: 11px; }

/* footer_links -style-details*/
.footer_links:link,
.footer_links:visited,
.footer_links:active{ color:#131707; text-decoration:none; font-size:11px; font-weight: bold; }
.footer_links:hover{ color:#990033; text-decoration:none; font-size:11px; font-weight: bold; }