html {
	height: 100%;
}

body {
	background: #351B05;
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 100%;
	margin: 0;
	padding:  0;
	position: relative;
	text-align: center;
}

* {
	margin: 0; padding: 0;
}

#content-wrapper {
	width: 932px;
	background: #000000;
	margin: 0 auto 0 auto;
	border-color: #000000;
	border-width: 1px;
	border-style: none solid none solid;

}

img {
	margin: 0;
	border: 0;
}

img.floatLeft { 
	float: left; 
	margin: 0 1em 1em 0;
	clear: right;
}
img.floatRight { 
	float: right; 
	margin: 0 0 1em 1em;
	clear: left;
}

a {
	text-decoration: none;
	color: #BF7F25;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
}

a.email { color: #FFFFFF; }

p {
	font-family: Arial, Times New Roman, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #F7C96B;
}

h1 {
	margin: 0 0 1em 0;
	padding: 0;
	color: #F7C96B;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
}

h3 {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	color: #F7C96B;
	text-align: left;
	margin-bottom: 0.2em;
}

.gallery-wrapper {
	margin: 65px 100px 0 150px;
}

.imageGallery {
	float: left;
	padding: 0;
	margin: 5px;
}

.top-wrapper {
	width: 100%;
	height: 79px;
	background: #000000 url('img/top-bg.jpg') repeat-x;
}

.logo {
	float: left;
	margin-left: 85px; 
}

.leipis {
	margin: 65px 0 0 185px;
}


.leipis p {
	width: 505px;
	margin: 0 0 1em 0;
	text-align: justify;
}

.biog-txt {
	margin: 35px 150px 0 150px;
}

.biog-txt p {
	text-align: left;
	margin-bottom: 1em;
}

.biog-txt p.justified {
	text-align: justify;
}
#media-txt p {
	text-align: left;
}

#media-txt h3 {
	margin-top: 15px;
}

#media-txt a {
	color: #F7C96B;
}

#media-txt a:hover {
	text-decoration: none;
}

#calendar p {
	color: #F7C96B;
}

#calendar p em {
	color: #FFFFFF;
}

#calendar p span {
	color: #909090;
}

.fp-pic {
	float: left;
	margin: 0 0 0 20px;
}

.footer {
	min-height: 60px;
	margin: 55px 0 0 0;
	padding: 0;
}

.footer p {
	padding: 2em 0 2em 185px;
	color: #F7C96B;
	font-size: 10px;
	text-align: left;
}

.copyr {
	float: right;
	margin: 0 80px 0 0;
	color: #666666;
}

.copyr a { color: #666666; }

.copyr a:hover {
	text-decoration: none;
	color: #666666;
}
	
/* Language selector */

.lang-wrapper {
	float: right;
	margin: 20px 20px 0 0;
}

.flag {
	float: left;
	margin: 0 10px 0 0;
}
	
.langtxt {
	float: left;
	margin: 5px 0 5px 0;
	color: #FFFFFF;
}

.langtxt a { color: #FFFFFF; }

.langtxt a:hover {
	text-decoration: none;
	color: #666666;
}
	
/* Navbar */

.navbar {
	height: 31px;
	padding: 0 0 0 135px;
	margin: 0;
}

.alt { display: none; }

.navItem {
	width: 96px;
	float: left;
	height: 100%;
}

#etusivu {
	background-repeat: no-repeat;
	background-image: url('img/navi-etusivu.jpg') ;
	background-position: 0 0;
}

#etusivu:hover { background-position: 0 100%; }

#etusivu-selected {
	background-repeat: no-repeat;
	background-image: url('img/navi-etusivu.jpg') ;
	background-position: 0 100%;
}

#biografia {
	background-repeat: no-repeat;
	background-image: url('img/navi-biografia.jpg') ;
	background-position: 0 0;
}

#biografia:hover { background-position: 0 100%; }

#ohjelmisto {
	background-repeat: no-repeat;
	background-image: url('img/navi-ohjelmisto.jpg') ;
	background-position: 0 0;
}

#ohjelmisto:hover { background-position: 0 100%; }

#media {
	background-repeat: no-repeat;
	background-image: url('img/navi-media.jpg') ;
	background-position: 0 0;
}

#media:hover { background-position: 0 100%; }

#media-selected {
	background-repeat: no-repeat;
	background-image: url('img/navi-media.jpg') ;
	background-position: 0 100%;
}

#kalenteri {
	background-repeat: no-repeat;
	background-image: url('img/navi-kalenteri.jpg') ;
	background-position: 0 0;
}

#kalenteri:hover { background-position: 0 100%; }

#galleria {
	background-repeat: no-repeat;
	background-image: url('img/navi-galleria.jpg') ;
	background-position: 0 0;
}

#galleria:hover { background-position: 0 100%; }

#yhteystiedot {
	background-repeat: no-repeat;
	background-image: url('img/navi-yhteystiedot.jpg') ;
	background-position: 0 0;
}

#yhteystiedot:hover { background-position: 0 100%; }

/*
* Navbar ENG
*/

#en-frontpage {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-index.jpg') ;
	background-position: 0 0;
}

#en-frontpage:hover { background-position: 0 100%; }

#en-frontpage-selected {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-index.jpg') ;
	background-position: 0 100%;
}

#en-biography {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-biography.jpg') ;
	background-position: 0 0;
}

#en-biography:hover { background-position: 0 100%; }

#en-repertoire {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-repertoire.jpg') ;
	background-position: 0 0;
}

#en-repertoire:hover { background-position: 0 100%; }

#en-media {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-media.jpg') ;
	background-position: 0 0;
}

#en-media:hover { background-position: 0 100%; }

#en-media-selected {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-media.jpg') ;
	background-position: 0 100%;
}

#en-calendar {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-calendar.jpg') ;
	background-position: 0 0;
}

#en-calender:hover { background-position: 0 100%; }

#en-gallery {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-gallery.jpg') ;
	background-position: 0 0;
}

#en-gallery:hover { background-position: 0 100%; }

#en-contact {
	background-repeat: no-repeat;
	background-image: url('img/navi-EN-contact.jpg') ;
	background-position: 0 0;
}

#en-contact:hover { background-position: 0 100%; }