body {
	
	font-family:Arial, Helvetica, sans-serif;
    background:url(../images/vihreatausta.jpg) repeat;
}
* {
	margin:0px;
	padding:0px;
}
h1{
    color:#538747;
	height:50px;
	font-size:40px;
	font-family: 'arvilsans';
    text-align:center;
}
h4 {
	color: #383838;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
}
h5 {
   font-family:arvilsans;
    font-size: 15px;
    color: #538747;

    text-align: center;
    
}  
ul, li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#000;
}

img {
	border:0px;
}
fieldset {
   border-width: 0;
}
.clr {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.content{
	width:771px;
    padding-top:50px;
    margin:auto;
	background-color: #eae6d3;
    }
.content_rajaus{
    width:80%;
    background-color: #FFFFFF;
	margin:auto;
    height:auto;
    padding-bottom:30px;
}

.teksti_rajaus{
    width:80%;
	margin:auto;
    padding-top:20px;
    padding-bottom:20px;
}
.otsikko{
    color:#538747;
	height:50px;
	font-size:40px;
	font-family: 'arvilsans';
    text-align:center;
}
.teksti{
    color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
}
.valiviiva{
    width:771px;
	background:url(../images/valiviiva.png) bottom center repeat-x;
	padding-bottom:50px;
    }
.yhteystiedot{
    padding-bottom:50px;
    width:771px;
    padding-top:50px;
    margin:auto;
	background-color: #eae6d3;
    color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
    text-align:center;
    line-height:25px;
    }
.kohdetiedot_otsikko{
    font-family: 'arvilsans';
    color:#538747;
    line-height:25px;
    font-size:25px;
    letter-spacing:1px;
    margin-top:15px;
     }
.kohdetiedot_kuvaus{
    font-family: 'arvilsans';
    color:#538747;
    line-height:25px;
    font-size:20px;
    letter-spacing:1px;
    margin-bottom:10px;
    margin-top:20px;
     }

.kohdevali{
    margin-left:-20%;
    width:140%;
    height:40px;
    background-color:#eae6d3;
        margin-top:40px;
    }

#kohdekuvaus{
    color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
    padding-bottom:30px;
    text-align:center;
    }

.kohdeotoksia{
    color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:25px;
    padding-top:5px;
    padding-bottom:15px;
    text-align:center;
     }

.kohdelinkki{
    color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
    padding-bottom:15px;
    }
.etuovi{
	width:230px;
	height:57px;
    }
 @font-face {
 font-family: 'arvilsans';
     src: url('arvilsans/arvilsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('arvilsans/arvilsans-webfont.woff') format('woff'),
         url('arvilsans/arvilsans-webfont.ttf') format('truetype'),
         url('arvilsans-webfont.svg.svg#arvilsans') format('svg');
     font-weight:normal;
}


/* === Header Section === */
#header {
position:fixed;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
width: 771px;
height: 54px;
padding-top: 10px;
background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
    z-index: 4;
}
#header_inn {
	width:771px;
	position:relative;
	padding-top:14px;
	margin:auto;
}
#menu {
	width:100%;
    padding-left:90px;
    margin:auto;
  
}
#menu ul li {
	float:left;
	padding-left:90px;
	padding-right:0px;
}
#menu ul li h5 {
	font-size: 15px;
    text-align:center;
    
}
#menu ul li.padd {
	padding-left:80px;

}
#menu ul li a {
	color:#538747;
	font-size:30px;
	font-family: 'arvilsans';
}

/* === Home Section / YLÄSIVU === */
#home_top {
    width:771px;
    height:1100px;
    margin:auto;
	background:url(../images/etusivu_bg_nologo.jpg) no-repeat;
    -webkit-box-shadow: 0 0 30px #000;
	-moz-box-shadow: 0 0 30px #000;
	box-shadow: 0 0 30px #000;
    z-index:-1;
}

