* {
margin:0pt;
padding:0pt;
}

.hidden {
	position: absolute;
	top: -10000px;
}

a img{
   border: none;
}

a:focus{
outline:none;	
}


#gallery #toptext{
background:#fff;
width:800px;
margin: 0px 20px 0px 20px;
padding:20px 20px 50px 20px;	
}  

* html #gallery #toptext{
padding:20px 13px 50px 13px;
width:800px;
margin: 0px 13px 0px 13px;	
}

#back-link{
margin-left:330px;	
}


body {
background:#7A0E01 url(pix/bg.gif) repeat top center;
color:#000000;
font-family:Verdana,Helvetica,sans-serif;
font-size:62.5%;
text-align:center;
}

div#container{
   margin: 47px auto 0 auto;
   text-align:center;
   
   width: 918px;
}

div#topsquare-top
{
   margin: 0 auto;
   width: 919px;
   height: 22px;
   text-align: center;
   padding-top: 7px;
   background: url(pix/png-squaretop.png) no-repeat top left;
}
div#topsquare-top div#inside
{
   height:22px;
   margin: 0 auto;
   width:881px;
   background: url(pix/square.gif) no-repeat top left;
}

div#topsquare-holder
{
    margin: 0 auto; 
    background: url('pix/png-squaresides.png') repeat-y top left;
    width: 919px;
    text-align: center;
}

div#topsquare-content
{
    width: 880px;
    margin: 0 auto;
    background: url(pix/square.gif) repeat top left;
    position: relative;
    text-align: left;
}

div#logo
{
    float: left;
    width: 215px;
    height: 244px;
    padding: 24px 0 0 26px;
}

div#logo img
{
    width: 191px;
    height: 244px;
}

div#toptext
{
    float: left;
    width: 349px;
            padding: 0;
        margin: 0;
}

div#toptext p, div#topimage p
{
    font-size: 1.3em;
    line-height: 1.4em;
    letter-spacing: 0.1px;
    padding-right: 8px;
}

div#topimage p{
   padding-right: 0px;
}


div#toptext p
{
   margin-left: 5px;
}
div#toptext img#headertext
{
    margin-bottom: 21px;
    margin-left: 4px;
}



div#mainnavi a:hover
{
   filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

div#mainnavi a.selectednavi:hover
{
   filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

div#mainnavi
{
   width: 330px;
   margin-left: 7px;
   margin-top: 20px;
   height: 18px;
}



div#mainnavi a
{
   filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
   float: left;
   display: block;
height: 11px;
   margin-right: 9px;
}

a#navi1
{
   background: url(pix/navi_etusivu.gif) no-repeat top left;
   
   width: 56px;  
}
a#navi2
{
   background: url(pix/navi_tarina.gif) no-repeat top left;

   width: 48px;  
}
a#navi3
{
   background: url(pix/navi_sijainti.gif) no-repeat top left;

   width: 53px;  
}
a#navi4
{
   background: url(pix/navi_tilat.gif) no-repeat top left;

   width: 36px;  
}
div#mainnavi a#navi5
{
   background: url(pix/navi_yhteystiedot.gif) no-repeat top left;

   width: 101px;
   margin-right: 0;
}

div#mainnavi_marker
{
   height: 3px;
   border-top: 1px solid #631919;
   border-bottom: 1px solid #631919;
   width: 330px;
   margin-bottom: 20px;
   margin-left: 7px;
   font-size: 1px;
}

div#mainnavi_marker div
{
   
   float: left;
   display: block;
   height: 3px;
   margin-right: 9px;
}

div#marker1
{
   width: 56px;  
}
div#marker2
{

   width: 48px;  
}
div#marker3
{

   width: 53px;  
}
div#marker4
{

   width: 36px;  
}
div#mainnavi_marker div#marker5
{
   width: 101px;
   margin-right: 0;
}

div.selectedmarker
{
   background: #661008;
}


ul#tarina{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#tarina li{
        padding: 0;
}


div#topimage{
    width: 244px;
    height: 324px;
    margin-top: 166px;
    float: right;
    position: relative;
}

div#topimage img.etusivu{
    position: absolute;
    width: 238px;
    height: 324px;
    
    left: 0px;
}

div#topimage img.tarinatopic{
    
    margin-bottom: 20px;
}

div#topsquare-shadow
{
   margin: 0 auto;
   width: 919px;
   height: 8px;
   font-size: 1px;
   background: url(pix/png-squareshd.png) no-repeat top left;
  
}

div.pngfix
{
    behavior: url(iepngfix.htc);
}

div.etusivu
{
    height: 314px;
}

div.bigsquare
{
    height: 631px;
}





div#redbox1
{
   margin: 0 auto;
   width: 879px;
   height: 250px;
   background: url(pix/redbox1.png) no-repeat  -1px 0px;
   color: #faedd1;
   text-align: left;
   padding: 0 20px 0 20px;
    clear: both;
}

div#redbox2
{
   margin: 0 auto;
   width: 879px;
   height: 38px;
   background: url(pix/redbox2.png) no-repeat  -1px 0px;
   color: #faedd1;
   padding: 0 20px 0 20px;
   clear: both;
}

div#redbox2 div
{
   padding-right: 14px;
   text-align: right;
   height: 34px;
   line-height: 34px;
}

a.tarina1, a.tarina2, a.tarina3, a.tarina_alku
{
   display: block;
   float: left;  
   height: 14px;
   width: 99px; 
}

