@import url("reset.css");

/* Perus asetukset */

body
{
	background: #ffffff;
	color: #222;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	background-image: url(../images/tausta_keskiosa.jpg);
	}

/* Linkit */

a { color: #3e7800; text-decoration: underline; }
a:hover { color: #3e7800; text-decoration: underline; }

/* Sivu asetukset */

#headercont
{
	width: 100%;
	height: 122px;
	background: #ffffff;
	background-image: url(../images/tausta_nav.gif);}

#headercont #header
	{
		margin: 0 auto;
		width: 1000px;
		height: 80px;}
	
		#headercont #header #headerleft
		{
			float: left;
			width: 150px;
			height: 80px;}
		
			#headercont #header #headerleft img
			{
			   position: relative;
			   top: 8px;
	         }
			
			#headercont #header #headerleft h1
			{
				color: #000;
				font-size: 23px;
				margin: 40px 0 0 0;
				font-weight: bold;
				letter-spacing: -1px;}
			
				#headercont #header #headerleft h1 a
				{
					color: #000;}
				
				#headercont #header #headerleft h1 a:hover
				{
					color: #00FFFF;}
		
		#headercont #header #headerright
		{
			float: left;
			width: 850px;
			height: 80px;
			background-image: url(../images/tausta_nav.gif)}
			
			#headercont #header #headerright ul
			{
				clear: both;
				float: left;
				margin: 30px 0 0 0;
				list-style-type: none;}
			
			#headercont #header #headerright ul li
			{
				float: left;
				overflow: hidden;
				height: 40px;}
			
			#headercont #header #headerright ul li a
			{
				padding: 10px 10px;
				float: left; 
				text-decoration: none; 
				color: #000;
				text-transform: uppercase;
				height: 20px;
				line-height: 20px;
				background: #EEE;
				margin: 0 0 0 5px;
				font-weight: bold;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				-moz-border-radius: 5px;
				border-radius: 5px;}
			
			#headercont #header #headerright ul li a.active
			{
				background: #DDD;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;}
			
			#headercont #header #headerright ul li a:hover
			{
				background: #75ae39;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;}
				
/* Banner alue */

#kuvaalue
{
	width: 100%;
	height: 270px;
	background: #ffffff;
	background-image: url(../images/tausta_banner.gif);


}

	#kuvaalue #kuva
	{
		margin: 0 auto;
		width: 900px;
		height: 270px;
		padding: 0px 0;}
	
#maincont
{
	width: 100%;}

	#maincont #main
	{
		margin: 0 auto;
		width: 900px;
		line-height: 22px;}
	
		#maincont #main p { margin: 0 0 15px 0; }
		
		#maincont #main h1, #maincont #main h2, #maincont #main h3, #maincont #main h4, #maincont #main h5 { margin: 0 0 10px 0; color: #222; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }
		#maincont #main h1 { font-size: 26px; }
		#maincont #main h2 { font-size: 24px; }
		#maincont #main h3 { font-size: 18px; }
		#maincont #main h4 { font-size: 14px; }
		#maincont #main h5 { font-size: 24px; }
		#maincont #main h6 { font-size: 30px; }
		#maincont #main ul { margin: 0 0 15px 35px; list-style-type: square; }
		#maincont #main ul li { padding: 0 0 0 2px; }
		
		#maincont #main ol { margin: 0 0 15px 35px; list-style-type: decimal; }
		#maincont #main ol li { padding: 0 0 0 2px; }
		
		#maincont #main blockquote { background: #62bd01; padding: 15px; margin: 0 0 15px 0; color: white;}
	
		#maincont #main #mainleft
		{
			float: left;
			width: 580px;
			
			padding: 20px 20px 20px 0}
			
		
		#maincont #main #mainright
		{
			float: left;
			width: 278px;
			padding: 20px 0 20px 20px;
			border-left: 1px dashed #ccc;
			border-right: 1px dashed #ccc;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			color: #444;}
		

/* Footer */

#footercont
{
	clear: both;
	width: 100%;
	background-color: white;
	background-image: url(../images/tausta_alaosa.jpg);
}

#footercont #footer
{
	margin: 0 auto;
	width: 900px;
	text-align: center;
	font-size: 12px;
	border-top: 23px solid #f0f0f0;
	padding: 40px 0;}
	

/* Kuvien kehykset */

.kuvakehys {
  padding: 7px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: dashed;
  border-color: #abaaaa; }

.entisoidyt-kuvat {
  padding: 8px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: dashed;
  border-color: #abaaaa; }
  
/* Oikean laidan navigaatio */

#vertmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
width: 160px;
padding: 0px;
margin: -30px;}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;}

#vertmenu ul li {
margin: 0px;
padding: 0px;
list-style:none;}

#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #75ae39;
padding: 5px 0px 2px 27px;
text-decoration: none;
color: #666666;
width:205px;
background: url(../images/tick.png) no-repeat center left;}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #dffcc1;}


.viiva {
	border-bottom: 1px dotted #acacac;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/* Kuva galleria */

div.thumb {
margin: 3px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}
.thumb img{
display: inline;
margin: 5px;
border: 1px solid #A0ACC0;
}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {
text-align: center;
font-weight: normal;
width: 120px;
margin: 0 3px 3px 3px;
} 

/* Contact Form */

.contact {
margin-left:45px;}

#contact-area {
margin-left:0px;
}

#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin-bottom:6px;
margin-right:270px;
padding:5px;
width: 510px;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3b3b3b;
}

#contact-area textarea {
height: 200px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #607799;
background: #dffcc1;
}

#contact-area input.submit-button {
margin-right:120px;
width:100px;
color: #fff;
background: #3e7800;
}

div#infotitle {
background-image:url(../images/touch.png);
height:42px;
margin-bottom:6px;
width:800x;}



/* Hinnasto tyylit */

table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.helpHed
{ border-bottom: 2px solid #62bd01;
border-left: 1px solid #62bd01;
background-color: #62bd01;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 13px;
color: white; }

td.helpBod
{ border-bottom: 1px solid #62bd01;
border-top: 0px;
border-left: 1px solid #62bd01;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #62bd01 solid;
border-collapse: collapse;
border-spacing: 0px; }