/*RESET, Nämä poistavat selaimen oletusmäärittelyt*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	border:none;
}

html{
	height:100%; 
	overflow:auto;
}

ol,ul{
	list-style:none;
}

blockquote,q{
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none;
}

:focus{
	outline:0;
}

ins{
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

/* LAYOUT */

body {
	padding:10px 0 20px 0;
	*padding:10px 0 50px 0;
	background-color:#36251c;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	text-align:center;

	
}

.container{
	margin:0 auto;
	position:relative;
	top:0px;
	left:-90px !important;
	*left:-90px !important;
	width:809px;
	text-align:center;
	z-index:100 !important;
	background-image:url(../images/bg_repeat.png);
	background-repeat:repeat-y;

		
			-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.25);
			-moz-box-shadow: 0 1px 10px rgba(0,0,0,.25);
			box-shadow: 0 1px 10px rgba(0,0,0,.25);

			-webkit-border-radius: 18px;
			-khtml-border-radius: 18px;	
			-moz-border-radius: 18px;
			border-radius: 18px;

}

.content,.navigation,.header,.footer, .update{
	display:inline;
	float:left;	
	position:relative;
}




.flash{
}


.youtube{
}

.navigation{
		width:640px;
		margin:50px 0 0 80px;
		padding: 5px 0 10px 0;
		border-bottom: 2px solid #6c0d35;
		border-top: 2px solid #6c0d35;
		z-index:120;

}

.lanquage	{
		display:compact;
		float:right;	
		position:relative;
		width:649px;
		margin: -70px 0 0 0;
		*margin: -80px 0 0 0;
		padding:0 80px 0 80px;	
		text-align:right;
		z-index:120;
		}

.info		{
		display:compact;
		float:right;	
		position:relative;
		padding: 15px 10px 10px 10px ;
		_padding: 10px 0 0 0 ;
		margin: 0px -170px 0 0;
		_margin: 0 -220px 0 0;
		*left:80px;
		_left:0px !important;
		width:200px;
		height:144px;
		_height:114px;
		background-image:url(../images/yhteystiedot_box.png);
		background-repeat:no-repeat;
		_background-image:none !important;
		_background-color:#6c0d35 !important;
		z-index:120;


		}

.info_2		{
		display:compact;
		float:right;	
		position:relative;
		padding: 15px 10px 10px 10px ;
		_padding: 10px 0 0 0 ;
		margin: 250px -170px 0 0;
		_margin: 243px -220px 0 0;
		*left:80px;
		_left:0px !important;
		width:200px;
		height:144px;
		_height:114px;
		background-image:url(../images/yhteystiedot_box.png);
		background-repeat:no-repeat;
		_background-image:none !important;
		_background-color:#6c0d35 !important;
		z-index:120;


		}


.photos		{
		position:relative;
		float:right;	
		display:compact;
		z-index:160;
		margin:20px -130px 0 0;
		}

.kronenbourg		{
		position:relative;
		float:right;	
		display:compact;
		z-index:160;
		margin:330px -130px 0 0;
		}


.content {
padding:0 80px 0 0px;
z-index:150 !important;
min-height:350px !important;

	
}

.cushycms {
padding:30px 80px 30px 80px;

	
}
	
.gallery {
padding:30px 80px 30px 80px;
	
}
		                                                                                                      


.footer{
padding:0 0 0 0;
}


.copyright{
	display:inline;
	position:relative;
	text-align:right;
	top:35px;
	right:20px;


}

.bottom{
margin:0 0 -25px 0;


}

.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

* html .clearfix{
	height:1%
}



/*TYPOGRAPHY*/

body	{
		font-family: Arial, Helvetica, sans-serif;
		color: #430022;


		}

p 		{
		font-size: 12px;
		line-height: 18px;
		padding: 0 0 7px 0;

		}
				
h1		{
				font-size: 42px;
				line-height: 30px;
				letter-spacing: 0px;
				font-weight: 100;
				padding: 60px 0 15px 0;
				}
				

h2			{		
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				line-height: 40px;
				letter-spacing: 1px;
				font-weight:900;
				padding: 10px 0 5px 0;


				}
				
h3			{		
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 20px;
				letter-spacing: 0px;
				font-weight:900;
				text-transform:uppercase;

				}


.ingress 	{
				font-size: 22px;
				line-height: 20px;
				letter-spacing: 0px;
				font-style:italic;
				padding: 10px 0 15px 0;
				
			}	

				
.bold 		{ font-weight:bold;}


.italic 		{ font-style:italic;}		


.capitals 			{
				font-size: 14px;
				line-height: 20px;
				text-transform: uppercase;
				float: left;
				}

.smallcaps	{ 
				font-size: 88%;
				text-transform:uppercase;
				}
.info_text 			{
				font-size: 20px;
				line-height:26px !important;
				color:#FFFFFF;
				font-style:italic;
				font-weight:100 !important;
				



				}

.copyright_text 			{
				font-size: 9px;
				color:#81695d!important;
				text-align:right !important;

				}


/* NAVIGATION and LINKS */

.navigation ul{
	margin:0 0 0 0;
}

.navigation li{
	display:inline;
	font-size:14px;
	padding:0 25px 0 0;

	}

a:link {
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration: underline;
	}
	
a:active {
	color: #6c0d35;
	text-decoration:none;
	}

a:visited {
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration:underline;
	}
	
a:hover {
	color: #6c0d35;
	text-decoration:none;
	}
	
.copyright a:link {
	font-size: 9px !important;
	padding: 0 0 0 0;
	color: #cc9966 !important;
	text-decoration: underline;
	}
	
.copyright a:active {
	color:#cc9966 !important;
	text-decoration:none;
	}

.copyright a:visited {
	font-size: 9px;
	padding: 0 0 0 0;
	color:#cc9966 !important;
	text-decoration:underline;
	}
	
.copyright a:hover {
	color:#cc9966 !important;
	text-decoration:none;
	}	
	
/* OTHER */
.left { float:left !important;
margin:-120px 0 0 80px;
}

/* ie PNG FIX*/		
img { behavior: url(iepngfix.htc) !important }

