html {
	
}

body {
	background: #dcd8ce url(../img/bg-pattern.png);
	font: normal 14px/1.6 "Hoefler Text", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color: #47494d;
	text-align: center;
	margin: 0;
	padding: 0;
	
}



/* =Links */

a {
	text-decoration: none;
}

a:link {
	color: #887a5a;
	text-decoration: none;
}

a:visited {
	color: #75a191;
}

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

a:active {
	color: #daa21b;
}

/* /=Links */







/* =Headers */

h2 {
	font-size: 26px;
	margin: 26px 0 14px;
	line-height: normal;
}

h3 {
	font-size: 22px;
	color: #113b70;
	font-style: italic;
	font-weight: normal;
	margin: 26px 0 12px;
	line-height: normal;
}

h4 {
	font-size: 18px;
	color: #1d2337;
	font-weight: normal;
	font-family: Cochin, "Adobe Jenson Pro", "Hoefler Text", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	line-height: normal;
}

/* /=Headers */








#top-decoration {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 606px;
	background: transparent url(../img/body-bg.png) no-repeat 50% 0;
}

#bottom-decoration {
	position: relative;
	z-index: 1;
	margin-top: -506px;
	width: 100%;
	height: 626px;
	background: transparent url(../img/body-bottom-bg.png) no-repeat 50% bottom;
}

.container {
	position: relative;
	z-index: 2;
	width: 942px;
	padding: 0 9px;
	margin: 0 auto;
	background: transparent url(../img/main-area-bg.png) repeat-y;
	overflow: hidden;
}

.container-bg {
	background: #fff url(../img/fyyrlogo-bg.jpg) no-repeat 53% 0;
	overflow: hidden;
	text-align: left;
}

#footer {
	position: relative;
	z-index: 2;
	height: 10px;
	width: 960px;
	background: transparent url(../img/main-area-bottom-bg.png) no-repeat;
	margin: 0 auto;
}

h1 {
	font-size: 1em;
	margin: 20px 0 6px 55px;
	width: 104px;
	height: 6.54em;
	overflow: hidden;
	position: relative;
}

h1 a {
	position: relative;
	display: block;
	width: 104px;
	height: 6.54em;
	overflow: hidden;
}

h1 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 6.54em;
	background: #fff url(../img/small-logo.png) no-repeat;
}

.hide {
	display: none;
}

hr {
	display: none;
}




#main-nav {
	position: absolute;
	top: 70px;
	right: 55px;
	list-style: none;
	margin: 0 0 0 170px;
	padding: 0;
}

#main-nav li {
	float: left;
	height: 30px;
	padding: 0 6px 0 11px;
	background: transparent url(../img/main-nav-bullet.png) no-repeat 0 8px;
}

#main-nav a {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	font: normal 19px/1.2 "Adobe Jenson Pro", "Hoefler Text", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color: #1e3a6b;
	text-decoration: none;
}

#main-nav li:first-child {
	background: transparent;
}

#main-nav a:hover {
	color: #001a47;
	background: transparent url(../img/main-nav-hover.png) repeat-x 0 19px;
}

.koti 			#main-nav .koti a,
.yhdistys 		#main-nav .yhdistys a,
.ryhmat 		#main-nav .ryhmat a,
.jasenyys 		#main-nav .jasenyys a,
.galleria 		#main-nav .galleria a,
.nelikantti		#main-nav .nelikantti a,
.puoti			#main-nav .puoti a,
.yhteystiedot 	#main-nav .yhteystiedot a,
.linkit 		#main-nav .linkit a {
	cursor: default;
	background: transparent url(../img/main-nav-sel.png) no-repeat 50% 19px;
}


#main-content {
	text-align: left;
}





.callout {
	border: 1px solid #d8d6d3;
	background: transparent url(../img/callout-bg.png) no-repeat;
	width: 321px;
	margin: 0 0 1.9em 0;
	padding: 0;
	color: #767676;
}

.callout h3 {
	font: italic normal 18px/1 Cochin, "Adobe Jenson Pro", "Hoefler Text", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color: #2c3651;
	padding: 1.1em 12px 0.39em 12px;
	height: 1.78em;
	margin: 0;
	background: transparent url(../img/separator2.png) repeat-x 50% bottom;
}

.callout h3 span {
	display: block;
	height: 1.78em;
	padding-left: 22px;
	background: transparent url(../img/ornament2.png) no-repeat;
}

.callout .action {
	display: block;
	text-align: right;
	font-style: italic;
	height: 1.58em;
	line-height: 1em;
	padding: 1.4em 12px 0.4em 0;
	background: transparent url(../img/separator2.png) repeat-x 50% 0;
}

.callout ul.items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.callout ul.items li {
	background: transparent url(../img/separator2.png) repeat-x 50% 0;
	padding: 16px 12px 12px 12px;
}

.callout ul.items li:first-child {
	background: transparent;
}






.zoom {
	position: relative;
}
.zoom:before {
	height: 20px;
	background: red;
	content: " ";
	width: 20px;
	position: absolute;
	background: transparent url(../img/zoom.png);
	opacity: 0.5;
	bottom: 2px;
	right: 2px;
}
.zoom:hover:before {
	opacity: 1;
}



#footer .back-to-top {
	float: left;
	padding: 0.2em 0.5em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #fff;
	opacity: 0.8;
	margin: 30px 0 0 12px;
}

#footer .back-to-top:hover {
	opacity: 1;
	text-decoration: none;
}

#footer .copyright {
	float: right;
	padding: 0.2em 0.5em;
	margin: 30px 12px 0 0;
}