body {background-color:black;
margin:0;
padding:0;
width:100%;
height:100%;
font-family: arial;
font-size:12px;
line-height:16px;
letter-spacing:0.1em;
color: white;}

{ ylin }
div#top {height:72px; width:100%; border:0px solid blue; background: url(gfx/bg-top.jpg) repeat-x; background-position: top center;}
   div#top-inner {border:0px solid purple; padding:19px 0 0 0; width:987px; margin:0 auto;}

{ fokus }
div#keski {height:381px; width:100%; background: url(gfx/bg-middle.jpg) repeat-x; background-position: top center;}
   div#keski-inner {border:0px solid red; padding:0; width:1000px; height:381px; margin:0 auto;}

{ ala }
div#ala {width:100%; background-color:black; border:0px dotted orange; background: url(gfx/bg-keski.jpg) no-repeat; background-position: top center;}
   div#ala-hed   {border:0px solid red; padding:0; width:970px;
                        margin:0 auto; text-align:center; padding:33px 0 28px 0;}
   div#ala-tyot   {border-bottom:1px solid #332e2c; background-color:;
                        padding:0; width:970px; margin:0 auto; text-align:center; padding:0 0 32px 0;}

div#ndx-ala-main {background-color:; padding:0; width:970px; height:530px; margin:0 auto; padding-top:35px;}
      div.ndx-ala-vas {background-color:; border-right:1px solid #161616;
                              width: 330px; height:490px; margin:0 27px 0 0; padding:0 27px 0 0; float:left;}
      div.ndx-ala-kes {background-color:; border-right:1px solid #161616;
                              width: 300px; height:490px; margin:0 27px 0 0; padding:0 27px 0 0; float:left;}
      div.ndx-ala-oik {background-color:; width: 230px; margin:0; float:left; font-size:12px;}
            div#tweet {border:0px solid white; margin:0; padding:0;}
                  div#tweet p {border:0px solid red; padding:0 !important; margin:0 !important;}
                  div#tweet ul {padding:0; margin:0; list-style-type:none; font-size:12px;}
                  div#tweet ul li {padding:0; margin:0;}

      { kontakt taulukko }
      table#kontakt {border:0px solid red; width:333px;}
      table#kontakt td {background-color:;}
   
      { ala taulukko }
      table.ndx-hinnasto {border:0px solid purple; width:297x;}
         table.ndx-hinnasto td {background-color:;}
         table.ndx-hinnasto td.hint {width:38px;}
         table.ndx-hinnasto td.hint img {width:32px; border:0px;}
         table.ndx-hinnasto td.palv {padding-bottom:19px;}
         table.ndx-hinnasto td.palv2 {padding-bottom:15px; font-size:11px;}
      table.ndx-hinnasto2 {border:0px solid purple; width:236px;}
         table.ndx-hinnasto2 td.hint {width:47px;}
         table.ndx-hinnasto2 td.hint img {width:38px; border:0px;}
   


{ alin }
div#bottom {width:100%; height:105px; background-color:; color:#606060; font-size:11px;}
   div#bottom-inner {border-top:1px solid #332e2c; padding-top:19px; width:970px;
                              height:70px; margin:0 auto; text-align:center;}
         div.bot-vas {background-color:; float:left; width:300px; text-align:left;
                           margin:0 70px 0 18px; height:68px;}
         div.bot-oik {background-color:; float:left; width:565px; text-align:right; }

{ txt, a jne }
a {color:#e73515; text-decoration:none; border-bottom:0px;}
a:Hover {color:#444; border-bottom:1px dotted #999;}
a.tksti {color:#b5e01e;}
a.tksti:Hover {color:#444; border-bottom:1px dotted #999;}
a.kuva {border:0px solid;}

table#kontakt a {font-size:9pt !important;}
a.partner {border-bottom:0;}
a.partner:Hover {border-bottom:0;}
div#ala-tyot a {border:0px;}

.name {color: #b5e01e; font-family:Gil sans, verdana !important; font-size:14px; line-height:19px;}
.name2 {color: #b5e01e; font-family:Gil sans, verdana !important; font-size:13px;}
.date {color:#585858; font-size:11px; line-height:13px;}
.isompi {font-family:Times; font-size:16px; line-height:20px;}


{ kuvat, viivat}
img.otsake {border:0px solid silver; margin:0 0 15px 0;}
img.otsake2 {border:0px solid silver; margin:0 0 8px 0;}
td.hint img {margin-top:3px;}
img {border:0;}
div#ala-tyot img {border:0px;}
div#top-inner img {border:0px;}
img.pieni_pic {height:10px;}
img.ico {border:0px solid yellow; width:16px; margin: 0 3px 0 0;}
hr.viivis {width:230px; height:1px; background-color:#131313; border:0px; float:left; margin:28px 15px 28px 0;}
hr.viivis2 {width:330px; height:1px; background-color:#131313; border:0px; float:left; margin:28px 15px 28px 0;}
hr.viivis3 {width:358px; height:1px; background-color:#222; border:0px; float:left; margin:0 0 23px 0;}




{ lomake }
   div#lomake-ala-hed {border-bottom:1px solid #332e2c; padding:0; width:970px; margin:0 auto; text-align:center; padding:33px 0 28px 0;}

div#lomake-ala-main {padding:0; width:970px; height:530px; margin:0 auto; padding-top:35px;}
      div.lomake-ala-vas {border-right:1px solid #332e2c; width: 358px; height:490px; margin:0 30px 0 0; padding:0 30px 0 0; float:left;}
      div.lomake-ala-oik {background-color:; width: 548px; height:490px; margin:0; padding:0; float:left;}
   
      { ala taulukko }
      table.lomake-hinnasto {border:0px solid purple; width:358px;}
         table.lomake-hinnasto td.hint {background-color:; width:48px;}
         table.lomake-hinnasto td.hint img {width:38px; border:0px;}
         table.lomake-hinnasto td.palv {padding-bottom:28px;}
      { lomake }
      table.lomsku {border:0px solid yellow; width:500px; margin-top:20px;}





{ lightboksi }
#lightbox{position: absolute; eft: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lighbox a {border:0px;}
#lightbox a img{ border:0px; }

#outerImageContainer{ position: relative; background-color: white; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; border:0px;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:js/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; border:0px;}
#prevLink { left: 0; float: left; background: url(js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(js/images/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{background-color: white; font-size: 11px; margin: 0 auto; line-height: 1.4em;
overflow: auto; width: 100%;}

#imageData{padding:0 10px; color: #999; font-family:arial; border:0px solid orange;}
   #imageData a {border:0px;}
#imageData #imageDetails{ width: 77%; float: left; text-align: left; border:0px dotted red; padding:5px 0 14px 0;}	
#imageData #caption{ font-weight: normal; font-family:arial; font-size: 13px; color:black;}
#imageData #numberDisplay{ display: block; clear: left; padding-top:1px;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }