/*
Blue: 		#3274d0
Lightblue: 	#4DAAAB
Background: #CDDEC6
Green: 		#2A423C
Lightgreen: #93A189
*/

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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End RESET */

html {
	background: #0e0e0e url(../images/background.jpg) repeat-x;
}

body {
	font: normal 16px helvetica, arial, sans-serif;
	color:#fff;
}

a {
	color:#8cac15;
	text-decoration:none;
	border-bottom:1px solid;
}

h1, h2, h3 {
	font-size:32px;
	font-weight:normal;
	margin-bottom:24px;
	text-shadow: #000 1px 1px;
}

h2 {
	font-size:24px;
}

h2 span {
	font-family:georgia;
	font-style:italic;
}

h3 {
	font-size:18px;
}

span.date {
	font-family:georgia;
}

span.title {
	font-size:22px;
	font-weight:normal;
}

em {
	font-family:georgia;
}

p, li, table, tr, td {
	line-height:24px;
	font-size:16px;
	margin-bottom:24px;
	font-weight:normal;
	text-shadow: #000 1px 1px 0px;
}

p.green {
	color:#8cac15;
}

p.caption {
	color:#aaa;
	font-size:12px;
	margin-bottom:0;
	line-height:18px;
	margin-top:9px;
	background:url(../images/camera.png) left center no-repeat;
	padding-left: 64px;
}

#static p {
	padding: 0 9px;
	border:1px solid #333;
	border-width: 0 1px 0 1px;
	background:#111;
	opacity:.6;
}

#map {
	height:413px;
	border:3px solid #333;
	margin-bottom:18px;
	width:849px;
}

.underline {
	padding-bottom:17px;
	border-bottom:1px solid;
}

span.amp {
font-family: "Goudy Old Style", Palatino, "Book Antiqua", Garamond, serif;
font-style: italic;
}

#container {
	width:960px;
	margin: 0 auto;
}

#header {
	background:url(../images/logo.png) 700px 50% no-repeat;
	padding-top:50px;
	margin-top:18px;
	margin-bottom:18px;
}

#header a {
	border:0px none;
}

#navigation {
	margin:30px 0 0 0;
}

#navigation ul {
	background:url(../images/navigation.png) 0 0 no-repeat;
	height:27px;
}

#navigation li {
	float:left;
	display:inline;
}

#navigation li a {
	position:relative;
	display:block;
	color:#fff;
	width:128px;
	border: 0px none;
	margin-right:10px;
	text-indent:-999px;
}

#position {
	position:absolute;
	z-index:4;
	margin-top:24px;
	margin-left:44px;
}

#navigation li a#seura {
	width:100px;
}

#navigation li a#savusauna {
	width:100px;
}

#navigation li a#loylykilpailut {
	width:120px;
}

#navigation li a#vieraskirja {
	width:95px;
}

#koivu {
	position:relative;
	z-index:1;
	float:right;
	display:inline;
	margin-bottom:50px;
}

#content {
	position:relative;
	z-index:2;
	width:850px;
}

#carousel {
	position:absolute;
	z-index:3;
	width: 849px;
	height: 367px;
	border:3px solid #333;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:1px 1px 50px #000;
	-moz-box-shadow:1px 1px 50px #000;
	color: #333;
}

#carousel img {
	display:block;
}

#carousel p {
	margin:5px 0 5px 0;
}

div.column, div.images {
	clear:both;
	float:left;
	display:inline;
	width:542px;
}

div.one {
	width:850px;
}

div.images {
	clear:none;
	width: 270px;
	border:3px solid #333;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:1px 1px 50px #000;
	margin-top: 9px;
	margin-left:28px;
	background:#333;
}

div.images img {
	display:block;
	margin-bottom:3px;
}

div.images img.last {
	margin-bottom:0;
}

