* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {	
	background-image: url(kuvat/kuvitus/bg.jpg);
	background-repeat: repeat;
}

#container {
	font-family: 'Titillium Web', sans-serif;
	font-size: 12pt;
	line-height: 140%;
	color: #ccc;
	width: 980px;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-top: solid #222 7px;
}

/** header **/

#header {
	width: 980px;
	height: 120px;
	float: left;
}

#logo {
	width: 400px;
	float: left;
	margin-top: 30px;
	margin-left: 20px;
}

#akatemia-linkki {
	width: 290px;
	float: right;
	margin-top: 30px;
}

/** navi **/

#navi {
	height: 50px;
	width: 980px;
	float: left;
	border-top: 3px solid #444; 
	border-bottom: 1px solid #333; 
}

#navi ul {
	list-style-type: none;
	margin: 0 !important;
}

#navi ul li {
	float: left;
	border-right: solid 1px #222;
}

#navi ul li a {
	font-size: 110%;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

#navi a.active, #navi a:hover {
	background-color: #10a2af;
}

/** vaihtuva kuva **/

#slideshow {
	width: 980px;
	height: 306px;
	float: left;
    position: relative;
	margin-bottom: 20px;
}

#slideshow IMG {
	height: 306px;
	width: 980px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#slideshow IMG.active {
    z-index: 10;
}

#slideshow IMG.last-active {
    z-index: 9;
}

/** etusivun palstat **/

#etusivu-wrapper {
	width: 980px;
	float: left;
}

#etusivu-nosto {
	width: 330px;
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
}

#etusivu-tekstit {
	width: 580px;
	float: right;
	padding-bottom: 20px;
}

/** footer **/

#footer {
	width: 980px;
	float: left;
	padding-top: 20px;
	background-color:#333;
}

#yhteystiedot {
	width: 330px;
	float: left;
	padding-left: 20px;
}

#facebook-feed {
	width: 555px;
	float: right;
}

#copyrights{
	font-size: 80%;
	text-align: center;
	width: 980px;
	height: 30px;
	clear: both;
	background-color: #222;
	padding-top: 10px;
}

/** alasivujen palstat **/

#kuva {
	width: 410px;
	float: left;
}

#content {
	width: 555px;
	float: right;
	padding-top: 20px;
}

/** tekstimuotoilut **/

h1 {
	font-size: 180%;
	font-weight: 700;
	line-height: 140%;
	padding-bottom: 5px;}

h2 {
	font-size: 130%;
	font-weight: 400;
	line-height: 110%;
}

h5 {
	font-size: 220%;
	font-weight: 400;
	line-height: 120%;
	color: #F63;
	text-align:right;
}

#right-wrapper h1{
	font-size: 140% !important;
}

p, ul, ol, h1, h2 {
	margin-bottom: 15px;
	margin-right: 20px;
}

ul li {
	text-decoration: none;
	line-height: 150%;
	list-style-position: inside;
}

a {
	color: #10a2af;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.valokuva {
	margin: 10px;
}