/*---------------------------------------------------------------
				Copyright: Sailcom Ky 2047915-1
				www.sailcom.fi 	info@sailcom.fi
---------------------------------------------------------------*/
body {
	background:		#09456a url(../images/tausta.jpg) repeat-x top left;
	margin:			0 0 0 0;
	
	font-family:	Arial, Helvetica, sans-serif;
   	font-size:		12px;
   	line-height:	18px;
   	font-style:		normal;
   	font-weight:	normal;
   	text-align:		left;
   	color:			#323333;
}
img, div { behavior: url(../styles/iepngfix.htc); }
.slideshow {
	position:		relative;
	margin-left:	64px;
	background:		#ffffff;
}

#nav { 
	
}
#nav a { border: 1px solid #ccc; background: #4f97c8; color:#ffffff; text-decoration: none; margin: 5px; padding: 3px 5px;  }
#nav a.activeSlide { background:#ffc20d; color:##666666; }
#nav a:focus { outline: none; }
 
#ylateksti {
	position:		absolute;
	top:			26px;
	left:			290px;
	text-align:		center;
	
	font-family:	verdana;
	font-size:		14px;
	font-style:		italic;
	font-weight:	bold;
	color:			#fff;	
}
#ylaosa {
  	position: 		relative;
  	width: 			787px;
  	height:			168px;
  	margin-top:		11px; 
  	background: 	url(../images/ylaosa.jpg) no-repeat top left;
  	border:			0px solid black;
}
.button {
	position: 		absolute;
	top:			101px;
	background:		url(../images/button.jpg) no-repeat top left;
	height:			26px;
	width:			143px;
	padding-top:	4px;
	
   	font-family:	Arial, Helvetica, sans-serif;
   	font-size:		12px;
   	font-style:		normal;
   	font-weight:	bold;
   	text-align:		center;
   	color:			white;
}
.button li {
	width:			100%;
   	height:			100%;
   	border:			0px solid red;
   	list-style-position: outside;
   	list-style-type:none;	
}
.button li a {
	display:		block;
   	text-decoration:none;	
   	color:			#ffffff;
}
.button li a:hover, li a:active {
   color: 			#666666;
}
#content {
	position: 		relative;
  	width: 			767px;
  	min-height: 	300px;
	background: 	url(../images/content_tausta_valiviivalla.jpg) repeat-y top left;
	padding-top: 	1px;
	padding-left:	10px;
	padding-right:	10px;
	padding-bottom:	10px;
	text-align: 	left;
}
#content a:link, #content a:visited {
	color:			#09456a;
	font-style:		normal;	
}
#content a:hover, #content a:active {
	color:			#323333;	
	text-decoration:none;
}
#valiviivan_ylaosa {
	position:		absolute;
	top:			-10px;
	left:			164px;
	height:			20px;
	width:			11px;
	background:		url(../images/valiviiva.jpg) repeat-y top left;
}
#valiviivan_alaosa {
	position:		absolute;
	top:			-13px;
	left:			164px;
	height:			20px;
	width:			11px;
	background:		url(../images/valiviiva.jpg) repeat-y top left;
}
#kokosivun_sisalto a:link, #kokosivun_sisalto a:visited {
   color:			#323333;
   text-decoration: underline;
}
#kokosivun_sisalto a:hover, #kokosivun_sisalto a:active {
   color:	 		#666666;
}
#teksti {
	position:		relative;
	width:			550px;
	padding-left:	45px;
	padding-bottom:	30px;
}
#teksti a:link, #teksti a:visited {
	color:			#09456a;
	font-style:		normal;	
}
#teksti a:hover, #teksti a:active {
	color:			#323333;	
	text-decoration:none;
}

#menu {
	position: 		absolute;
	top:			264px;
	left:			79px;
	padding:		20px 0 0 20px;
  	width:			201px; 
  	height:			331px;

	background:		#dddddd url(../images/menu_tausta.jpg) no-repeat top left;
	
   	font-family:	Arial, Helvetica, sans-serif;
   	font-size:		12px;
   	font-style:		normal;
   	font-weight:	bold;
   	text-align:		left;
}
#menu li {
	list-style:		none;
}

#menu li a {
	display:		block;
   	background: 	#ffffff;
   	margin-top:		2px;
   	padding:		4px 0 2px 6px;
   	text-align: 	left;
   	text-decoration:none;
   	width:			160px;
   	
   	z-index:		2;	
}
#menu li a:link, #menu li a:visited {
   color:			#2d4a5c;
}
#menu li a:hover, #menu li a:active {
   background: 		#f2ede9;
}
#alavalikko {
	position:		relative;
	width:			145px;	
	padding-top:	10px;
	padding-left:	5px
}
#alavalikko a:link, #alavalikko a:visited {
	font-family:	Arial, Helvetica, sans-serif;
   	font-size:		12px;
   	font-style:		normal;
   	font-weight:	normal;
   	color:			#323333;
   	text-decoration:none;	
}
#alavalikko a:hover, #alavalikko a:active {
   	text-decoration:underline;	
}

#kuvagalleria {
	position:		relative;
	width:			100%;
	text-align:		center;	
}
#alaosa {
	position:		relative;
	width: 			787px;
	height:			45px;
	background:		url(../images/alaosa.png) no-repeat top left;
	padding-top:	25px;
	
   	text-align:		center;
   	color:			#ffffff;
}
h1 {
	margin:			0 0 10px 0;
	font-size:		18px;
	color:			#406a88;	
}
h2 {
	font-size:		14px;
	color:			#406a88;	
}

#hide_field {
	visibility:		hidden;  
   	display:		none;	
}
.painike {
	background:		#406a88;
	color:			#ffffff;
}