body {
  margin: 0;
  color: #333333;
  background: #e0e0e0;
  font-family: georgia, Times, serif;
}

a, a:link, a:active, a:visited {
  text-decoration: none;
  color: #1e88e1;
}
a img {
  border: 3px solid #5c7d93;
}

.menu a, .menu a:link, .menu a:visited, .submenu a, .submenu a:link, .submenu a:visited {
  color: #5c7d93;
}
h1 a,h2 a:link,h2 a:active, h2 a:visited,h3 a,h4 a, div.footer a {
  color: #878787;
}

a:hover {
  text-decoration: underline;
}

.wrapper { 
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 1054px;
  background: #f0f0f0;
}

.wrapper2 {
  margin: 0 auto;
  width: 980px;
}

.logo,.menu,.submenu,.breadcrumb,h2,h1,.h2font,.h1font,.top, .footer {
  font-family: TrebuchetMS, "trebuchet MS", verdana, helvetica, Arial, sans-serif;
}

.logo {
  float: left;
  margin-top: 8px;
  margin-bottom: 0.2em;
  padding: .5em 2em .5em 37px;
  font-size: large;
}

.logo a img {
  border: none;
}

img.noborder {
  border: none;
}

.language {
  float: right;
  margin-top: 20px;
  padding-right: 50px;
}

h1,h2,h3,h4,.h2font,.h1font {
  line-height: 1.0;
  color: #878787;
}

h1, .h1font {
  margin-top: 1em;
  font-size: x-large;
  font-weight: bold;
}

h2, .h2font {
  font-size: x-large;
  font-weight: normal;
}

h2.nomargintop {
  margin-top: 0;
}

h2.nomargintop a {
  color: #878787;  
}

.pagecontent {
  line-height: 1.5;
}

div.contact {
}

table.contact th {
  text-align: left;
  padding-right: 1em;
}

.menu {
  clear: both;
  padding-left: 37px;
  margin: 0;
  list-style: none;
  text-transform: uppercase;
}

.submenu {
  list-style: none;  
  padding-left: 98px;
  margin: 0.8em 0 0 1em;
}

.menu li {
  display: inline;
  padding: 0.2em 1em 0.2em 1em;
  margin: 0;
}

.submenu li {
  display: inline;
  padding: 0.2em 1em 0.2em 1em;
  margin: 0;
}

.menu li.selected, .submenu li.selected {
  background: #ffffff;
}

.separator {
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0;
  border: 0;
  height: 4px;
  color: #fafafa;
  background: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}

.breadcrumb {
  float: left;
  margin-top: 0.2em;
  margin-bottom: 0.7em;
  margin-right: 2em;
  padding-left: 0.5em;
}

.breadcrumb a img {
  vertical-align: middle;
  border: none;
}

.gallerycontent {
  clear: both;
}

.navigation {
  clear: left;
  float: left;
}

ul.thumbs {
  clear: left;
  margin: 0 0 0 0.5em;  
  padding: 0;
}

ul.thumbs li {
  float:left;
  display: block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:5px 10px 5px 0px;
  padding:0;
  line-height: 100px;
  width: 100px;
}

.navigation img {
  border: 3px solid #5c7d93;

}

ul.thumbs li.selected img {
  border: 3px solid #1e88e1;
}

ul.thumbs li img {
  text-align: center;
  vertical-align: middle;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.top {
  padding-left: 0.5em;
}

.top a, .top strong {
  float: left;
  margin-right: .2em;
  margin-bottom: .2em;
}

div.gallery {
/*  background-image: url('/kuvat/loading.gif');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  height: 900px;*/
  display:none;
}

div.gallery img {
  border: 3px solid #cccccc;
}

div.controls {
  display: none;
  float: left;
  height:36px;
  margin-left: 1em;
}
div.controls img {
  border: none;
  margin: 0;
  padding: 0;
}
div.ss-controls {
  display: inline;
  margin-right: 12px;
}
div.ss-controls span {
  color:#666666;
  cursor:pointer;
}
div.nav-controls {
  display: inline;
}
div.nav-controls a {
  padding:5px;
}
div.description {
  text-align: center;
  color: #999999;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div.slideshow {
  text-align: center;
}
div.slideshow span.image-wrapper {
  position:relative;
  margin-top: 3em;
  margin-right: 0em;
}
div.slideshow a {
  display: inline;
}
div.slideshow a.advance-link {
}
div.slideshow img {
}

table.pricing {
  border-collapse: collapse;
}

table.pricing tr {
  vertical-align: top;
}

table.pricing tr  .no {
  background: #ffffff;
}

table.pricing tr td.yes {
  text-align: center;
  background: #ffffff;
}

table.pricing td {
  border-top: 3px solid #cccccc;
}

table.pricing td, table.pricing th {
  vertical-align: top;
  margin: 0;
  padding: 0.3em 0.7em 0.3em 0.7em;
}

td.price {
  text-align: center;
  background: #ffffff;
}

div.pricelist {
  width: 50%;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: .5em;
  background: #ffffff;
}

div.onethirdcolumn {
  float: left;
  width: 30%;
  padding-right: 0.5em;
}

div.twocolumns {
  clear: both;
}

div.leftcolumn {
  float: left;
  width: 49%;
}

div.leftcolumn h1, div.rightcolumn h1, div.puffwider h1, div.puffrightnarrow h2 {
  margin-top: 0;
}

div.rightcolumn {
  float: right;
  width: 49%;
}

div.right {
  clear:right;
  float: right;
  margin: 0 0 1em 1em;
}

div.left {
  clear: left;
  float: left;
  margin: 0 1em 2em 0;
}

div.center {
  text-align: center;
}

.small {
  font-size: small;
  color: #666666;
}

div.puffs {
  clear: both;
}

div.puff {
  float: left;
  width: 310px;
  margin: 0 1em 1.5em 0;
  padding: 0;
}

div.puffwider {
  float: left;
  width: 350px;
  margin: 0 1em 1.5em 0;
  padding: 0;
}

div.puffright {
  float: left;
  width: 310px;
  margin: 0 0 0 0;
  padding: 0;
}

div.puffrightnarrow {
  float: left;
  width: 220px;
  margin: 0 0 0 0;
  padding: 0;
}

div.puffwide {
  clear: left;
  float: left;
  width: 400px;
  margin: 0 1.5em 1.5em 0;
  padding: 0;
}

div.thumbnails {
  clear: both;
}

div.thumbnail {
  float: left;
  margin: 0 1.5em 1.5em 0;
  padding: 0;
  text-align: center;
}

div.thumbnail .numberofimages {
  color: #999999;
}

div.footer {
  clear: both;
  text-align: center;
  font-size: small;
  color: #878787;
  padding-bottom: 0.5em;
}
div.footer a:hover {
  color: #1e88e1;
}

div.endofpage {
  clear: both;
  padding-bottom: 0.2em;
}