BODY { margin: 0px; padding: 0px; background-image: url(pics/bg_page.gif); background-repeat:repeat-x; background-color: #ffffff;  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; color: #333333;
 }

#wrapper { width : 960px;   margin: 0px auto;  padding: 0px 0px 30px 0px; overflow:hidden;
} 
#header { float:left;   width:960px; height:149px;  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: 7px 0px 10px 5px;

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

}
#nav-menu a:hover
{ color: #767676; text-decoration: none;  background:#fff url("pics/menu_hover.gif") bottom center no-repeat;
}

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

#nav-menu
{
float:right;  overflow: hidden; width:700px;  margin-right: -15px;
} 


.content {  clear:both;  float:left; width:940px;  margin: 0px 10px 30px 10px;  padding:  0px 0px 30px 0px; ; text-align: left; line-height: 18px;  border-bottom: solid 1px #cbcbcb;
}
.content_3 {  clear:both;  float:left; width:940px;   margin: 0px 10px 0px 10px;  padding:  0px 0px 30px 0px; text-align: left; line-height: 18px;  
}
.work_gallery { float: left; text-align: left; width:390px; padding: 0px 80px 0px 0px; margin: 0px;
}
.work_gallery img a{ border: 1px solid #ffffff; padding: 0px; margin: 10px 0px 5px 0px; 
}
.work_gallery img a:hover { border: 1px solid #d10202; padding: 0px; margin: 10px 0px 5px 0px; 
}
.work_text {  float: right; text-align: left; width:460px; padding: 0px; margin:  0px;
}


