/***** perus -- > ****/
* { padding: 0; margin: 0; }

body {
font-family:arial;
font-size:12px;
color:#3A3A3B;
line-height: 1.5;
background:#EEEFF1 url(images/bg_image.jpg) no-repeat;
background-position: center top;
}

img {
border:0;
}

#main {
width:1005px;
margin:0 auto;
}

h1 {
width:530px;
font-size:30px;
color:#081F3E;
border-bottom: 1px solid #DBDCDD;

}

h2 {
font-size:17px;
color:#0F2E58;
border-bottom: 1px solid #DBDCDD;
margin:0px 30px 10px 0px;
}

h3 {
font-size:15px;
color:#285899;
margin:20px 10px 0px 0px;
}
.bre{
padding-bottom:15px;
}
h4 {
font-size:22px;
color:#081F3E;
}
h5 {
font-size:22px;
color:#0F2E58;
border-bottom: 1px solid #DBDCDD;
margin:0px 30px 10px 0px;
}
#palvelut_title {
font-size:22px;
width:940px;
color:#0F2E58;
margin:36px 0px 0px 40px;
border-bottom: 1px solid #DBDCDD;
}
#palvelut_otsikko {
width:940px;
margin:36px 0px 0px 40px;
border-bottom: 1px solid #DBDCDD;
}

/***** perus -- < ****/



/***** header -- > ****/

#top {
float:left;
background:transparent url(images/bg_blue.jpg) top center repeat-x;
width:100%;
height:8px;
display:inline;
}

#head {
float:left;
background:transparent url(images/header.jpg) top center repeat-x;
width:1005px;
height:105px;
display:inline;
}



/***** header -- > ****/


/***** Navigointi -- > ****/

#navi {
float:right;
width:617px;
height:53px;
display:inline;
}

a.etusivu{
float:left;width:149px;height:53px; background-image: url(images/etusivu.jpg);display:inline;}
a:hover.etusivu{background-image: url(images/etusivu2.jpg);}

a.palvelut{
float:left;width:150px;height:53px; background-image: url(images/palvelut.jpg);display:inline;}
a:hover.palvelut{background-image: url(images/palvelut2.jpg);}

a.yhteystiedot{
float:left;width:150px;height:53px; background-image: url(images/yhteystiedot.jpg);display:inline;}
a:hover.yhteystiedot{background-image: url(images/yhteystiedot2.jpg);}

a.yhteydenotto{
float:left;width:168px;height:53px; background-image: url(images/yhteydenotto.jpg);display:inline;}
a:hover.yhteydenotto{background-image: url(images/yhteydenotto2.jpg);}

/***** Navigointi -- < ****/


/***** Esittely -- > ****/
#esittely {
float:right;
width:1005px;
height:481px;
display:inline;
}

#esittely_ohjaus{
float:right;
width:1005px;
height:41px;
display:inline;
}
#ncc_palkit {
float:left;
margin:12px 0px 0px 375px;
display:inline;
}
ul#ncc a{
float:left;
width:44px;
height:41px;
padding:0px;
background: url(images/pallo1.jpg) top no-repeat;
outline:none;
}
ul#ncc a.activeSlide  {
background: url(images/pallo2.jpg) top no-repeat;}
/***** Esittely -- < ****/



/***** Palvelut -- > ****/
#palvelut1 {
float:left;
background:transparent url(images/palvelut_bg.jpg) top center repeat-x;
width:1005px;
height:563px;
padding-bottom:20px;
display:inline;
}
#palvelut {
float:left;
width:1005px;
padding-bottom:20px;
display:inline;
}
/***** Palvelut -- < ****/


/***** Tiedonhallinta -- > ****/
#left {
float:left;
width:387px;
display:inline;
}
#vasen_titlepic {
float:left;
width:387px;
height:235px;
margin:46px 0px 0px 33px;
display:inline;
}
#slogan {
float:left;
width:387px;
height:72px;
margin:0px 0px 0px 33px;
display:inline;
}
#oikea_tekstit {
float:left;
width:530px;
margin:55px 0px 0px 70px;
display:inline;
}
#oikea_tekstit p {
padding-top:20px;
}
/***** Tiedonhallinta -- < ****/

/***** Yhteystiedot -- > ****/
#sijainti {
float:left;
width:940px;
margin:25px 0px 0px 40px;
display:inline;
}
#osoitetiedot {
float:left;
width:940px;
margin:25px 0px 0px 40px;
display:inline;
}
#sahkoiset1 {
font-size:12px;
color:#000;
float:left;
width:250px;
display:inline;
}
#sahkoiset2 {
font-size:12px;
color:#000;
float:left;
width:250px;
margin:0px 0px 0px 100px;
display:inline;
}
#sahkoiset3 {
font-size:12px;
color:#000;
float:right;
width:250px;
margin:0px 0px 0px 0px;
display:inline;
}
#contact {
float:left;
margin:10px 0px 0px 40px;
display:inline;
}
/***** Yhteystiedot -- < ****/




/***** Alatiedot -- > ****/
#alapalkki {
float:left;
width:940px;
color:#0F2E58;
margin:20px 0px 0px 40px;
border-bottom: 1px solid #DBDCDD;
display:inline;
}
#alatekstit {
float:left;
width:1005px;
height:20px;
padding-top:20px;
display:inline;
}
#vasen {
float:left;
width:400px;
height:20px;
margin:0px 0px 0px 43px;
word-spacing:8px;
display:inline;
}
#oikea {
float:left;
width:70px;
height:20px;
margin:0px 0px 0px 468px;
display:inline;
}
#copy {
float:left;
font-size:12px;
color:#87888B;
width:200px;
margin:0px 0px 0px 43px;
padding-bottom:20px;
display:inline;
}

/***** Alatiedot -- < ****/

.foot A:link {color:#183F6F;text-decoration:none}
.foot A:visited {color:#183F6F;text-decoration:none}
.foot A:active {color:#183F6F;text-decoration:none}
.foot A:hover {color:#1E72D9;text-decoration:underline}




/***** Palvelut_kuvat -- > ****/

#palvelukuva_1{
float:left;
margin:30px 0px 0px 20px;
display:inline;
}
#palvelukuva_2{
float:left;
margin:30px 0px 0px 200px;
display:inline;
}
.palvelukuva{
	width: 387px;
	height: 224px;
	margin:0px;
	float:left;
	background:#EEEFF1;
	border:0;
	overflow: hidden;
	position: relative;
}
.palvelukuva img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
	
 .captionfull .boxcaption {
 	top: 260;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 220;
 	left: 0;
 }

/***** Palvelut_kuvat -- < ****/