*{
margin: 0;
padding: 0;
}

html, body{
height: 100%;
}

body{
background-color: #d3d1d1;
text-align: center;
height: 700px;
}

#wrap{
margin: 0 auto;
width: 900px;
height: 700px;
position: relative;
background-image: url(img/taustakuvat/wrap.gif);
background-repeat: repeat-y;
background-color: #fff;
text-align: left;
}

#ylakuva{
height: 29px;
background-image: url(img/taustakuvat/brandinauha-upper.gif);
background-repeat: no-repeat;
}

#header{
width: 900px;
height: 64px;
background-color: #333;
padding: 0;
margin: 0 auto;
}

#header a{
display: block;
width: 125px;
height: 64px;
background-image: url(img/taustakuvat/header.gif);
background-repeat: no-repeat;
}

#navi{
list-style-type: none;
float: left;
min-height: 626px;
height: auto !important;
height: 626px;
width: 103px;
margin: 0;
background-color: #817f7f;
padding: 5px 20px;
}

#navi a{
font-family: arial;
font-size: 11px;
color: #000;
text-decoration: none;
}

#navi a:hover{
color: #fff;
}

#logo{
width: 700px;
}

#logo img{
padding-top: 10px;
float: left;
margin-left: 20px;
margin-right: 30px;
}

#logo p{
padding-top: 45px;
font-weight: bold;
font-family: arial;
color: #000;
font-size: 12px;
}

#kehysInfo{
text-align: center;
font-family: arial;
color: #000;
font-size: 12px;
line-height: 19px;
margin-bottom: 10px;
font-weight: bold;
}

#karuselli{
background-image: url(img/taustakuvat/karuselli.png);
background-repeat: repeat-x;
background-position: bottom;
height: 670px;
padding-top: 80px;
}

#aurinkolasit{
background-image: url(img/taustakuvat/karuselli.png);
background-repeat: repeat-x;
background-position: bottom;
height: 670px;
padding-top: 80px;
text-align: center;
}

#aurinkolasit img{
margin-bottom: 30px;
}

#aurinkolasit a{
font-family: arial;
color: #ca0b69;
font-size: 12px;
line-height: 19px;
text-decoration: none;
}

#aurinkolasit a:hover{
color: #666;
}

#karuselli img{
margin-bottom: 30px;
}

.laatikot{
padding-top: 10px;
}

.laatikot img{
float: left;
}

.laatikot a{
float: left;
display: block;
width: 108px;
height: 97px;
background-repeat: no-repeat;
}

#laatikko01{
background-image: url(img/taustakuvat/laatikko01.png)
}

#laatikko01:hover{
background-image: url(img/taustakuvat/laatikko01-hover.png)
}

#laatikko02{
background-image: url(img/taustakuvat/laatikko02.png)
}

#laatikko02:hover{
background-image: url(img/taustakuvat/laatikko02-hover.png)
}

#laatikko03{
background-image: url(img/taustakuvat/laatikko03.png)
}

#laatikko03:hover{
background-image: url(img/taustakuvat/laatikko03-hover.png)
}

#laatikko04{
background-image: url(img/taustakuvat/laatikko04.png)
}

#laatikko04:hover{
background-image: url(img/taustakuvat/laatikko04-hover.png)
}

#laatikko05{
background-image: url(img/taustakuvat/laatikko05.png)
}

#laatikko05:hover{
background-image: url(img/taustakuvat/laatikko05-hover.png)
}

#laatikko06{
background-image: url(img/taustakuvat/laatikko06.png)
}

#laatikko06:hover{
background-image: url(img/taustakuvat/laatikko06-hover.png)
}

#laatikko07{
background-image: url(img/taustakuvat/laatikko07.png)
}

#laatikko07:hover{
background-image: url(img/taustakuvat/laatikko07-hover.png)
}

#laatikko08{
background-image: url(img/taustakuvat/laatikko08.png)
}

#laatikko08:hover{
background-image: url(img/taustakuvat/laatikko08-hover.png)
}

.subKehykset{
display: none;
}

.subMyymalat{
display: none;
}

.subKehykset a{
display: block;
color: #fff !important;
margin-left: -20px;
height: 16px;
padding-left: 20px;
padding-top: 3px;
margin-right: -20px;
}

.subKehykset a:hover{
background-color: #333 !important;
}

