@charset "UTF-8";


body, html {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0px;
	width:100%;
	height:100%;
        background-color: black;
        min-width: 320px;
}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1200px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

#wrapper
	{ 
		
		position:relative;
		margin:0px 0px 0px 24px;
		height:100%;
		}

#logo {
		width:230px;
		padding:35px 10px 10px 35px;
		z-index:99;
		float:left;
		margin:0px;
		}
		
#menu {
		
		padding-top:72px;
		margin-left:260px;
		text-align:center;
		position:relative;
		}
		
#menu ul {
		list-style: none;
		}
		
#menu li {
		display: inline-block;
		width: auto;
		margin-left:15px;
		margin-right:15px;
		margin-bottom:15px;
		font-family: freight-sans-pro,sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:3px;
		color:#3d3a360;
		}

#menu li a {
		padding:2px 5px 2px 8px;
		color:#3d3a36;
		text-decoration:none;
		-webkit-transition: all .3s ease-in-out;
		}
		
#menu li a.selected {
		background-color:#f6f6f5;
		color:#3d3a36;
		text-shadow:none;
		}

#menu li a:hover {
		background-color:#f6f6f5;
		color:#3d3a36;
		text-shadow:none;
		}
		
#content {
		right:0px;
		width:66%;
		min-width:800px;
		position:absolute;
		padding:20px 35px 20px 35px;
		bottom:0px;
		margin-top:400px;
		background:transparent;
		background: rgba(0, 0, 0, 0.5); /* RGBa with 0.5 opacity */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000); /* For IE 5.5 - 7*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)"; /* For IE 8*/
		}
		
#content p {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #FFFFFF;
		line-height:25px;
		font-size:13px;
		text-shadow: #000000 0px -1px 0px;
		}
		
#content a {
		color:#FFFFFF;
		}
		
		
#slogan { 
    display: none;
}

#content .person {
    display: inline-block;
	vertical-align: top;
	margin-right:13%;
}
#content .person p {
    display: inline-block;
    vertical-align: top;
    /* max-width: 180px; */

}

#content .row {
    display: inline-block;
    vertical-align: top;
	margin-right:7%;

}

.index #logo, .index #content {
    display:none;
    opacity: 0.0;
}

.index #slogan {
        display: block;
		margin-left:11%;
		color:#f6f6f5;		
		letter-spacing:2px;
		margin-top:13%;
		position:relative;
		}
		
h1 {
		color:#f6f6f5;
		font-family: freight-sans-pro,sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:3px;
		text-shadow: #000000 0px -1px 0px;
		}
		
#valokuvat {
		right:20px;
		bottom:10px;
		position:absolute;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #FFFFFF;
		line-height:25px;
		font-size:13px;
		text-shadow: #000000 0px -1px 0px;
	}

#valokuvat a {
		color:#FFFFFF;
		text-decoration:none;
		}
		
.palvelut #valokuvat, .henkilokunta #valokuvat, .yhteystiedot #valokuvat {
		    display:none;
		    opacity: 0.0;
		}
		
@media screen and (max-width: 1200px) { /* Specific to this particular image */
    img.bg {
            left: 50%;
            margin-left: -600px;   /* 50% */
    }
}

@media (max-width: 1024px) {
    #logo {
        float: none;
        margin: 0 auto;
        min-width: none;
        padding: 40px 0 0 0;
        display: block;
    }
    #wrapper {
        margin: 0px;
    }
    #menu {
        padding: 40px 0 0 0;
        margin: 0px auto;
        width: 70%;
    }
    #menu ul {
        padding: 0px;
        margin: 0px;
    }
    #menu li {
        display: block;
    }
	#menu li a {
		text-shadow: #000000 0px -1px 0px;
		color:#f6f6f5;
		background:transparent;
		background: rgba(0, 0, 0, 0.5); /* RGBa with 0.5 opacity */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000); /* For IE 5.5 - 7*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)"; /* For IE 8*/
	}
    .index #slogan {
        width: 70%;
        margin: 40px auto;
    }
    .index #slogan img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }

    #content {
        min-width: inherit;
        right: inherit;
        position: relative;
        margin: 40px auto 0 auto;
        width: 70%;
    }
	#valokuvat {
		display:none;
	}
}