/***************************************************
	AUTHOR: Liina Pütsepp:
	DATE: 26.6.2007
	Copyright (c) Timmi Software Oy, 2007
 ***************************************************/
body{
	margin:0;
	padding:0;
	text-align:center;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "lucida grande", verdana, helvetica, sans-serif;
	color:#fff;
	background: #bfbfbf url('../img/Timmi_bg.jpg') repeat-x top left;

}

/***************************************************
   Site Layout STRUCTURE
 ***************************************************/
#maincontainer {
	width: 801px; /* leveys (huom #leftcolumn) */
	margin: 30px auto 20px auto;
}
#header {
	text-align:	left;
}
#menucontainer {
	width: 		100%;
	text-align: center;
}
#contentwrapper {
	float: 		left;
	width: 		100%;
}
#contentcolumn {
	text-align:	 left;
	margin-left: 251px; /* (huom #leftcolumn) */
}
#leftcolumn {
	float: 		 left;
	text-align:	 left;
	width: 		 251px; /* vasen palikka (huom #contentcolumn) */
	margin-left: -801px; /* -Leveys (huom #maincontainer) */
}
#footer {
	clear: 		both;
	width: 		100%;
}
.padding {
	margin: 	20px; /* = 20px */
}

/***************************************************
   Site Layout IMAGES and COLORS
 ***************************************************/
#maincontainer {
	background:	#fff url('../img/Timmi_content.jpg') repeat-y top center;
	color:		#555;
}
#header {
	background: #ccc url('../img/Timmi_header.jpg') no-repeat top center;
	color: 		#70706F;
	height: 	198px;
}
#menucontainer {
	background: #fff url('../img/Timmi_menul.jpg') no-repeat top center;
	color:		#333;
	height: 	61px;
	line-height: 51px;
}
#contentwrapper {}

#contentcolumn {}

#leftcolumn {
}

#footer {
	background: #ccc url('../img/Timmi_footer.jpg') no-repeat top center;
	color: 		#70706F;
	height: 	95px;
}

/***************************************************
   Typography
 ***************************************************/

h1, h2, h3, p { font-weight: normal; margin: 0; }
h1 {	font-size: 18px; 	padding: 0.4em 0 0.8em 0; 	color: #666; }
h2 {	
	font-size: 16px;
	padding: 0;
	padding-top: 0.6em;
	padding-bottom: 0em;
	color: #999;
	}
h3 {	font-size: 14px; 	padding: 0.6em 0 0.2em 0; 	color: #8e8274;}

p {
	font-size: 		12px;
	line-height: 	17px;
	padding: 		0.5em 0;
}

#menucontainer {
	font-size:		12px;
}

 #contentcolumn  {
	font-size: 12px;
}
#leftcolumn  {
	font-size: 10px;
}

#leftcolumn h1 {
	font-size: 14px;
	padding: 0.8em 0 0.2em 0.8em;
	font-variant: small-caps;
	color: #8e8274;
}

#footer p {
	font-size: 		12px ;
	line-height: 	14px;
}
#newslist {
	font-size: 		10px ;
	line-height: 	12px;
}
/***************************************************
   General
 ***************************************************/
img.right 	{ float: right; }
img.left 	{ float: left;  }
.clear	{ clear: both;  }
.center  {text-align:center;}
.right  {text-align:right;}
.left  {text-align:left;}
.noshow  { display: none }
img 	{ border: 0; padding: 0; margin: 0.6em 2.5em 0.6em 1.2em; }
img.icon { border: 0; padding: 0.5em 0 0 0; margin: 0; }


/***************************************************
   Header
 ***************************************************/

  #header {

 }

 #header p {
	text-align:		right;
	font-size: 		10px;
	margin:0; padding:0px;

 }

 a.headlink {
	margin-top: 	16px;
	margin-left: 	60px;
	display: 		block;
	width: 			400px;
	border:			0;
	line-height: 	100px;
	text-decoration: none;

 }