a.tarina1
{
   background: url(pix/tarinanavi1.gif) no-repeat;
   filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
a.tarina2
{
   background: url(pix/tarinanavi2.gif) no-repeat;
   filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
a.tarina3
{
   background: url(pix/tarinanavi3.gif) no-repeat;
   filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

a.tarina_alku
{
   background: url(pix/tarinanavi_alku.gif) no-repeat;
   width: 46px;
}





a.tarina1:hover, a.tarina2:hover, a.tarina3:hover{
   filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}





.clearer {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


form#mailform input.text
{
   
   height: 16px;


   background: url(pix/esite_input.gif) repeat-x;
   border: none;

color: #faedd1;
font-size: 11px;
padding-top: 2px;
padding-left: 3px;
}

form#mailform input.text { margin-top: 4px; }      /* all browsers read this, used to target IE6 */

html>body form#mailform input.text { margin-top: 6px; }       /* IE 6 cannot read this, others can */

*+html>body form#mailform input.text { margin-top: 4px; }      /* targets IE7 */



form#mailform input#input1
{
   width:155px;
   margin-right: 2px;
   
}

form#mailform input#input2
{
   width:126px;

   
}

form#mailform input#input3
{
   width:290px;
}

form#mailform input#input4
{
   width:290px;
}

form#mailform input#input5
{
   width:88px;
   margin-right: 2px;
}

form#mailform input#input6
{
   width:122px;
}

form#mailform table.checkboxes {
	margin: 2px 0px 0px 0px;
}

form#mailform table.checkboxes td {
	padding: 0px 5px 2px 0px;
}

form#mailform input.checkbox {
	border: none;
	margin: 0px;
	padding: 0px;
	width: 14px;
	height: 14px;
}

#sendbutton2
{
   position: absolute;
   bottom: -3px;
   right: 0;
   display: block;
   float: right;
   width: 68px;
   height: 24px;
   background: url(pix/sendbutton2.jpg) no-repeat 0px 0px; 
}

#sendbutton2:hover{
   background-position: 0 -23px; 
}



div#kaavioiso1a, div#kaavioiso1b
{
   
   height: 400px;
   width: 676px;
   position: absolute;
   top: 203px;
   left: -117px;
   background-repeat: no-repeat;
}

div#kaavioiso1a
{
   
   background-position: center;
}

div#kaavioiso1b
{

   background-position: 130px 0px;
}



#kaaviopieni1a, #kaaviopieni1b
{
   width: 262px;
   height: 153px;
   position: absolute;
   top: 0; left: 0;
   display: block;
   background-position: center;
   background-repeat: no-repeat;
}

div#kaaviolinkkiholder{
   z-index: 998; display: block; position: absolute; top: 127px; left: 321px;
}

a#kaaviolinkki{

    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 262px;
    height: 153px;
    cursor: pointer;
    filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

a#kaaviolinkkifocus
{
   filter:alpha(opacity=50);
   -moz-opacity:.50;
   opacity:.50;  
  outline: none;
}


a#kaaviolinkki:hover
{
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;  
}





span.virhe {
   text-align: center;
   font-size:1.3em;
   letter-spacing:0.1px;
   line-height:1.4em;   
}

#sendbutton
{
   display: block;
   width: 77px;
   height: 75px;
   background: url(pix/esite_nappi.gif) no-repeat 0px 0px; 
}




#sendbutton:hover{
   background-position: 0 -75px; 
}


#tilausback
{
margin-left: 83px;
margin-top: 4px;
}


a 
{
   color: #FAEDD1;
   text-decoration:underline;
}

div#toptext a, div#topimage a
{
 color: black;
}



#tilausback a:hover
{
   color: #E8D2A5;
  
}

div#tilanavi
{
   width: 340px;
   height: 22px;
   margin-left: 5px; margin-bottom: 15px;
}

div#tilanavi a
{
   display: block;
   float: left;
   height: 17px;
   filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}


div#tilanavi a:hover
{
    filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;  
}

div#tilanavi a.selected
{
    background-position: 0 17px;
}

div#tilanavi a.selected:hover
{
    filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}



a#tilanavi1
{
   background: url(pix/avotoimisto.gif); 
   width: 87px;
   
}

a#tilanavi2
{
   background: url(pix/kombitoimisto.gif); 
   width: 105px;
   
}

a#tilanavi3
{
   background: url(pix/huonetoimisto.gif); 
   width: 106px;
}

.sijainti1, .sijainti2, .sijainti3, .sijainti4, .sijainti5, .sijainti6
{
   
   cursor: default;
}

#container #bussihover
{
   background: url('pix/sijainti_bussihover.gif');
   cursor: pointer;
}

#container #ratikkahover
{
   background: url('pix/sijainti_ratikkahover.gif');
   cursor: pointer;
}

#container #taksihover
{
   background: url('pix/sijainti_taksihover.gif');
   cursor: pointer;
}

#container #metrohover
{
   background: url('pix/sijainti_metrohover.gif');
   cursor: pointer;
}

#container #parkkihover
{
   background: url('pix/sijainti_parkkihover.gif');
   cursor: pointer;
}

#container #ruokahover
{
   background: url('pix/sijainti_ruokahover.gif');
   cursor: pointer;
}

p.add_info {
	margin: 5px 0px;
	padding: 0px;
}

#tilatext p a
{
   color: #881A07;
   
}

#tilatext p a:hover
{
   color: black;
}




 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	

		}	
				
	#content-slider{
		position:relative;
		margin-left:36px;
		margin-top:15px;
		}			

/* Easy Slider */


@media screen and (-webkit-min-device-pixel-ratio:0){
                #slider {height:513px !important;
	width:727px !important; overflow:hidden;}
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	
	#slider li, #slider2 li{ 
		width:727px;
		height:513px;
		overflow:hidden; 
		}	
		
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:39px;
		height:39px;
		position:absolute;
		left:-50px;
		top:255px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:737px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:39px;
		height:39px;
		background:url(pix/arrow-left.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(pix/arrow-right.jpg) no-repeat 0 0;	
		}