html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	list-style-type: none;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

/* RAKENNE */

body {
	background-image: url(images/bg_body.jpg);
	background-color: #162d30;
	color: #e0f1f3;
	font-family: "Gill Sans", "Gill Sans MT", "Lucida Grande", "Lucida Sans", verdana, sans-serif;
	line-height: 18px;
}

#wrapper {
	width: 1200px;
}

#header {
	background-image: url(images/header_pieni.jpg);
	background-repeat: no-repeat;
	height: 304px;
	width: 100%;
}

#logo {
	float: left;
	height: 154px;
	margin: 150px 0 0 80px;
	width: 198px;
}

ul#nav {
	height: 57px;
	float: left;
	margin: 174px 0 0 88px;
	width: 396px;
}

#content {
	background-image: url(images/content_pieni.jpg);
	background-repeat: no-repeat;
	height: 1490px;
	width: 100%;
}

body.etusivu #content {
	height: 504px;
}

body.tyoryhma #content {
	height: 600px;
}

.col1 {
	float: left;
	height: 405px;
	margin: 35px 0 0 35px;
	width: 720px;
}

.col2, .col3 {
	float: left;
	height: 405px;
	margin: 35px 0 0 35px;
	width: 329px;
}

body.lahetykset .col1 {
	margin: 35px 0 40px 35px;
}

body.tyoryhma .col2, body.tyoryhma .col3 {
	margin: 35px 0 0 50px;
	width: 300px;
}

body.tyoryhma .col1, body.tyoryhma .col2, body.tyoryhma .col3 {
	margin: 25px 0 0 0;
	width: 330px;
}

body.tyoryhma .col1 {
	margin: 25px 0 0 35px;
}

#footer {
	background-image: url(images/footer_pieni.jpg);
	background-repeat: no-repeat;
	height: 356px;
	width: 100%;
}

#footer img {
	margin: 20px 0 0 34px;
}

/* NAV */

ul#nav li {
	float: left;
}

ul#nav li a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	background-repeat: no-repeat;
	height /**/:57px; /* IE 5/Win hack */ 
	padding: 57px 0 0 0; 
}

ul#nav li#etusivu a {
}

ul#nav li#lahetykset a {
}

ul#nav li#tyoryhma a { 
}

ul#nav li#etusivu,
ul#nav li#etusivu a { width: 109px; background-image: url("images/nav_etusivu_pieni.png"); }

ul#nav li#lahetykset,
ul#nav li#lahetykset a { width: 152px; background-image: url("images/nav_lahetykset_pieni.png"); }

ul#nav li#tyoryhma,
ul#nav li#tyoryhma a { width: 129px; background-image: url("images/nav_tyoryhma_pieni.png"); }

ul#nav li#etusivu, ul#nav li#etusivu a:hover,
ul#nav li#lahetykset, ul#nav li#lahetykset a:hover,
ul#nav li#tyoryhma, ul#nav li#tyoryhma a:hover {
	background-position: 0 -57px;
}

body.etusivu li#etusivu, body.etusivu li#etusivu a, body.etusivu ul#nav li#etusivu a:hover, 
body.lahetykset li#lahetykset, body.lahetykset li#lahetykset a, body.lahetykset ul#nav li#lahetykset a:hover, 
body.tyoryhma li#tyoryhma, body.tyoryhma li#tyoryhma a, body.tyoryhma ul#nav li#tyoryhma a:hover {
	background-position: 0 -114px;
}

/* TYPOGRAFIA */

h2 {
	color: #5ca6a5;
	font-family: impact;
	font-weight: normal;
	margin: 0 0 25px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

body.etusivu h2 {
	font-size: 24px;
}

body.etusivu h2.toinen {
	margin: 60px 0 25px 0;
}

body.lahetykset h2 {
	font-size: 24px;
}

body.tyoryhma h2 {
	position: absolute;
	color: #fff;
	margin: 0 0 0 0;
}

p {
	font-family: "Gill Sans", "Gill Sans MT", "Lucida Grande", "Lucida Sans", verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0 30px 0 0;
}

body.etusivu p {
	font-size: 16px;
/*	line-height: 26px;*/
	margin: 0 0 18px 0;
}

body.lahetykset p {
	margin: 0 0 18px 0;
}

p.upWhite {
	color: #fff;
	display: inline;
	font-size: 12px;
	padding: 0 10px 0 0;
	text-transform: uppercase;
}

p.upAqua {
	color: #a7e7e6;
	display: inline;
	font-size: 12px;
	text-transform: uppercase;
}

#content a {
	color: #58b4be;
	text-decoration: underline;
}

#content a:hover {
	color: #39696e;
	background-color: #9df1fa;
}


table, td, th, tr {
	line-height: 1em;
	font-size: 14px;
}

.col2 table, .col3 table {
	margin: 28px 0 0 0;
}

.col1 table {
	margin: 32px 0 0 0;
}

td, th {
	text-transform: uppercase;
	font-weight: normal;
}

td {
	color: #a7e7e6;
}

th {
	color: #fff;
	text-align: right;
	padding: 15px 10px 0 0;
}

th.r3 {
	padding: 0 0 0 30px;
}