@import "reset.css";

body
{

    font-family: 'Arial','Verdana','Tahoma','Times New Roman','Sans-Serif';
     background: #E2E0D6 url('../images/bg.jpg') repeat-x;
     font-size:82%;
     color:#333;

}


.reservedDate
	{
 background-color:#670041;
 color:White;
	}
.freeDate
{
	background-color:#FFFFFF;
	color:black;
}

a,
a:active,
a:hover
{
    color:#4F0000;
    text-decoration:none;
}

.hide_text
{
    display:block;
    text-indent:-5000em;
}


#wrapper
{
    margin:10px auto;
    width:990px;
        position:relative;
      

}




#top
{
     background: transparent url('../images/top_bg.png') no-repeat;
     height:35px;

}

#middle
{
     background: transparent url('../images/middle_bg.png') repeat-y;
     padding:0 35px;
  
        overflow:hidden;
      line-height:130%;
  

}

#bottom
{
     background: transparent url('../images/bottom_bg.png') no-repeat;
     height:35px;
}

.left_col
{
    float:left;
    width:260px;
     padding-bottom: 32767px;
    margin-bottom: -32767px;
    
  

}

.right_col
{
    width:650px;
    float:left;
    margin-left:10px;
}


#logo
{
height:170px;

    
}



#menu
{
     background: transparent url('../images/logo.jpg') no-repeat;
     height:320px;
}

#menu ul
{
    padding:0 10px;
}

#menu li
{
    height:30px;
  
    overflow:hidden;
}


#menu li:hover, #menu li.active
{

   background: transparent url('../images/menu_active.png') repeat-y;

}



#menu li a
{
display:block;
height:30px;
text-indent:-5000em;
cursor:pointer;
}




#item1 a
{
   background: transparent url('../images/mainmenu_etusivu.png') no-repeat;

}

#item2 a
{
   background: transparent url('../images/mainmenu_huoneistot.png') no-repeat;

}

#item3 a
{
   background: transparent url('../images/mainmenu_sijainti.png') no-repeat;

}
#item4 a
{
   background: transparent url('../images/mainmenu_varaukset.png') no-repeat;

}

#left_content
{
    background-color:#F6F5F1;
    margin-top:10px;
    padding:20px;
       padding-bottom: 32767px;
    margin-bottom: -32767px;
}

hr
{
    border:0;
    border-top:solid 3px #E8E6DD;
    margin:10px 0 20px 0;
    clear:both;
    padding:0;
    font-size:0;
    line-height:0;
}

#copy
{
    margin:20px 0 0 55px;
    color:#670041;
    font-family:Times New Roman;
    font-style:italic;
}

h1, h2, h3
{
     color:#670041;
    font-family:Times New Roman;
    font-style:italic;

    font-weight:normal;
}

h1
{
        font-size:160%;
}

h2
{
        font-size:140%;
}

h3
{
        font-size:120%;
}

#content
{
    padding:30px 20px;
}

p
{
    margin:1em 0;
  
}

#content ul
{
  

      padding:10px 20px;
}

#content li
{
  
   background: transparent url('../images/list.gif') no-repeat 0px 5px;
   padding-left:16px;
   margin-top:2px;
}

.lightbox
{
    float:right;
    width:240px;
    padding-bottom:20px;
}



.lightbox a
{
    display:block;
    width:100px;
    height:80px;
    overflow:hidden;
    border:solid 3px #E8E6DD;
    float:left;
    margin:0px 5px 5px 0;
    
}

.lightbox a:hover
{
 border:solid 3px #730049;
}
.lightbox a img
{
  
    width:100px;
    height:80px;
  
    
}

.lightbox_b
{
    float:right;
    width:240px;
    padding-bottom:20px;
}



.lightbox_b a
{
    display:block;
    width:100px;
    height:80px;
    overflow:hidden;
    border:solid 3px #E8E6DD;
    float:left;
    margin:0px 5px 5px 0;
    
}

.lightbox_b a:hover
{
 border:solid 3px #730049;
}
.lightbox_b a img
{
  
    width:100px;
    height:80px;
  
    
}

.cabin_desc
{
    float:left;
}

#map_canvas
{
    height:400px;
    width:610px;
}

#contact
{
     background: transparent url('../images/contact.png') no-repeat 20px 0px;
   
     height:53px;
         text-indent:-5000em;
}

.arrow_r
{
      background: transparent url('../images/arrow_r.png') no-repeat top right;
      display:block;
      padding-bottom:5px;
}

.check_cal a
{
     border:solid 1px #E8E6DD;
     background-color:#fff;
     padding:10px;
display:block;
}

.check_cal a:hover
{
     border:solid 1px #730049;
 
}