* {
 padding: 0px; 
 border: 0px;
 margin: 0px;   
}

body { 
 background-color: #ffffff;
 background-image: url(../imgs/gradient-BG.jpg);
 background-repeat: repeat-x;
}

div#main {
 width: 980px; /* centering stuff, remember doctype */
 height: 674px; 
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 background-color: #ffffff;
 background-image: url(../imgs/taustakuva.jpg);
 background-repeat: no-repeat;
}

div#tuotteetMenu {
 padding-left: 11px; 
 padding-right: 12px;
 padding-top: 15px;
}

div#tuotteetMain {
 margin-top: 20px;
}

div.button {
 padding-top: 8px;
 margin-top: 10px;
 width: 196px;
 height: 24px;
 background-image: url(../imgs/button.gif);
}

div#tuotteetYritys {
 padding-top: 20px;
} 

div#tuotteetHit {
 padding-top: 40px;
 font-weight: bold;
}

div#left {
 width: 219px;
 margin-left: 16px;
 height: 557px;
 float: left; 
 display: inline; /* IE6 double margin fix */
}

div#right {
 display: inline;
 width: 745px;
 height: 557px;
 float: right;
}

div#menu {
 padding-left: 75px;
 padding-top: 10px;
 height: 27px;
}

div#footerMenu {
 clear: all;
 height: 30px;
 float: right;
 padding-top: 45px;
 padding-right: 20px;
 width: 150px;
}

div#content{
 margin-top: 30px;
 margin-left: 20px;
 width: 702px;
 height: 476px;
 overflow: visible;
}

div#contentBg {
 background-image: url(../imgs/WhiteBackground.gif);
 width: 702px;
 height: 476px;
}
div#videoCenter {
 padding-top: 88px;
 padding-left: 118px;
}
div#video {
 padding-left: 12px;
 padding-right: 12px;
 padding-top: 12px;
 width: 464px;
 height: 293px;
 background-color: #ffffff;
 background-image: url(../imgs/videoTausta.jpg);
}

#contentPacker {
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 10px;
}

#scroll {
 overflow-y: scroll;
 width: 319px;
 height: 418px;
}

#newsHeader {
 font-size: 10pt;
  color: #e58c0d;
 padding-bottom: 0px;
 margin-bottom:0px;
 
 font-weight: bold;
}

#newsDate {
 font-size: 8pt; 
  color: #e58c0d;
 padding-top: 0px;
 margin-top:0px;
}

h1, .menu, .menutuotteet, #tuotteetMenu, .fmenu {
 font-family: Arial;
 font-size: 10pt;
 font-weight: normal;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
}

.menu, .menutuotteet, .fmenu {
 color: #ffffff;
}

h2 {
 font-family: Arial;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-transform: none;
 font-size: 8pt;
}

.fmenu {
 display: inline;
}

a.menutuotteet:hover, a.menu:hover, a.fmenu:hover {
 color: #000000;
}

a.menu {
 display: inline;
}

li {
 font-size: 8pt;
 margin-left:23px;
 vertical-align: baseline;
}

h1,h2 {
 display: inline;
}

.fadein {
 display: none;
}

img#palloLeft {
 position: relative;
 left: 0px;
 top: 0px;
}

#hover {
    position:relative;
    left: 166px;
    /*padding-left: 140px; *//* hack for IE to get center */
    width: 407px;
    /*height:575px;*/

}

#hover IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#hover IMG.bottom {
    z-index:10;
}

#hover IMG.top {
    z-index:12;
}

#contentLeft {
 color: #5b5b5b; 
 font-family: Arial;
 font-size: 10pt;
 width: 319px;
 float: left;
 display: inline;
}

#esittely {
 color: #5b5b5b;
 font-family: Arial;
 font-size: 10pt;
 
}

h3,P {
 padding-bottom: 10px;
}

h3 {
 color: #e58c0d;
 font-size: 12pt;
}

h4 {
 color: #e58c0d;
 font-size: 10pt;
}

#contentRight {
 width: 353px;
 background-image: url(../imgs/imageshadow.png); 
 float: right;
 position:relative;
 height:438px;
}

#contentRight IMG {
 background-color: #ffffff;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
 	margin-left: 4px;
	margin-top: 2px;
	margin-bottom: 6px;
	margin-right: 4px;
}

#contentRight IMG.active {
    z-index:10;
}

#contentRight IMG.last-active {
    z-index:9;
}



form {
font-size: 8pt;
}

input, textarea {
 border: 1px solid #e58c0d;
 margin: 0px;
}

textarea {
 margin-bottom: 2px;
 width: 298px;
}

.smallFont {
 font-size: 8pt;
}

#yhteistyo {
 text-align: left;
 padding-top: 30px;
 font-size: 8pt;
 font-weight: bold;
 text-transform: none; 
}

#yhteistyocontent {
 font-size: 7pt;
 text-transform: none; 
 text-align: left;
}
