body
{
	background-color: #141414;
    background-image: url('img/bg.png');
	background-position: top center;
    background-repeat:repeat-x repeat-y;
}

h1, h2, h3, p, li, label
{
	font-family: Verdana, sans-serif;
	color:#d7d7d7;
	margin: 10px 10px;
	line-height: 1.3;
    font-size:14px;
}

p, li
{
    font-size: 12px;
    color:#777777;
}

input, textarea
{
    color: #777777;
    background-color: #1d1d1d;
    border:1px solid #777777;
    width:250px;
    font-family: Verdana, Arial, san-serif;
    line-height: 1.3;
}

.submit
{
    width: 100px;
}

.projektit{
	text-align: center;
}

#container
{

	position:relative;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#header
{

	width:900px;
	height: 150px;
	position:relative;
	margin-left:20px;
	background-image: url('img/logo.png');
}

// Valikoiden css alkaa tästä

#flash
{
background-color: #141414;
    position:relative;
    width:400px;
    height:150px;
    float:left;
}

	#nav
	{
		position:relative;
        float:right;
		right:56px;
        display: inline;
        top: 60px;
	}
    #nav ul
    {
        display: inline;
		
    }
    
    li
    {
        display: table-cell;
        font-family: Verdana, sans-serif;
    }
    li a, li a:visited
    {
        color: #4e4e4e;
        margin: 10px 10px;
        text-decoration: none;
        font-size: 16px;
    }

    li a:hover
    {
        color: #8e8e8e;
    }
    
    li a.aktiivinen
    {
        color: #fff;
    }

// Valikoiden css loppuu tähän

#content
{
	width: 900px;
	position:relative;
	
}

/* Front image rolleri alkaa */

.kehys
{
	width: 900px;
	height: 300px;
	position:relative;
    margin-bottom: 100px;
}


/* FronImage rolleri loppuu */

#column1
{




    top: 40px;
	position:relative;
	float:left;
	width:270px;
	margin-top: 20px;
	margin-bottom: 20px;
    margin-left:20px;
}

#column2
{




    top: 40px;
	position:relative;
	float:left;
	width:270px;
	margin: 20px 25px;
    margin-right:25px;
    margin-left:23px;
}

#column3
{





    top: 40px;
	position:relative;
	float:left;
	width:270px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#lomake
{
    position:relative;
    float:right;
    right:87px;

}

#kontaktit
{
    position:relative;
    float:right;
    right:100px;
    width:190px;
}

#yhteyskuva
{
    position:relative;
    float:left;
}

#footer
{

	
    background-image: url('img/footer.png');
	background-position: top center;
    background-repeat:no-repeat;
	position:relative;
	width: 100%;
	height:300px;
	margin-top:60px;

	float:left;
}
	#footerContent
	{
		width:800px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
	}
	

	#footerColumn1
	{
		position:relative;
		width:350px;
		float:left;
	}	


	#footerColumn2
	{
		position:relative;
		width:350px;
		float:left;
	}
    
    #copyright{
        position:relative;
        float:left;
        font-size:10px;
        margin-top:20px;
        left:120px;
    }