#home_logo_holder{
    margin-top:200px;
    margin-left:210px;
    display:block;
    position:absolute;      
} 
#home_logo {
    width:355px;
    height:350px; 
    margin:auto;
    background:url(../images/sivulogo_iso.png) no-repeat;
    z-index:0;
   } 

#footer{
   position:fixed;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width: 771px;
    height:15px;
    text-align:center;
    color:000000;
    font-style:uppercase; 
    font-size:12px;
    font-family:"helvetica";
    background:url(../images/vihreatausta.jpg) repeat;
    z-index:11;
    -webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;

    } 
#footer a{
    color:#2e2e2e;
    font-size:12px;
    font-family:"helvetica";
    } 
#footer a:hover{
    color:#FFFFFF;
    font-size:12px;
    font-family:"helvetica";
    } 

/* Uncomment the following to hide the site title */
/*
#site_title {
	display: none;
}


*/


/* === Portfolio Section / PALVELUT === */
#home_portfolio {
	width:771px;
    padding-top:50px;
    margin:auto;
	background-color: #f6f5f1;
}
#home_portfolio_botm_bg {
	width:771px;
	background:url(../images/valiviiva.png) bottom center repeat-x;
	padding-bottom:50px;
}
#home_portfolio_inn {
	width:80%;
    background-color: #FFFFFF;
	margin:auto;
    height:500px;
}
#home_portfolio_desc {
	width:80%;
	margin:auto;
    padding-top:20px;
    padding-bottom:20px;
	
}
#palvelut {
    text-align:center;
	width:80%;
	margin:auto;
	height:50px;
	padding-right:4px;
}
#palvelut h3 {
	color:#538747;
	height:50px;
	font-size:40px;
	font-family: 'arvilsans';
}
#palvelut_teksti {
	width:80%;
	margin:auto;
}
#palvelut_teksti  p {
	color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
}
/* === About Section / KOHTEEMME === */
#home_about {
    width:771px;
    padding-top:50px;
    margin:auto;
	background-color: #f6f5f1;
    -webkit-box-shadow: 0 0 15px -20px #000;

}
#home_about_botm_bg {
	width:100%;
	background:url(../images/valiviiva.png) bottom center repeat-x;
    padding-bottom:50px;
}
#home_about_inn {
	width:80%;
    background-color: #FFFFFF;
	margin:auto;
    height:500px;
}
#home_about_desc {
	width:80%;
    padding-top:20px;
    padding-bottom:20px;
	margin:auto;
	
}
#home_about_desc_left {
    text-align:center;
	width:80%;
	margin:auto;
	height:50px;
	padding-right:4px;
	
}
#home_about_desc_left h3 {
	color:#538747;
	height:50px;
	font-size:40px;
	font-family: 'arvilsans';
}
#kohteemme_teksti {
	width:80%;
	margin:auto;
}
#kohteemme_teksti  p {
	color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
}
#home_about_desc_right {
	width:455px;
	float:right;
}
#home_about_desc_right p a {
	width:72px;
	height:72px;
	float:left;
	border:1px solid #444444;
	float:left;
	margin-right:7px;
	margin-bottom:5px;
}
#home_about_desc_right p {
	color:#383838;
	font-size:15px;
	line-height:17px;
}
#tarina {
	width:950px;
	padding-bottom:240px;
}


/* === Contact Section === */
#home_contact {
    padding-top:50px;
	width:771px;
    margin:auto;
	background-color:#f6f5f1;
    padding-bottom:70px;

}
#home_contact_inn {
    width:80%;
    background-color: #FFFFFF;
	margin:auto;
    padding-bottom:10px;
}
#home_contact_desc {
	width:80%;
    padding-top:20px;
    padding-bottom:20px;
	margin:auto;
    
}
#home_contact_desc h3{
	color:#538747;
	height:50px;
	font-size:40px;
	font-family: 'arvilsans';
    margin:auto;
}
#home_contact_desc_left {
    text-align:center;
	width:80%;
	margin:auto;
	height:50px;
	padding-right:4px;
}
#home_contact_desc_left h3 {
	color:#538747;
	height:50px;
	font-size:40px;
	font-family: 'arvilsans';
}

