/* Start of CMSMS style sheet 'MK7_Custom' */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'FontinSansSmallCaps';
	src: url('fontin_sans_sc_45b-webfont.eot');
	src: local('☺'), url('fontin_sans_sc_45b-webfont.woff') format('woff'), url('fontin_sans_sc_45b-webfont.ttf') format('truetype'), url('fontin_sans_sc_45b-webfont.svg#webfonte10QLLGw') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'MidoMedium';
	src: url('mido-webfont.eot');
	src: local('☺'), url('mido-webfont.woff') format('woff'), url('mido-webfont.ttf') format('truetype'), url('mido-webfont.svg#webfontP56kueFk') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* PERUSMÄÄRITTELYT */

body{
background: url("uploads/images/MK7/tausta.jpg");
}

html {
overflow-y: scroll;
}

a{
text-decoration: none;
color: #157dbc;
}

a:hover{
color: #7eb8da;
}

p{
font-family: 'trebuchet MS', sans-serif;
font-size: 12px;
line-height: 1.4;
color: #484848;
margin-bottom: 20px;
}

h1, h2{
font-family: 'MidoMedium';
font-size: 22px;
margin-bottom: 10px;
}













/* WRAPPER JA HEADER */









.wrapper{
background: url("uploads/images/MK7/header.jpg") no-repeat center top;
}

.header{
height: 258px;
display: block;
}

.header h1{
font-family: 'FontinSansSmallCaps';
color: #fff;
font-size: 28px;
margin-top: 180px;
font-weight: normal;
}








/* NAVIGAATIO */







.N_67{background: url("uploads/images/MK7/navibg_planetoidi.jpg") no-repeat 0px 46px;}
.N_68{background: url("uploads/images/MK7/navibg_palvelut.jpg") no-repeat 0px 46px;}
.N_69{background: url("uploads/images/MK7/navibg_portfolio.jpg") no-repeat 0px 46px;}
.N_73{background: url("uploads/images/MK7/navibg_projektit.jpg") no-repeat 0px 46px;}
.N_71{background: url("uploads/images/MK7/navibg_blogi.jpg") no-repeat 0px 46px;}
.N_72{background: url("uploads/images/MK7/navibg_yhteys.jpg") no-repeat 0px 46px;}

.navi{
height: 140px;
display: block;
}

#menuwrapper{
height: 75px;
font-family: 'FontinSansSmallCaps';
font-size: 18px;
}

#primary-nav{
padding-top: 14px;
}

#primary-nav li{
display: inline;
height: 75px;
}

#primary-nav li a{

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

padding: 13px 22px 12px 0px;
color: #000;
}

#primary-nav li a:hover{
padding: 13px 22px 75px 0px;
margin-top: 20px;
color: #fff;
}










/* COPY */









.copy{
margin-top: -30px;
margin-bottom: 50px;
}

.copy h1{
font-family: 'MidoMedium';
font-size: 30px;
color: #bbb;
font-weight: normal;
}









/* YLEISET SISÄLTÖMÄÄRITTELYT */







div.oikea{
margin-top: -34px;
}

.oikea h1{color: #bbb;}

.oikea p{color: #aaa;}

.box{
display: block;
}



a.pitkula, .pitkula{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

background: url("uploads/images/MK7/pitkulanappi.jpg") no-repeat center;
width: 201px;
height: 68px;
display: block;
text-align: center;
margin: 0 auto;
filter:alpha(opacity=75);
opacity: 0.75;

font-family: 'MidoMedium';
font-size: 22px;
line-height: 65px;
color: #fff;
}

a.pitkula:hover, .pitkula:hover{
opacity: 1;
filter:alpha(opacity=100);
}












/* PLANETOIDI */














/* PALVELUT */












.palvelut1{
width: 300px;
height: 300px;
display: block;
background: url("uploads/images/MK7/palvelut_vasenbg.jpg") no-repeat;
}

.palvelut2{
background: url("uploads/images/MK7/palvelut_oikeabg.jpg") no-repeat;
}

.palvelut1 p, .palvelut2 p, .palvelut1 h1, .palvelut2 h1{
margin: 12px 16px 16px 16px;
line-height: 1.3;
}

p.vasenvika{margin-right: 85px;}

p.oikeavika{margin-left: 85px;}

.nappi{
margin-left: 0px; 
margin-top: -42px;
}

.nappi a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

width: 160px !important;
height: 160px !important;
display: block;
margin: 0 auto;
background: url("uploads/images/MK7/nappitausta.png") no-repeat;

text-align: center;
font-family: 'MidoMedium';
color: #fff;
font-size: 22px;
line-height: 150px;
font-weight: normal;

filter:alpha(opacity=75);
opacity: 0.75;
}

.nappi a:hover{
filter:alpha(opacity=100);
opacity: 1;
}










/* BLOGI */











.blogih1{
margin: 0;
}

.blogipvm{
color: #777;
}

.blogi{}

.blogisidebar{}









/* LOMAKE */

.lomake{
font-family: 'MidoMedium';
font-size: 20px;
margin-top: -28px;
}

.cms_submit{
border: none;
background: transparent;

width: 201px;
font-family: 'MidoMedium';
font-size: 22px;
padding-top: 20px;
color: #ddd;
}

.cms_submit:hover{
color: #fff;
}

.cms_textfield, .cms_textarea{
width: 300px;
margin: 10px 0px 10px 0px;
}

.fb_invalid, .error_message{
color: red;
}










/* FOOTER */

.footer{
height: 100px;
display: block;
}



/* End of 'MK7_Custom' */