.subMyymalat a{
display: block;
color: #fff !important;
margin-left: -20px;
height: 16px;
padding-left: 20px;
padding-top: 3px;
margin-right: -20px;
}

.subMyymalat a:hover{
background-color: #333 !important;
}

#kampanja{
width: 757px;
margin: 0;
padding: 0;
}

#text{
float: left;
width: 570px;
padding: 10px 10px 10px 20px;
margin: 0;
text-align: left;
}
#oikeatext{
float: right;
width: 370px;
padding: 10px 10px 10px 20px;
margin: 0;
text-align: left;
}

#oikeatext p{
font-family: arial;
color: #666;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
}

#content{
float: left;
height: 636px;
width: 757px;
padding: 0px 0px 0px 0px;
margin: 0;
text-align: left;
background-color: #fff;
}

#text p{
font-family: arial;
color: #666;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
}

#text ul{
font-family: arial;
color: #666;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
list-style-position: inside;
margin-left: 13px;
}

#text a{
font-family: arial;
color: #ca0b69;
font-size: 12px;
line-height: 19px;
margin-bottom: 10px;
text-decoration: none;
}

#text a:hover{
color: #666;
}

#text h2{
font-family: arial;
color: #333;
font-size: 16px;
line-height: 19px;
margin-bottom: 0px;
}

#bottomColumn{
list-style-type: none;
float: left;
width: 757px;
margin: 0;
text-align: left;
}
#bottomColumn a{
display: block;
width: 177px;
font-size: 13px;
text-decoration: none;
font-family: myriad pro;
color: #FFFFFF;
text-align: left;
padding: 60px 15px 0px 15px;
}

#varaa-aika{
background-image: url(img/taustakuvat/varaa_aika.jpg);
background-repeat: no-repeat;
height: 77px;
}
#nettikauppa{
background-image: url(img/taustakuvat/nettikauppa.jpg);
background-repeat: no-repeat;
height: 77px;
}

#exclusive{
background-image: url(img/taustakuvat/exclusive.jpg);
background-repeat: no-repeat;
height: 77px;
}

#bottomColumn a span{
display: block;
font-size: 16px;
}

#rightColumn{
list-style-type: none;
float: right;
width: 207px;
margin: 0;
text-align: left;
}


#rightColumn li a{
display: block;
width: 177px;
font-size: 13px;
text-decoration: none;
font-family: myriad pro;
color: #676560;
text-align: left;
padding: 60px 15px 0px 15px;
}

#rightColumn li a span{
display: block;
font-size: 16px;
}

#kultainen{
background-image: url(img/taustakuvat/kultainen.png);
background-repeat: no-repeat;
height: 51px;
}

#kultainen:hover{
background-image: url(img/taustakuvat/kultainen-hover.png);
color: #3b380c;
}

#turkoosi{
background-image: url(img/taustakuvat/turkoosi.png);
background-repeat: no-repeat;
height: 45px;
}

#turkoosi:hover{
background-image: url(img/taustakuvat/turkoosi-hover.png);
color: #3b380c;
}

#lila{
background-image: url(img/taustakuvat/lila.png);
background-repeat: no-repeat;
height: 49px;
color: #f6dce9 !important;
}

#lila:hover{
background-image: url(img/taustakuvat/lila-hover.png);
color: #f1c7dc;
}

#oranssi{
background-image: url(img/taustakuvat/oranssi.png);
background-repeat: no-repeat;
height: 49px;
color: #f6dce9 !important;
}

#oranssi:hover{
background-image: url(img/taustakuvat/oranssi-hover.png);
color: #f1c7dc;
}


#video{
background-image: url(img/taustakuvat/videonosto_over.jpg);
background-repeat: no-repeat;
height: 49px;
color: #f6dce9 !important;
}

#video:hover{
background-image: url(img/taustakuvat/videonosto.jpg);
color: #f1c7dc;
}

#keltainen{
background-image: url(img/taustakuvat/keltainen.png);
background-repeat: no-repeat;
height: 46px;
}

#keltainen:hover{
background-image: url(img/taustakuvat/keltainen-hover.png);
color: #3b380c;
}

#footer{
clear: both;
width: 900px;
height: 32px;
background-image: url(img/taustakuvat/brandinauha-lower.gif);
background-repeat: no-repeat;
}