/* CSS Document */

 @import url(reset.css);
 @import url(typography.css);

body{
	height:100%;
	background:url(img/bg.png) top repeat-x #fff;
	}

#PageContainer{
	width:1000px;
	margin:0 auto;
	}

#PageHeader{
	height:210px;
	width:100%;
	background:url(img/header.png) top left no-repeat transparent;
	position:relative;
	}

#PageBody{
	width:100%;
	background-color:#fff;
	}

#Address{
	padding-left:50px;
	background-color:#b6b6b6
}

#Menu, #Content{
	float:left;
	/*background:url(img/grid.gif) top left no-repeat;*/
	}
	
#Menu{
	width:190px;
	padding-top:40px;
	}
	
 #Content{
 	width:810px;
	padding-top:20px;
	}
	
#ColOne, #ColTwo{
	float:left;
	}
	
#ColOne{
	width:572px;
	}
	
#ColTwo{
	width:235px;
	padding-top:22px;
	}
	
#ColOne .wrapper{
	text-align:center;
	}
	
#ColTwo .wrapper{
	padding-right:5px;
	}

/* Navi */

#Menu .wrapper{
	padding-left:53px;
	}
	
#Menu .wrapper ul li a{
	color:#4d4d4d;
	text-decoration:none;
	}

#Menu .wrapper ul li a:hover{
	padding-left:1em;
	background:url(img/menu-arrow.png) center left no-repeat transparent;
	color:#000;
	}
	
#Menu .wrapper ul li a:active{
	background:url(img/menu-arrow-on.png) center left no-repeat transparent;
	color:#d66716;
	}
	
	
/* Current */
	
body.index li.index a{
	color:#000;
	font-weight:bold;
	}

body.esitteet li.esitteet a{
	color:#000;
	font-weight:bold;
	}

body.ilmoitukset li.ilmoitukset a{
	color:#000;
	font-weight:bold;
	}

body.julisteet li.julisteet a{
	color:#000;
	font-weight:bold;
	}

body.kampanjat li.kampanjat a{
	color:#000;
	font-weight:bold;
	}

body.karikatyyrit li.karikatyyrit a{
	color:#000;
	font-weight:bold;
	}
	
body.kirjat li.kirjat a{
	color:#000;
	font-weight:bold;
	}
	
body.kutsukortit li.kutsukortit a{
	color:#000;
	font-weight:bold;
	}
	
body.lehdenteko_taitto li.lehdenteko_taitto a{
	color:#000;
	font-weight:bold;
	}

body.logot_merkit li.logot_merkit a{
	color:#000;
	font-weight:bold;
	}
	
body.lomakkeistot li.lomakkeistot a{
	color:#000;
	font-weight:bold;
	}
	
body.pakkaukset li.pakkaukset a{
	color:#000;
	font-weight:bold;
	}

body.piirrokset li.piirrokset a{
	color:#000;
	font-weight:bold;
	}
	
body.powerpoint li.powerpoint a{
	color:#000;
	font-weight:bold;
	}
	
body.tapahtumailme li.tapahtumailme a{
	color:#000;
	font-weight:bold;
	}
	
body.teippaus li.teippaus a{
	color:#000;
	font-weight:bold;
	}
	
body.teksti_toimitus li.teksti_toimitus a{
	color:#000;
	font-weight:bold;
	}
	
body.valokuvaus li.valokuvaus a{
	color:#000;
	font-weight:bold;
	}
	
body.vuosikertomukset li.vuosikertomukset a{
	color:#000;
	font-weight:bold;
	}
	
body.www_sivut li.www_sivut a{
	color:#000;
	font-weight:bold;
	}
	
body.yritysilme li.yritysilme a{
	color:#000;
	font-weight:bold;
	}
	
body.mita_tahansa li.mita_tahansa a{
	color:#000;
	font-weight:bold;
	}
	
body.referenssit li.referenssit a{
	color:#000;
	font-weight:bold;
	}
	
body.symboli li.symboli a{
	color:#000;
	font-weight:bold;
	}


/* Muut */

#PageHeader h2 span{
	display:none;
	}
	
#PageHeader h2 a{
	position:relative;
	top:30px;
	left:30px;
	display:block;
	width:145px;
	height:165px;
	}
	
#PageFooter p{
	font-size: 12px;
	color:#857a81;
	line-height:3em;
	padding-top:10px;
	margin-left:300px;
	}
	

	
#PageFooter p a{
	color:#999;
	text-decoration:none;
	}
	
#PageFooter p a:hover{
	text-decoration:underline;
	}

/* classit */

.refcols{
	float:left;
	width:45%;
	padding-top:20px;
	vertical-align:top;
	}

.refcols li{
	list-style-type:none;
	color:#b6b6b6;
	padding:3px;
	}
	
.refcols li:hover{
	color:#707173;
	border:1px solid #b6b6b6;
	background-color:#e8e8e8;
	padding:2px;
	font-weight:bold;
}

.clear{
	clear:both;
	}

.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
.hide,
.copy{
	display:none;
	}