#frontpageBoxes {
position: relative;
width: 589px;
height: 476px;
background: transparent url(/files/ns2/images/bg_frontpage_boxes.png) 0px 0px no-repeat;
}

* html #frontpageBoxes {
margin-right: 15px;
}

* html #liiku,
* html #header {
z-index: 3000;
}

#fpBox1,
#fpBox2,
#fpBox3,
#fpBox4 {
position: absolute;
height:141px;
width:285px;
}

#fpBox1 {
left:5px;
top:5px;
}

#fpBox2 {
right:7px;
top:5px;
}

#fpBox3 {
left:5px;
top:240px;
}

#fpBox4 {
right:7px;
top:240px;
}

.fbBoxImg {
width: 285px;
height: 141px;
overflow: hidden;
}

.fbBoxTxt {
width: 257px;
padding: 0 14px;
overflow: hidden;
height: 87px;
background-color: transparent;
background-image: url(/files/ns2/images/bg_frontpage_colors.png);
background-repeat: no-repeat;
color: #fff;
font-style: italic;
font-weight: bold;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.fbBoxTxt h1,
.fbBoxTxt h2,
.fbBoxTxt h3,
.fbBoxTxt h4,
.fbBoxTxt h5,
.fbBoxTxt h6 {
color:#FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 23px;
font-style: italic;
font-weight: bold;
margin: 5px 0 0;
padding: 0;
}

.fbBoxTxt a {
color: #fff;
text-decoration: none;
}

.fbBoxTxt a:focus,
.fbBoxTxt a:hover {
color: #fff; /* ie6 needs this */
text-decoration: underline;
}

.fbBoxTxt p {
margin: 5px 0 0;
padding: 0;
}




#frontpageBoxes .green {
background-position: 0px 0px;
}

#frontpageBoxes .blue {
background-position: 0px -87px;
}

#frontpageBoxes .red {
background-position: 0px -174px;
}

#frontpageBoxes .orange {
background-position: 0px -261px;
}

.fbBoxTxt.nuoret {
background: transparent url(/files/ns2/images/liikkuvat_nuoret_tausta.jpg) left top no-repeat;
}

.fbBoxTxt.nuoret h1,
.fbBoxTxt.nuoret h2,
.fbBoxTxt.nuoret h3,
.fbBoxTxt.nuoret h4,
.fbBoxTxt.nuoret h5,
.fbBoxTxt.nuoret h6,
.fbBoxTxt.nuoret a,
.fbBoxTxt.nuoret a:hover {
color: #006cc2;
}

.fbBoxTxt.nuoret * {
color: #006cc2;
}