BODY { margin-top: 0px; padding: 0px; background-image: url(kuvat/page_bg.gif); background-color: #ffffff;
scrollbar-face-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#7B7B7B; 
scrollbar-3dlight-color:#7B7B7B; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#7B7B7B; 
scrollbar-darkshadow-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; color: #000000;
 }

#wrapper { width : 940px;   margin: 0px ;  padding: 0px 0px 0px 0px; overflow:hidden;
} 
#header { float:left;  background-image: url(kuvat/header_bg.gif); background-color: #000000; width:940px; height:126px;  padding: 0px ; margin: 0px; 
}

#nav-menu ul
{
list-style-type:none;
padding: 65px 0px 0px 10px;
 text-align: left;
margin: 0;
}

#nav-menu li
{ float:right; position: relative; margin: 0px;  display:block !important; display:inline-block;  padding: 5px 5px 5px 5px;
border-left: 1px solid #A50000; 

}
#nav-menu a
{
 color: #ffffff; font-size: 16px; font-weight: normal; padding: 5px 10px 10px 10px; text-decoration: none; font-family:  Arial, Verdana, Helvetica, sans-serif; 

}
#nav-menu a:hover
{ color: #A50000; text-decoration: none; font-family:  Arial, Verdana, Helvetica, sans-serif;  background-image: url(kuvat/menu_hover.gif); background-repeat: no-repeat;
}

/* Hide from IE5-Mac \*/
#nav-menu li a { float: none; }
/* End hide */

#nav-menu
{
float:right;  overflow: hidden; width:600px;  padding: 0px;
} 


#contentbox {   clear:both; width : 940px;  margin: 0px ;  padding:  0px; overflow:hidden; background-image: url(kuvat/content_bg.gif);
} 
#leftbar {  float:left; width : 330px; padding:  0px 0px 40px 60px; margin: 0px;  text-align: left;
}
#leftbar2 {  float:left; width : 200px; padding:  50px 0px 40px 55px; margin: 0px;  text-align: left;line-height: 20px;
}

#content {  float:right; width:470px;  margin: 0px; padding:  50px 50px 40px 10px; text-align: left; line-height: 20px;
}

#content2 {   clear:both; float:left; width:830px;  margin: 0px; padding:  50px 50px 30px 60px; text-align: left; line-height: 20px;

}
#content3 {   clear:both; float:left; width:860px;  margin: 0px; padding:  50px 10px 0px 35px; text-align: left; line-height: 20px;

}
#footerbox {   clear:both; overflow:hidden; width:940px;  line-height: 20px; background-image: url(kuvat/footer_bg2.gif); padding:  0px 0px 10px 0px; margin: 0px; text-align: center; font-weight: normal; text-decoration: none;   color: #ffffff; font-size: 9px;
}
#footerbox a {  font-weight: normal; text-decoration: underline;   color: #ffffff; font-size: 9px;
}
#footerbox a:hover {  font-weight: normal; text-decoration: underline;   color: #A50000; font-size: 9px;
}

#blackbutton { text-align: left; color : #FFFFFF; font-size: 20px; width:309px; height:55px;
background-image: url(kuvat/black_butbg.gif); background-repeat: no-repeat; margin-left: 0px; padding: 3px 0px 0px 21px; line-height: 25px;
}

#galleria { float:left; width:673px;  margin: 0px; padding: 30px 10px 20px 10px; 
}
#galleria2 { float:left; width:630px;  margin: 0px; padding: 50px 10px 0px 5px; text-align: center;
}

a            {  text-decoration: nunderline; 
               color: #A50000; font-size: 12px; font-weight: normal }
a:hover      {  text-decoration: underline; 
               color: #000000; font-size: 12px; font-weight: normal}
h1 {  font-family:  Arial, Verdana, Helvetica, sans-serif; 
 font-size: 18px; font-weight: normal; margin: 0px ;  padding: 0px; line-height: 25px;
} 
hr {height:1px; width:100%; color:#BDBDBD; background-color:#BDBDBD;  border:none;
	} 		   
.otsikko1 { font-family:  Arial, Verdana, Helvetica, sans-serif; 
 font-size: 24px; font-weight: normal; margin: 0px ;   line-height: 40px; padding: 0px;
}
.otsikko2 { font-family:  Arial, Verdana, Helvetica, sans-serif; 
 font-size: 60px; font-weight: normal; margin: 0px ;   line-height: 70px; padding: 0px;
}
.otsikko3 { font-family:  Arial, Verdana, Helvetica, sans-serif; 
 font-size: 45px; font-weight: normal; margin: 0px ;   line-height: 50px; padding: 0px;
}
.A4          {  font-weight: normal; text-decoration: none;
               color: #A77107; font-size: 12px }
.emaili            {  text-decoration: none; 
               color: #A50000; font-size: 18px; font-weight: normal }
.emaili:hover      {  text-decoration: underline; 
               color: #000000; font-size: 18px; font-weight: normal}
.A4:hover    {    text-decoration: underline;  color: #666666; font-size: 12px }

.A3          {  font-weight: normal; text-decoration: none;
               color: #333333; font-size: 11px}

.A5          {  font-weight: bold; text-decoration: none;
               color: #A77107; font-size: 16px }

.kuva  {  border-width: 1px;
	border-style: solid;
	border-color: #C2C2C2; text-align: left 
}
.input  { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 11px; border-width: 1px;
	border-style: solid;
	border-color: #999999; text-align: left; text-valign: center; 
}
.inputbutton   {  font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #FFFFFF;; background-color: #999999; border-width: 1px;
	border-style: solid;
	border-color: #333333; 
}
textarea    { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; backround-color: #BBFFBE; border-width: 1px;
	border-style: solid;
	border-color: #999999; 
}
.button   {  font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-align: center; text-valign: center; color: #ffffff; background-image: url(kuvat/black_butbg2.gif); background-repeat: no-repeat; border-width: 0px; width:141px;  padding: 5px 7px 18px 7px; backround-color: #ffffff;
}
.button:hover   {  font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-align: center; text-valign: center; color: #A50000; background-image: url(kuvat/black_butbg2.gif); background-repeat: no-repeat; border-width: 0px; width:141px;  padding: 5px 7px 18px 7px; backround-color: #ffffff;
}


/* karuselli
----------------------------------------------------*/

.carousel {
    overflow: hidden; width: 860px; text-align: center; 
}

.carousel .inner { width: 2500px;
    
}

.carousel .middle {
    overflow: auto;
}

#karuselli .slide {
    width: 750px;
    /*height: 220px;*/
    padding: 10px;
    float: left;
}

#karuselli {
    border: 0px solid #AAC8FF;
    width: 870px;
    height: 180px;
    margin-top: 15px;
}



#karuselli .middle {
    float: left;
    width: 755px;
    height: 250px;
}

#karuselli .inner img {
    float: left; padding: 0px 5px 0px 5px; 
}

#karuselli a {
    float: left;
	padding: 60px 0px 0px 0px; 
    width: 55px;
    height: 320px;
    text-align: center; 
}

#karuselli a.next {
    float: right;
}

#karuselli a:hover {
    color: #000;
}

#tab-2 ul li {
    display: block;
    padding-bottom: 5px;
}



/* =Hoverbox Code
-----------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
<!--[if IE 6]>

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}
<![endif]-->