@charset "UTF-8";
/* CSS Document Saija Palin */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}

body {line-height:1,5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size: 80%; font-family: Helvetica, Arial, sans-serif; color:#333;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
h1 {font-size:3em;margin-bottom:0.75em; color:#000;}
h2 {font-size:1.8em;margin-bottom:0.75em; color:#333;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; color:#000;}

a {color: #000;}

hr {border: 5px solid #ba0020; margin-bottom: 50px; margin-top: 50px; clear: both;}

body {text-align: center; background-color: #fff; }



#container {
	width: 900px;
	text-align: left; 
	margin: 0 auto;} 

#top, #taulu {margin: 0 auto; width: 900px;}

#top img {margin-top: 20px;}

ul#navi {list-style: none; margin-bottom: 10px;}
ul#navi li {display: inline; margin-right: 15px;}
ul#navi li a {text-decoration: none; font-size: 16px;}
ul#navi li a:link, ul#navi li a:visited {color: #333;}
ul#navi li a:hover{color: #ccc;}

ul#navi li a.activelink {color: #ba0020;}


#footerContent, {margin: 0 auto; width: 900px; padding: 10px;}
#mainContent{margin: 0 auto; width: 880px; padding: 10px;}

#mainContent p {width: 400px; line-height: 180%;}

.last {margin-bottom: 40px;}

#mainContent dl {line-height: 180%; width: 400px;}
#mainContent dl dt {font-weight: bold;}
#mainContent dl dd {}

#main {margin-top: 10px;}


#nosto {float: right; width: 400px; margin: 20px; margin-top: 40px; background-color: #666;}
#nosto p {margin: 10px; color: #fff; font-size: 14px;}

ul#panel, ul#galleria {list-style: none;}

ul#galleria {margin-left: 450px; height: 580px;}
ul#galleria li {display: inline-block; margin-right: 10px; margin-bottom: 10px;}

#keramiikkatext {width: 450px; float:left; clear:left;}

#kuvapankki {height: 200px; font-size: 10px;}
#kuvapankki ul {list-style: none;}
#kuvapankki ul li {display: inline-block; float: left; margin-right: 60px; margin-bottom: 30px;}


#refe {margin-left: 12px; margin-bottom: 24px;}
#refe li {margin-bottom: 12px; line-height: 140%;}

.zumbaintro {margin: 20px; line-height: 150%; font-size:14px;}

#footer {background-color: #ccc; height: 400px; margin-top: 10px; background-image:url(images/45viiva.png);}
#footerContent {text-align: center;}
#footerContent {line-height: 300%;}



/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;
}