/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #dcbb74 url(kuvat/kuvio.jpg);
background-repeat: no-repeat;
margin: 0;
margin-left: 250px;
}

#info {
background: #dcbb74;
margin: 0;

}
#info-text {
width:600px;
}

#info-text h1{
font-size:1.5em;
}
#info-text h2{
font-size:1.2em;
}
#info-text a{
font-size:1.1em;
}


#wrapper {
width: 800px;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top { 
width: 800px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#sisalto {
width: 800px;
min-height: 300px;
}



#valikko{
width: 800px;
height: 50px;
margin-left: 0px;
margin-top: 0px;
}


ul#navi {
float: left;
list-style: none outside none;
height: 50px;
width: 800px;
margin: 0 0 0 0px;
}

#navi li {
float: left;
height: 50px;
margin: 0 0 0 0;
padding: 0;
text-indent: -100em; 
}

#navi li a{
display: block;
height: 100%;
overflow: hidden;
width: 100%;
}

#etusivu{
width:90px;
}
#verkkokauppa{
width:190px;
}
#tuotteet{
width:140px;
}
#jalleenmyyjat{
width:180px;
}
#brodeeraus{
width:150px;
}

#etusivu a{
background: url(kuvat/menu.jpg) repeat-y scroll 0 0 transparent;
}
#verkkokauppa a{
background: url(kuvat/menu.jpg) repeat-y scroll -90px 0 transparent;
}
#tuotteet a{
background: url(kuvat/menu.jpg) repeat-y scroll -280px 0 transparent;
}
#jalleenmyyjat a{
background: url(kuvat/menu.jpg) repeat-y scroll -420px 0 transparent;
}
#brodeeraus a{ 
background: url(kuvat/menu.jpg) repeat-y scroll -600px 0 transparent;
}

#etusivu a:hover{
background: url(kuvat/menu.jpg) repeat-y scroll 0 -50px transparent;
}
#verkkokauppa a:hover{
background: url(kuvat/menu.jpg) repeat-y scroll -90px -50px transparent;
}
#tuotteet a:hover{
background: url(kuvat/menu.jpg) repeat-y scroll -280px -50px transparent;
}
#jalleenmyyjat a:hover{
background: url(kuvat/menu.jpg) repeat-y scroll -420px -50px transparent;
}
#brodeeraus a:hover{ 
background: url(kuvat/menu.jpg) repeat-y scroll -600px -50px transparent;
}

#etusivu a.valittu{
background: url(kuvat/menu.jpg) repeat-y scroll 0px -100px transparent;
}
#verkkokauppa a.valittu{
background: url(kuvat/menu.jpg) repeat-y scroll -90px -100px transparent;
}
#tuotteet a.valittu{
background: url(kuvat/menu.jpg) repeat-y scroll -280px -100px transparent;
}
#jalleenmyyjat a.valittu{
background: url(kuvat/menu.jpg) repeat-y scroll -420px -100px transparent;
}
#brodeeraus a.valittu{
background: url(kuvat/menu.jpg) repeat-y scroll -600px -100px transparent;
}



#teksti {
float:left;
width: 800px;
margin-right: 100px;
font: normal 12pt/16pt trebuchet ms, arial,sans-serif;
}

table#logot td{
text-align: center;
}

#teksti ul{
list-style-image: url(images/bullet.gif)
}

#teksti h1{
font: normal 20pt trebuchet ms, arial,sans-serif;
}

#teksti h2{
font: normal 16pt trebuchet ms, arial,sans-serif;
}

#valikko2 {
font-size: 24px;
}

#valikko2  a{
text-decoration: none;
color: #000000;
}

#valikko2 a.valittu{
text-decoration: none;
font-style: normal;
font-size: 30px;
}



#alaotsikko {
background: #dcbb74;
width: 800px;
height: 51px;
}


img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}