html
{
background: url('images/layout/bg.jpg');
}

body
{
font-size: 14px;
text-align: center;
}

a
{
color: #5F5F5F;
}

#main
{
margin: auto;
width: 1100px;
text-align: left;
position: relative;
}

#header
{
height: 130px;
background: url('images/layout/bg-header.jpg') no-repeat;
}

#header a
{
display: block;
height: 80px;
width: 1000px;
}

#sidebar
{
width: 240px;
float: left;
padding-top: 20px;
}

.menu
{
width: 239px;
height: 208px;
background: url('images/layout/bg-menu.jpg') no-repeat;
padding-top: 20px;
}

.menu li a
{
display: block;
height: 28px;
text-decoration: none;
}

.menu li a span
{
visibility: hidden;
}

.menu .l1 a:hover
{
background: url('images/layout/bg-menu.jpg') no-repeat -239px -20px;
}
.menu .l2 a:hover
{
background: url('images/layout/bg-menu.jpg') no-repeat -239px -48px;
}
.menu .l3 a:hover
{
background: url('images/layout/bg-menu.jpg') no-repeat -239px -76px;
}
.menu .l4 a:hover
{
background: url('images/layout/bg-menu.jpg') no-repeat -239px -104px;
}
.menu .l5 a:hover
{
background: url('images/layout/bg-menu.jpg') no-repeat -239px -132px;
}

#contact
{
padding-left: 20px;
font-family: georgia;
font-size: 14px;
text-shadow: 1px 1px 0px white;
}

#content
{
float: left;
width: 820px;
margin-left: 30px;
}

.copy
{
font-size: 11px;
}

#gradient-top, #gradient-bottom
{
position: absolute;
top: 130px;
left: 260px;
height: 39px;
width: 820px;
background: url('images/layout/gradient-top.png') repeat-x;
z-index: 10;
}

#gradient-bottom
{
background: url('images/layout/gradient-bottom.png') repeat-x;
top: 731px;
}

.clear
{
clear: both;
}

.otsikko
{
margin-bottom: 15px;
}

/* thumbs */
.item
{
padding: 0 14px 12px 0;
float: left;
background: url('images/layout/image-shadow.jpg') bottom center no-repeat;
}

.item:hover
{
background: url('images/layout/image-shadow-s.jpg') bottom center no-repeat;
}

.item:active
{
padding: 1px 14px 11px 0;
}

.item .thumb
{
width: 100px;
}

.item img, .contact-image
{
background: #fcfcfc;
padding: 5px;
border: 1px solid #d5dcd1;
-moz-border-radius: 4px;
}

.item img:hover
{
background: #f9f9f9;
border: 1px solid #a3ab9d;
}

.contact-image
{
padding: 8px;
float: left;
margin-right: 20px;
}


/* OTA YHTEYTTA */
#form-left
{
float: left;
padding-right: 20px;
}

#form-right
{
float: left;
}

.input, .textarea
{
background: url('images/layout/image-shadow.jpg') 30px 26px no-repeat;
padding-bottom: 6px;
}

.textarea
{
background-position: 240px 98px !important;
}

.input input, .textarea textarea, #submit
{
font-size: 14px;
font-family: times;
background: #fcfcfc;
padding: 4px 5px;
border: 1px solid #d5dcd1;
-moz-border-radius: 4px;
margin-bottom: 3px;
}

.input:hover input, .input input:focus, .textarea textarea:focus
{
background: #f9f9f9;
border: 1px solid #a3ab9d;
}

.textarea textarea
{
height: 88px;
}

.textarea textarea:hover
{
background: #f9f9f9;
border: 1px solid #a3ab9d;
}

#submit
{
padding: 3px 9px;
background: #f9f9f9;
border: 1px solid #a3ab9d;
float: right;
}

#submit:hover
{
cursor: pointer;
background: #eee;
border: 1px solid #767e71;
}

#submit:active
{
margin-top: 1px;
}

button::-moz-focus-inner 
{
border: 0;
}


/* vertical tabs */
#content-inner 
{
position: relative;
overflow: hidden;	
height: 640px;	 
width: 800px;
}

.pages 
{	
position: absolute;	
height: 20000em;	
margin: 0px;
}

.page
{
height: 560px;
padding-top: 40px;
padding-bottom: 60px;
}