#yhteydenotto_teksti {
	width:80%;
	margin:auto;
    padding-bottom:20px;
}
#yhteydenotto_teksti  p {
	color:#538747;
    font-family: 'arvilsans';
    letter-spacing:1px;
	font-size:19px;
}
#contact_filelds {
	width:80%;
    margin:auto;
    padding-bottom:20px;
}
#contact_filelds h3 {
	color:#d06949;
	font-size:24px;
	padding-bottom:8px;
	font-family: 'BazarMedium';
}
#contact_filelds_left {
	width:358px;
	
}
#contact_filelds_left input {
	width:348px;
	height:20px;
	padding:5px 10px;
	color:#9e8b7c;
	font-size:12px;
	line-height:20px;
    background-color:#f6f5f1;
	border:1px;
    border-color:#000000;
	margin-bottom:10px;
}
#contact_filelds_left textarea {
	width:348px;
	height:88px;
	padding:10px 10px;
	color:#9e8b7c;
	font-size:12px;
	line-height:20px;
	background-color:#f6f5f1;
	border:2px;
    border-color: #000000;
	margin-bottom:10px;
	resize:none;
}
#contact_filelds_right {
	width:500px;   
}
#contact_filelds_right textarea {
	width:500px;
	height:168px;
	padding:10px 10px;
	color:#9e8b7c;
	font-size:12px;
	line-height:20px;
	background-color:#f6f5f1;
	border:3px;
	margin-bottom:20px;
	resize:none;
}
#contact_filelds_right input {
	width:70px;
	height:30px;
	color:#484848;
	font-family: 'arvilsans';
	font-size:24px;
	text-align:center;
	line-height:30px;
	border:0px;
	margin-bottom:10px;
	cursor:pointer;
	background-image: url(../images/send.png);
}
.name_error {
	color: #D06949;
    font-size: 11px;
	font-style: italic;
}
.email_error {
	color: #D06949;
    font-size: 11px;
	font-style: italic;
}
.message_error {
	color: #D06949;
    font-size: 11px;
	font-style: italic;
}
.form_success {
	color:#383838;
	font-family: 'arvilsans';
	font-size:30px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 20px;
    padding-bottom: 20px;
	margin: 10px;
}
.form_success_sub {
	color:#383838;
	font-size:14px;
	text-align: center;
}

/* === MOBILE === */
@media screen and (max-width: 980px){
body{ }
.teksti{ font-size:22px; line-height:30px;}
#header{ display:none;}
.content {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    background-color: #eae6d3;
    overflow: hidden;
    text-align:center;
    }
.valiviiva{
    width:100%;
      overflow-x: hidden;
}
.content_rajaus{
    width:100%;
}
.teksti_rajaus{
    width:95%;
}
 #home_top {
    width: 100%;
    overflow-x: hidden;
    margin: auto;
   background-position: -200px 0px;
    height: 700px
    
}#home_logo_holder {
    width: 100%;
    height: auto;
    margin-top: 150px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
 
}
    #home_logo{
    width: 233px;
    height: 233px;
    margin: auto;
    background: url(../images/top-logo.png) no-repeat;
    }
    
.kohdetiedot{text-align:center;}
.kohdelinkki{text-align:center;}
#etuovi{text-align:center;}   
.teksti{text-align:center;} 
#contact_filelds_right textarea {
    width: 90%;
    text-align:center;
    }
    #contact_filelds{
        width:90%;
            
            margin-left: auto;
    margin-right: auto;
           }
    #contact_filelds_left{
        width:90%;
            
            margin-left: auto;
    margin-right: auto;
           }
       #contact_filelds_right{
    margin-left: auto;
    margin-right: auto;
        width:90%;
           }
    #contact_filelds_left input{
           
        width:90%;
           }
    #contact_filelds_left textarea {
        
           
        width:90%;
           }
.yhteystiedot {width:auto;}
    
#footer{display:none;}
}