@charset "UTF-8";
body  {
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EEF2EA;
	margin-top: 30;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
a:link {
	color: #030;
}
a:hover {
	color: #C60;
}

.etusivunotsikko {
	font-family: 'Petit Formal Script', cursive;
	/*font-family: 'Molle', cursive;*/
	font-size: 60px;
	color: #CCC;
	padding-left: 50px;
	padding-top: 10px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #c60;
}
#container {
	width: 980px; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	font-size: 12px;
} 
#header {
	font-size: 24px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	width: 950px;
	color: #c60;
}

.spotlightmenu{
width: 100%;
overflow:hidden;
}

.spotlightmenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana; /* font style and size */
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.spotlightmenu li{
	display: inline-block;
	position:relative;
	padding: 5px;
	margin-right: 5px; /* right margin between menu items */
	width: 180px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}


.spotlightmenu li a{
	display:inline-block;
	padding: 5px;
	min-width:50px; /* horizontal diameter of spotlight */
	height:50px; /* vertical diameter of spotlight */
	text-decoration: none;
	color: #c60;
	margin: 0 auto;
	overflow:hidden;
	-moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.spotlightmenu li:hover a{
color: white;
background: grey; /* background color of spotlight */
-webkit-border-radius: 50%; /* large radius to create circular borders */
-moz-border-radius: 50%;
border-radius: 50%;
}

.spotlightmenu li a span{
position:relative;
top:35%; /* move text down so it appears centered within menu item */
}
#sidebar2 {
	width: 300px;
	position: absolute;
	top: 400px;
	color: #C60;
	;
	float: right;
	height: 300px;
	right: 50px;
	/*border: 1px solid #333;
		opacity:0.6;
	filter:alpha(opacity=60);*/ /* For IE8 and earlier */
/*	border: thin solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	box-shadow: 2px 2px 4px rgba(120,120,120,0.7);*/
}
#sidebar2sisasivut {
	width: 300px;
	background-color: #663;
	position: absolute;
	top: 400px;
	color: #CCC;
	;
	float: right;
	height: 300px;
	right: 50px;
	border: 1px solid #333;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	border: thin solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	padding: 3px;
	font-weight: bold;
}
#main_etusivu {
	background-image: url(../images/saaristo_maja.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 650px;
	width: 950px;
	
}
#main_ritari {
	background-image: url(../images/ritarisali1krs.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 650px;
	width: 950px;
	text-align: left;
	color: #030;
}
#main_ruokasali {
	background-image: url(../images/ruokasali.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 650px;
	width: 950px;
	text-align: left;
	color: #030;
}
#main_kellari {
	background-image: url(../images/ritarisali_kellari.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 650px;
	width: 950px;
	text-align: left;
	color: #030;
}
#main_x {
	background-image: url(../images/ritarisalin_rakennus.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 650px;
	width: 950px;
	text-align: left;
	color: #030;
}


/*.vasenreunaboxi {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
	box-shadow: 2px 2px 4px rgba(120,120,120,0.7);*/
	/*	background:#12447c;
	background: -moz-linear-gradient(top, #12447c, #fff);
	background: -webkit-gradient(linear, center top, center bottom, from(#12447c), to(#fff));*/
/*	border: 1px solid #333;
	background-color: #FFF;
}*/


#footer {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-top-color: #666;
	background-image: url(../images/alaruohot1_merged_gradi.png);
	background-repeat: no-repeat;
	height: 122px;
	width: 2000px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer a{
	color: #c60;
	}
h2 {
	font-size: 24px;
}
.footertxt {
	bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
	margin-bottom: 10px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	color: #333;
	text-outline: 2px 2px #ff0000;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-color: #000;
}
.alalinkit {
	padding-top: 1px;
	padding-left: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #030;
}
#alalinkkiboxi {
	background-color: #EEF2EA;
	height: 20px;
	opacity:0.6;
	filter: alpha(opacity=60);
	
}