#header p a, #header p a:visited {
	text-decoration: none;
	color: 			 #666;
	padding:		20px 0 0 20px;

}
#header p a:hover , #header p a:active {
	color: 			 #666;
	text-decoration: underline;
}
.lock {
	background: 	transparent url('../img/lock.gif') no-repeat bottom left;
	float: right;
}


/***************************************************
   Content
 ***************************************************/
#contentcolumn {
	padding: 		0 2em 2em 0;
}

#contentcolumn ul {
	padding: 		0.4em 0.8em;
	margin: 		0em 2.5em;
	list-style: 	none outside url('../img/li.gif');
}
#contentcolumn ul li {
	padding: 		0 0 0 0.8em;
	margin: 		0;
}
#contentcolumn a {
	text-decoration: underline;
	color: 			 #ba8810;
}
#contentcolumn a:visited {
	color: 			 #8e8274;
}
#contentcolumn a:hover , #contentcolumn a:active {
	color: 			#f7b725;
}

p.quote {
  padding: 			0.4em 0.8em;
  margin-left: 		2em;
  border-left: 		2px solid #FEE456;
}

.divider {
	margin: 2em 2em 0em 2em ;
	background: #fff url('../img/dotline.jpg') repeat-x top center;
}


/***************************************************
   Top Navigation
 ***************************************************/
#menucontainer, #menu, #menu li {
	margin: 	0;
	padding: 	0;
}

#menu {
	margin-left: 	14px;
	list-style: 	none;
}

#menu li {
	float:			left;
	width: 			129px;
	text-align: 	center;
}

#menu a{
	width: 			 100%;
	padding-top:	 10px;
	display: 		 block;
	text-decoration: none;
	background: 	 transparent url('../img/Timmi_menu.jpg') no-repeat top right;
	color: 			 #8e8274;
}
#menu a:hover{
	background: 	 transparent url('../img/Timmi_menuh.jpg') no-repeat top right;
	font-weight: 	 bold;
	color: 			 #f7b725;
}
#menu a.active{
	background: 	 transparent url('../img/Timmi_menuh.jpg') no-repeat top right;
	font-weight: 	 bold;
	color: 			 #f7b725;
}



/***************************************************
   Left Menu
 ***************************************************/

#leftmenu {
	width:				225px; /*238px;*/
	padding: 			20px 0 0 13px;
}

#leftmenu ul {
	padding: 			0;
	margin:  			0 20px 0 0;
	list-style-type: 	none;
}
#leftmenu ul li{
	padding: 			1em 0;
}

#leftmenu a, #leftmenu a:visited {
	width:				100%;
	display: 			block;
	/*line-height:		2.6em;*/
	padding:		0.2em 0em 0.4em 2em;
	color: 				#70706F;
	background: 	 	transparent url('../img/link_bg.gif') no-repeat bottom left;
	text-decoration: 	none;
}

#leftmenu a:hover, #leftmenu a.active{
	color: 				#70706F;
	background: 	 	transparent url('../img/link_bgh.gif') no-repeat bottom left;
}

#leftmenu #productLeftMenu a:hover {
	background: 	 	transparent url('../img/link_bgh2.gif') no-repeat bottom left;
}



/***************************************************
   Footer
 ***************************************************/
#footer {
	text-align:			left;
}
#footer p  {
	float:				left;
	padding-top:		16px;
}

#footer p.f_left {
	width:				45%;
	padding-left:		24px;
}
#footer p.f_center {
	text-align:			right;
	width:				20%;
	padding-right:		30px;
}
#footer p.f_right {
	width:				26%;
}

#footer a.f_link {
        font-size:              9px;
        color:                   #ba8810;
}


#footer p b {
	color: 				#716F70;
}

/***************************************************
   Other misc
 ***************************************************/

#SV2010 {
	text-align: left;
	margin-top: 10px;
}
#leftmenu #SV2010 a, #leftmenu #SV2010 a:hover {
	border: 0; 
	background: none transparent;
}
#SV2010 img {
	padding: 0; 
	margin: 0;
}