.flash {  float: left; text-align: left; width:358px; background-color: #ffffff; margin-right: 50px; padding: 20px;
border:1px solid #c2c2c2;
 -moz-box-shadow: 0 0 5px #afafaf; -webkit-box-shadow: 0 0 5px #afafaf; box-shadow: 0 0 5px #afafaf;
/* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=315, Color='#c2c2c2')";
 /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=315, Color='#c2c2c2'); 
}

#content2 {   clear:both; float:left; width:960px;  margin: 0px 0px 0px 10px; padding:  0px 0px 10px 0px; text-align: left; line-height: 20px;

}
#ikonit {    width:910px;  margin: 0px; padding:  30px 0px 10px 40px; background-color: #ffffff; text-align: left; line-height: 20px;

}
#carousel {   clear:both; float:left; background-image: url(pics/bg_index_carousel.gif); background-repeat: no-repeat; width:960px;  margin: 0px; padding:  18px 0px 10px 0px; text-align: left;
}

#col1 {   float:left; width:220px; margin: 0px; padding:  0px 10px 0px 10px; text-align: left;
 border-right: solid 1px #cbcbcb;  line-height: 18px;
}
#col2 {  float:left; width:210px; margin: 0px; padding:  0px 10px 0px 20px; text-align: left;
 border-right: solid 1px #cbcbcb;  line-height: 18px;
}
#col2b {  float:left; width:210px; margin: 0px; padding:  0px 10px 0px 20px; text-align: left;
 border-right: solid 1px #cbcbcb;  line-height: 18px;
}
#col3 {  float:left; width:210px; margin: 0px; padding:  0px 0px 0px 20px; text-align: left;
  line-height: 18px;
}

#contentbox {   clear:both; width : 960px;  margin: 0px ;  padding:  0px; overflow:hidden; 
}

#leftbar {  float:left; width : 300px; padding:  0px 0px 40px 60px; margin: 0px;  text-align: left;
}
#leftbar2 {  float:left; width : 220px; padding:  0px 0px 40px 0px; margin: 0px;  text-align: left;line-height: 20px;
}
#galleria { float:left; width:693px;  margin: 0px; padding: 30px 10px 20px 10px; 
}
#galleria2 { float:left; width:680px;  margin: 0px 10px 0px 50px; padding: 0px ; text-align: left; 
}


.photos {
float: left;
text-align: left;
color:#d10202;
font-size: 16px;
line-height: 18px;
padding: 0px;
margin: 30px 10px 50px 10px;
}
.photos img { border: 1px solid #C2C2C2; margin: 0px; padding: 0px; 
}
.photos img:hover { border: 1px solid #d10202; 
}
.photo_gallery {
clear:both; 
float: left;
text-align: left;
color:#d10202;
font-size: 11px;
line-height: 15px;
padding: 0px;
margin: 10px 0px 10px 0px;
}
.photo_gallery img { border: 1px solid #C2C2C2; margin:18px; padding: 5px; 
}
.photo_gallery img:hover { border: 1px solid #d10202; 
}

.gallery_link {  float:left; text-align: left; margin: 10px 20px 20px 20px;  padding:  0px 0px 10px 0px;
}
.gallery_link img { border: 1px solid #C2C2C2; padding: 0px;  margin: 0px 10px 0px 0px;
}
.gallery_link img:hover { border: 1px solid #d10202; 
}

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
border-bottom:0px dotted #4dbcf3;

}


a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 20px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #C2C2C2;
padding: 5px;
background: #f8f8f8;
text-align: left;
 -moz-box-shadow: 0 0 2px #afafaf; -webkit-box-shadow: 0 0 2px #afafaf; box-shadow: 0 0 2px #afafaf;
/* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=220, Color='#c2c2c2')";
 /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=220, Color='#c2c2c2'); 
}


a   {  text-decoration: none;   color: #cf2027; font-size: 12px; 
}
a:link   a:visited a:active    {  text-decoration: none;   color: #cf2027; font-size: 12px; 
}
a:hover      {  text-decoration: underline;  color: #767676; font-size: 12px; 
}

td {   line-height: 16px;
}
td img {   margin: 0px 40px 20px 0px;  border:1px solid #C2C2C2 ;
}
td img:hover {   border:1px solid #d10202;
}

h1 {  font-family:  Arial, Verdana, Helvetica, sans-serif;  color: #333333;
 font-size: 18px; font-weight: normal; margin: 0px ;  padding: 0px; line-height: 25px;
}
h2 { font-family:  Arial, Verdana, Helvetica, sans-serif; color:#d10202;
 font-size: 22px; font-weight: normal; margin: 0px ;   padding-bottom: 10px;
}
hr {height:1px; width:100%; color:#BDBDBD; background-color:#BDBDBD;  border:none;
} 		   
.otsikko1 { font-family:  Arial, Verdana, Helvetica, sans-serif; 
 font-size: 18px; font-weight: normal; margin: 0px ;   line-height: 40px; padding: 0px;
}

.otsikko3 {   margin: 0px ;   padding: 0px 0px 10px 0px;
 
 font-family: 'Yanone Kaffeesatz', Arial, Verdana, Helvetica, sans-serif; color:#d10202;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
 letter-spacing: 0.033em;
  word-spacing: 0em;
  line-height: 1em;
}
.otsikko4 {   margin: 0px ;   padding: 0px 0px 10px 270px;
 
 font-family: 'Yanone Kaffeesatz', Arial, Verdana, Helvetica, sans-serif; color:#d10202;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
 letter-spacing: 0.033em;
  word-spacing: 0em;
  line-height: 1em;
}
.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: #767676; 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 
}


#footer {   clear:both; background-image: url(pics/bg_footer.gif); width: 100%;  height: 80px;
}
#footerbox {  width:940px; height: 38px;  margin: 0px auto;   line-height: 20px; background-image: url(pics/bg_footer_2.gif); padding:  32px 0px 10px 0px; font-weight: normal; text-decoration: none;   color: #ffffff; font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; 
}
#footerbox a {  font-weight: normal; text-decoration: none;   color: #ffffff; font-size: 14px;
}
#footerbox a:hover {   color: #2b2b2b;
}

.input  { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 12px; padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #af0000;
  -moz-box-shadow: -1px 2px 2px 2px #d1d1d1;
  -webkit-box-shadow: -1px 2px 2px 2px #d1d1d1;
  box-shadow: -1px 2px 2px 2px #d1d1d1; text-align: left; text-valign: center; 
/* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=240, Color='#c2c2c2')";
 /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=240, Color='#c2c2c2');
}
.inputbutton   {  font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 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: 12px; backround-color: #BBFFBE; border-width: 1px; padding: 5px;
border-style: solid;
border-color: #af0000;
  -moz-box-shadow: -1px 2px 2px 2px #d1d1d1;
  -webkit-box-shadow: -1px 2px 2px 2px #d1d1d1;
  box-shadow: -1px 2px 2px 2px #d1d1d1;
/* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=240, Color='#c2c2c2')";
 /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=240, Color='#c2c2c2');
}

.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(pics/button_red.gif); background-repeat: no-repeat; border-width: 0px; width:141px;  padding: 7px 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(pics/button_hover.gif); background-repeat: no-repeat; border-width: 0px; width:141px;  padding: 7px 7px 18px 7px; backround-color: #ffffff;
}


/*_____________________ jCarousel______________________________________*/

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px;
    background: fff;
    border: 0px solid #fff;
	width: 960px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 760px;
    padding: 10px 80px 0px 100px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  760px;
    height: 308px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 340px;
    height: 255px;
	    border: 0px solid #999999;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 50px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #fff;
}


.jcarousel-skin-tango a img { border:1px solid #fff ;
}
.jcarousel-skin-tango a:hover img { border:1px solid #C2C2C2 ;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 15px;
    width: 50px;
    height: 100px;
    cursor: pointer;
    background: transparent url(pics/arrows_next.gif) 0px 0px no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -47px 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 20px;
    right: auto;
    background-image: url(pics/arrows_next.gif);
}



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -120px 0px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    left: 30px;
    width: 50px;
    height: 100px;
    cursor: pointer;
    background: transparent url(pics/arrows_prev.gif) -0px 0px no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -47px 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 20px;
    background-image: url(pics/arrows_prev.gif);
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -170px 0px;
}

/**


/* =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]-->