#news div.date, #guestbook div.date, #guestbook_preview div.date {
	background:#111;
	width:90px;
	height:52px;
	padding-top:28px;
	float:left;
	display:inline;
	text-align:center;
	border:1px solid #333;
	font-family:georgia;
	font-style:italic;
	font-size:20px;
	margin-right:24px;
}

#guestbook li, #guestbook_preview li {
	border-bottom:1px solid #121212;
	padding:24px;
	padding-bottom:0;
	margin-bottom:0;
}

#guestbook li.dark, #guestbook_preview li.dark {
	background:#111;
	border:1px solid #333;
}

#guestbook_preview li.dark {
	background:#121212;
}

#preview {
	margin-bottom:18px;
}

#guestbook div.date, #guestbook_preview div.date {
	float:left;
	display:inline;
	clear:both;
	padding-top:10px;
	padding-bottom:6px;
	margin-bottom:24px;
	width: 120px;
}

#guestbook div.entry, #guestbook_preview div.entry {
	margin-left:146px;
	padding-bottom:24px ;
}

#divider {
	margin-bottom:0px;
}

#news h2 {
	display:inline;
	margin-bottom:0;
}

#news li {
	font-size:14px;
}

div.hr {
	text-align:center;
	border-top:1px dashed #333;
	margin: 18px auto;
}

div.last {
	margin-right:110px;
}

div.hr img {
	position:relative;
	margin-top:-12px;
}

div.article-photos {
	float:right;
	clear:right;
	display:inline;
	margin-left:18px;
	margin-bottom:18px;
}

div.article-photos, div.large-photo, div.home-photos {
	padding:9px;
	border:1px solid #555;
	background:#333;
	width: 322px;
}

div.home-photos {
	margin-right:18px;
}

div.home {
	float:left;
	display:inline;
	margin-bottom:18px;
}

div.home p {
	font-size:24px;
	line-height:1.5em;
}

div.large-photo {
	width:830px;
}

div.article-photos img, div.home-photos img {
	display:block;
	border:1px solid #555;
}

div.article-photos a {
	border:0px none;
}

ul.thumbs li, ul.thumbs a {
	float:left;
}

ul.thumbs img {
	display:block;
}

ul.thumbs a {
	width:268px;
	border:3px solid #333;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-box-shadow:1px 1px 50px #000;
	margin-right:14px;
	background:#555;
}

ul.thumbs a.last {
	margin-right:0;
}

#colophon p {
	font-size:14px;
}

div.small-column {
	float:left;
	display:inline;
	width: 276px;
	margin-right:10px;
}

div.small-column h3 {
	border-bottom:1px solid #333;
	text-align:center;
	padding-bottom:23px;
}

#footer {
	clear:both;
	text-align:center;
	margin:18px 0;
	padding-top:68px;
	height:60px;
	background:url(../images/footer_logo.png) top center no-repeat;
}

#footer span {
	font-size:13px;
	font-family:georgia;
	text-style:italic;
	text-shadow: #000 1px 1px 0px;
}

/* tables */

th {
	text-align:left;
}

tr th {
	padding-left:4px;
}

td, thead th {
	padding-left:18px;
}

thead th {
	font-weight:normal;
	color:#acacac;
}

caption {
	font-size:24px;
	line-height:24px;
	margin-bottom:12px;
}

tr.even {
	background:#222;
}

/* forms */

label {
	float:left;
	display:inline;
	font-size:16px;
	margin-top:6px;
	position:absolute;
}

input.text, textarea {
	padding:4px;
	width:180px;
	font-size:16px;
	font-family:georgia;
	border:3px solid #333;
}

input.submit {
	font-size:16px;
}

div.form input.text, div.form textarea {
	margin-left:80px;
	width:360px;
}

div#email-address, span.email {
	display:none;
}

textarea {
	height:120px;
}

/* JQuery Autocomplete */

.ac_results {
	position:relative;
	z-index:9;
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	text-shadow:none;
	color:#333;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */