@charset "UTF-8";

/* ---------- */
/* TAG Resets */
/* ---------- */

body, h1, h2, h3, h5, p, ul, li, form  {padding:0; margin:0; border:0;}

img {border-style: none;}


/* --------------- */
/* TAG Definitions */
/* --------------- */


body, form, input {
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background-image:url(/files/puustelli/img/back_fade.jpg);
	}
	
h1 {font-size:24px;}
h2 {font-size:18px; color:#d71440;}
h3 {font-size:14px; color:#d71440; padding-bottom:5px;}
h5 {font-size:14px;padding-bottom:5px;}

a:link {text-decoration: none; color:#0000EE;}
a:active {text-decoration: none; color:#0000EE;}
a:visited {text-decoration: none; color:#0000EE;}
a:hover {text-decoration: none; color:#0000EE;}

/* ------------- */
/* Page elements */
/* ------------- */

.container {
	margin: 0 auto;
	width: 954px;
	background-color:#;
	}
	
	#logo {
		width:954px;
		height: 100px;
		top:60px;
		}

	
	#header {
		padding-top:50px;
		width: 954px;
		height: 80px;
		}

			#header_left {
				width:187px;
				float:left;
				height:80px;
				}
				
			#header_right {
				float:left;
				height:80px;
				}
	
	#menu {
		width: 954px;
		height: 54px;
		background-image:url(/files/puustelli/img/header.png)
		}
		
	#wrap {background-image:url(/files/puustelli/img/middle_no_shine.png); background-repeat:repeat-y; width:954px;}
	
	#main  {
		width: 954px;
		min-height:550px;
		height:auto !important;
		height:550px;
		background-image:url(/files/puustelli/img/middle_shine.png);
		background-repeat:no-repeat;
		}

			#left_column {
				width:190px;
				float:left;
				text-align:center;
				color:#FFF;
				min-height:500px;
				}
				
			#middle_column {
				width:420px;
				float:left;
				padding: 25px 20px 20px 40px;
				min-height:500px;
				text-align:left;
				}
				
			#middle_column_yksin {
				float:left;
				min-height:500px;
				padding:25px 20px 20px 40px;
				text-align:left;
				width:650px;
				}
				
			#right_column {
				width:260px;
				float:left;
				padding: 25px 10px 20px 0px;
				min-height:500px;
				text-align:left;
				}

	#footer {
		width: 954px;
		height:60px;
		background-image:url(/files/puustelli/img/footer.png);
		background-repeat:no-repeat;
		text-align:right;
		}
		
/* ------------------------------ NAVIGAATIO ----------------------------------*/ 


	#navi 	{
		display: block;
		width: 770px;
		margin-top: 88px;
		margin-left: 230px;
		height: 25px;
		position: absolute;
		}

/* -------------------DROPDOWN-----------------------*/ 


	#subnav {
		position: ;
		top: 0px;
		z-index: 400;
		
	}
	#subnav ul {
		background: none;
		margin: 0;
		padding: 0;
		background:transparent none repeat scroll 0 0;
		
	#subnav ul > li.selected {
		background:#fff;
}	
		
	}
	#subnav ul > li.selected a {
		color: #fff
		
		}
	#subnav ul li {
		margin: 0;
		padding: 7px 10px 3px 8px;	
		float: left;
		display: block;
		height: 22px;
		color: #fff;
		}
	#subnav ul li a {    
		text-decoration: none;
		color: #fff;	
	        font-weight: normal;
	        font-size: 13px;
	        }
	        
	#subnav ul ul {
		position: absolute;
		list-style: none;
		display: none;
		top: 32px;
		z-index: 400;
		
	}
	#subnav ul ul li {
		float: left;	
		margin: 0;
		padding: 0 0 5px 0;
		position: relative;
		z-index: 400;
		background:#58a4d5;
		
		}
	#subnav ul ul li a {
		display: block;
		padding: 5px 10px 5px 20px;
		width: 60px;
		font-weight: normal;
		color: #fff;
		text-decoration: none;
		}
	#subnav ul ul li a:hover {
		background: #a5cee9;
	} 
	
	

	
	
	
	
	
	
	
	
	
	
/* ------------------------------ RED-Triangle ------------------------------ */


	.red-triangle ul li {
		padding-left: 3px;
		list-style-image: url(/files/puustelli/img/red-triangle.png);
		font-size: 14px;
		}
			
	.red-triangle a:link{
		text-decoration: none; color:#213d6a;}
			
	.red-triangle a:visited{
		text-decoration: none; color:#213d6a;}
				
	.red-triangle a:hover{
		text-decoration: underline; color:#213d6a;}		
		

	.red-triangle-white ul li {
		padding-left: 3px;
		list-style-image: url(/files/puustelli/img/red-triangle.png);
		font-size: 14px;
		}
			
	.red-triangle-white a:link{
		text-decoration: none; color:#fff;}
			
	.red-triangle-white a:visited{
		text-decoration: none; color:#fff;}
				
	.red-triangle-white a:hover{
		text-decoration: underline; color:#fff;}


		
		
.clear {
	clear:both;
}

.white {
	h3 {font-size:14px; color:#fff;}
}