@charset "utf-8";
/********************
 Mehusivustoa varten - ver. 2
********************/
body,html {
	background: url(images/background.jpg) no-repeat top center fixed;
	color:#000;
	margin:0px;
	font-family:"Century Gothic","Muli",sans-serif;
}
#wrap {
	border:none;
	min-width:400px; max-width:680px; min-height:400px;
	margin:0px auto; margin-top:10px; padding:0px;
	box-shadow:0px 0px 8px rgba(0,0,0,0.61);
 }
.header {
	height:180px; position:relative;
	border:1px solid black;
	background:url(images/header2.jpg) no-repeat 51% 50%;
	box-shadow:0 0 10px 2px rgba(255,255,255,0.5) inset;
}

#nav-spacer {
	border:1px solid black;
	margin:0; padding:0px;
	font-size:15px;
	border-bottom:none;
	border-top:none;
	height:28px;
	text-align:left;
}

nav ul li a {
	display:block;
	padding:4px 10px 2px 10px;
	margin:0px;
	text-decoration:none; color:#FFF;
	font-family:"Century Gothic","Muli",sans-serif;
	font-size:18px;
	height:100%;
	color:#000;
	border-bottom:1px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}

	nav ul li a:hover {
		background: linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255,0.1) 100%);
		border-bottom:1px solid rgba(255,255,255,0.5);
		border-left:1px solid #999;
		border-right:1px solid #999;
	}
		ul {margin:0px;padding:0px;}
			ul li {list-style:none;margin:0px;padding:0px;float:left;}

.index {
	border:1px solid black;
	border-top:1px solid #999; /* Yhtenäistämistä */
	min-height:400px; margin:0; padding:10px;
	font-size:15px;
 	border-bottom:none;
}
.footer {
	margin:auto;
	border:1px solid black;
	text-align:center;padding:4px;
/*	background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 100%);
*/}
.active {background:#FFF;}
.copy {text-align:center;font-size:12px;}
h1 {font-size:16px; margin-top:5px;}
 .map {border:none; text-align:center;}

.index, .footer, #nav-spacer {
	background-color:rgba(255,255,255,0.8);
}