/* reset */
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;
  font-weight: normal;
  outline-style: none;
}

/*global*/
html {
  background: none !important;
  background: #191919; /*ie6*/
}
body {
  font-size: 62.5%; /* 1em = 10px */
  font-family: 'Lucida Grande', Arial, Sans-Serif;
  background: #191919 !important;
  background: url(../images/body_bg.jpg) top center no-repeat; /*ie6*/
  color: #333;
  text-align: center;
}
#_html {
  background: #191919 url(../images/html_bg.png) repeat-x;
}
#_body {
  background: url(../images/body_bg.jpg) top center no-repeat;
}
.container {
  margin: 0px auto;
  width: 1219px; height: 700px;
  text-align: left;
  position: relative;
}
.clearer {
  clear: both;
}
#header {
  position: relative;
  height: 100px;
}
h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
h1 {
  font-size: 3em;
  position: absolute;
  left: 119px; top: 20px;
  z-index: 9999;
}
h2 {
  font-size: 2.2em;
  margin: 0 0 1em 0px;
  color: #333;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eee;
}
h3 {
  font-size: 1.7em;
  margin: 0 0 1em 0;
  color: #555;
  line-height: 1.6em;
}
h4 {
  font-size: 1.6em;
  margin: 0 0 0.7em 0;
  line-height: 1.6em;
  color: #666;
}
h4 a{
  line-height: 1.1em;
  margin: 0 0 0.1em 0;
  color: #555;
}
strong {
  font-weight: bold;
}
p {
  margin: 0 0 1.5em 0;
  line-height: 1.5em;
}
a {
  
}
hr {
  border: 0px;
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px 0;
}
strong {
  font-weight: bold;
}
#menu {
  position: absolute;
  right: 20px; top: 20px;
}
#menu li {
  list-style: none;
  float: left;
  padding: 0;
  font-size: 1.5em;
  overflow: hidden;
  padding: 18px 0px 20px 0px;
}
#menu a {
  color: #000;
  text-decoration: none;
  padding: 14px;
}
#menu a:hover {
  background: url(../images/menu_hover.png) repeat-x;
  color: #ab0817;
  text-decoration: none;
}
#slider {
  width: 1219px; height: 522px;
  overflow: hidden;
}
#slider ul {
  margin: 0px;
  padding: 0px;
}
#slider li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#top {
  position: absolute;
  right: 120px; top: 0px;
  background: url(../images/top.png) no-repeat;
  width: 365px; height: 120px;
}
#top p {
  display: none;
}
#bottom {
  position: absolute;
  left: 0px; top: 470px;
}
#left {
  position: absolute;
  left: -5px; top: 0px;
}
#right {
  position: absolute;
  right: -7px; top: 0px;
}
#osoite {
  background: url(../images/osoite.jpg) no-repeat; 
  width: 466px; height: 38px;
  position: absolute;
  left: 379px; top: 534px;
}
#osoite p {
  display: none;
}
.qslider-navi-next {
  position: absolute;
  right: 117px; top: 327px;
  display: block;
  width: 97px; height: 75px;
  text-indent: -9999px;
  background: url(../images/next.png) no-repeat;
}
.qslider-navi-prev {
  position: absolute;
  left: 117px; top: 290px;
  display: block;
  width: 97px; height: 75px;
  text-indent: -9999px;
  background: url(../images/prev.png) no-repeat;
}
#footer {
  background: url(../images/footer_bg.png) repeat-x;
  text-align: center;
  color: #333;
  font-size: 1.2em;
}
#copyr {
  position: fixed;
  bottom: 0px; left: 0px;
  width: 100%;
  margin: 0px; padding: 0px;
  text-align: center;
}
#copyr span {
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  background: #000;
  padding: 10px;
  color: #ccc;
  display: block;
  width: 250px;
  margin: 0px auto;
}
#mf {
  position: absolute;
  top: 590px; left: 561px;
}
#footer .container {
  height: 40px; width: 980px;
  padding: 70px 0 0 0;
}
#footer h3 {
  color: #fff;
}
#content td {
  padding: 3px 10px;
  color: #333;
  background: #f4f4f4;
  width: 280px;
  border-left: #ddd solid 1px;
}
#content td.last {
  border: 0px;
  width: 140px;
  vertical-align: middle;
  background: url(../images/hinnasto_hinta.png) repeat-x;
  color: #600006;
  text-shadow: #ffe3e3 0px 1px 0px;
  border-left: #ffafaf solid 1px;
}
#content tr {
  display: block;
  margin: 1px 0 0 0;
}
#content li {
  list-style: none;
  margin: 0 0 20px 0;
  font-size: 1.2em;
  padding: 0 0 0 20px;
  background: url(../images/li.png) 0 7px no-repeat;
}
#content p {
  font-size: 1.2em;
}
#cl {
  width: 440px;
  float: left;
  margin: 0 0 0 20px !important;
  margin: 0 0 0 10px; /*ie6*/
  padding: 0 10px;
}
#cr {
  width: 220px;
  float: left;
  margin: 0 0 0 20px !important;
  margin: 0 0 0 10px; /*ie6*/
}
.singlecol {
  width: 600px;
  float: left;
  margin: 0 0 0 20px;
  padding: 0 10px;
}
.doublecol {
  width: 460px;
  float: left;
  margin: 0 0 0 20px !important;
  margin: 0 0 0 10px; /*ie6*/
}
.triplecol {
  width: 280px;
  float: left;
  padding: 0 10px;
  margin: 0 0 0 20px !important;
  margin: 0 0 0 10px; /*ie6*/
}
.quadcol {
  width: 220px;
  float: left;
  margin: 0 0 20px 20px !important;
  margin: 0 0 20px 10px; /*ie6*/
}
.col {
  float: left;
  width: 280px;
  margin: 0 0 0 20px;
  padding: 0 10px;
}
.btn {
  color: #000;
  text-decoration: none;
  background: #69CD4F;
  padding: 5px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #519F3B;
  text-shadow: #9BFF7F 0px 1px 0px;
}
.img {
  padding: 5px;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.galleryimg img {
  padding: 5px;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 26px 20px 0;
}
.qnote {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #000;
  color: #fff;
  padding: 5px 10px;
  font-size: 1.5em;
  font-style: italic;
  z-index: 9999;
}
.quoteimg {
  float: left;
  margin:  6px 10px 5px 3px;
}
blockquote {
  font-size: 1.2em;
  margin: 0 0 10px 0;
  font-style: italic;
}
iframe {
  border: 1px solid #ddd;
  padding: 5px;
  width: 590px;
  height: 350px;
}

/*etusivu*/