/* General */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font: 62.5%/1.2 Arial, Helvetica, sans-serif;
	color: #000;
	min-width: 960px;
}

h1#topHeader {
	margin: 0;
	padding: 0;
}
h1#topHeader span {
	display: none;
}
h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #005bbe;
	margin: 5px 0 15px 0;
	outline: none;
}
h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #2b2b2b;
	margin: 0 0 20px 0;
	outline: none;
}

a:link, a:visited {
	color: #005bbe;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
p {
	margin: 0 0 18px 0;
	line-height: 18px;
}
img {
	border: none;	
}

/* Layout */
div#bgWrapper {
	width: 100%;
	min-width: 960px;
	min-height: 100%;
	margin-bottom: -104px;
	position: absolute;
	left: 0;
	top: 0;
}
div#top {
	height: 106px;
	width: 100%;
	background: url(../images/bg_top.png) repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
div#top div.left {
	width: 106px;
	height: 106px;
	background: url(../images/bg_topLeft.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
div#top div.right {
	width: 106px;
	height: 106px;
	background: url(../images/bg_topRight.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
div#left {
	width: 106px;
	height: 100%;
	background: url(../images/bg_left.png) repeat-y;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
div#right {
	width: 106px;
	height: 100%;
	background: url(../images/bg_right.png) repeat-y;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
div#content {
	width: 753px;
	min-height: 100%;
	margin: 0 auto -104px auto;
	position: relative;
	z-index: 20;
}
div#content2 {
	width: 800px;
	min-height: 100%;
	margin: 0 auto -104px auto;
	position: relative;
	z-index: 20;
}
div#header {
	height: 32px;
	position: relative;
	padding-top: 55px;
	margin: 0 20px;
	border-bottom: 1px solid #bfd6ef;
}
div#langLinks {
	position: absolute;
	right: 0;
	bottom: 6px;
}
a.btnLangLink {
	display: block;
	float: left;
	width: 77px;
	height: 22px;
	margin-left: 10px;
}
a.btnLangLink span {
	display: none;
}
a#langFi {
	background: url(../images/btn_inFinnish.jpg) no-repeat;
}
a#langZn {
	background: url(../images/btn_inChinese.jpg) no-repeat;
}
a#langFi:hover, a#langZn:hover {
	background-position: 0 -22px;
}
div.banner {
	height: 220px;
	margin: 8px 0 20px 0;
}
div.banner a {
	display: block;
	width: 100%;
	height: 100%;
}
div.banner a span {
	display: none;
}
div#textContent {
	padding: 0 20px;
	overflow: hidden;
}
div.column {
	width: 224px;
	margin-right: 20px;
	float: left;
}
div.column.last {
	margin-right: 0;	
}
div.column p {
	font-size: 1.1em;	
}
div#textNotif {
	clear: both;
	border-bottom: 1px solid #bfd6ef;
	margin-top: 6px;
	padding: 5px 20px 5px 20px;
	font-size: 1.1em;
	font-style: italic;
}
div#textNotif p {
	margin-bottom: 0;
}
div#toMeter {
	border-top: 1px solid #bfd6ef;
	border-bottom: 1px solid #bfd6ef;
	padding: 14px 20px 10px 20px;
	position: relative;
	float: left;
}
a.shareLink {
	cursor: pointer;
	margin-right: 12px;
	display: block;
	width: 69px;
	height: 90px;
	float: left;
}
a.shareLink span {
	display: none;
}
a#shareLnkFacebook {
	background: url(../images/share_facebook.jpg) no-repeat;
}
a#shareLnkFacebook:hover {
	background-position: 0 -90px;
}
a#shareLnkTwitter {
	background: url(../images/share_twitter.jpg) no-repeat;
}
a#shareLnkTwitter:hover {
	background-position: 0 -90px;
}
a#shareLnkEmail {
	background: url(../images/share_email.jpg) no-repeat;
}
a#shareLnkEmail:hover {
	background-position: 0 -90px;
}
a#shareLnkReddit {
	background: url(../images/share_reddit.jpg) no-repeat;
}
a#shareLnkReddit:hover {
	background-position: 0 -90px;
}
a#shareLnkDelicious {
	background: url(../images/share_delicious.jpg) no-repeat;
}
a#shareLnkDelicious:hover {
	background-position: 0 -90px;
}
a#shareLnkShareThis {
	background: url(../images/share_shareThis.jpg) no-repeat;
}
a#shareLnkShareThis:hover {
	background-position: 0 -90px;
}
a#toMeterLink {
	display: block;
	width: 223px;
	height: 75px;
	float: left;
	position: relative;
	top: 2px;
	left: 7px;
}
a#toMeterLink span {
	display: none;
}
div#shareEmail {
	width: 250px;
	position: absolute;
	margin: 12px 0 14px 0;
}
div#shareEmailTop {
	width: 250px;
	height: 12px;
	background: url(../images/bg_overlay_top.gif) no-repeat;
}
div#shareEmailWrapper {
	width: 250px;
	background: url(../images/bg_overlay.gif) repeat-y;
}
div#shareEmailContent {
	width: 220px;
	min-height: 249px;
	background: url(../images/bg_overlay_content.gif) no-repeat left bottom;
	padding: 10px 15px 25px 15px;
}
div#shareEmailContent p {
	font-size: 1.1em;
}
div#shareEmailContent form {
	margin: 0;
	padding: 0;
}
div#shareEmailContent fieldset {
	background: transparent none;
	border: 0;
	margin: 0;
	padding: 0;
}
div#shareEmailContent label {
	display: block;
	margin-bottom: 2px;
	font-size: 1.1em;
}
div#shareEmailContent label.error {
	margin-top: -8px;
	color: #f00;
}
div#shareEmailContent input {
	display: block;
	margin-bottom: 12px;
	width: 100%;
	padding: 3px 0;
	border: 1px solid #96a6c5;
	font-family: Arial, Helvetica, sans-serif;
	color: #2b2b2b;
	font-size: 1.1em;
}
div#shareEmailControls {
	margin-top: 5px;
	position: relative;
	text-align: right;
}
a.btnLink {
	display: block;
	height: 24px;
	background: url(../images/btn_link_l.gif) no-repeat;
	padding-left: 5px;
	margin-left: 6px;
	float: right;
	color: #fff;
	font-size: 1.1em;
}
a.btnLink span {
	display: block;
	height: 19px;
	background: url(../images/btn_link_r.gif) no-repeat right top;
	padding: 5px 14px 0 9px;
	cursor: pointer;
}
div#shareEmailBottom {
	width: 250px;
	height: 14px;
	background: url(../images/bg_overlay_bottom.gif) no-repeat;
}
#meter {
	margin: 8px 0 19px 0;
}
#meter p {
	font-size: 1.1em;
}
div#information {
	margin: 0 20px 0 20px;
	padding: 20px 0;
	border-top: 1px solid #bfd6ef;
	border-bottom: 1px solid #bfd6ef;
	overflow: hidden;
}
div#information div.content {
	background: url(../images/bg_information.gif) repeat-y 472px 0;
	overflow: hidden;
}
div#information p {
	font-size: 1.1em;
}
div#information div.left {
	float: left;
	width: 450px;
	margin-right: 24px;
}
div#information div.right {
	float: left;
	width: 245px;
	margin-left: 24px;
}
ul.linkList {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/bullet.gif) no-repeat 0 5px;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 18px;
}
div#footer, div#footerMeter {
	color: #878e96;
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 106px;
	overflow: hidden;
	clear: both;
}
div#footerMeter {
	padding-left: 20px;
	padding-right: 20px;
}
div#footer ul, div#footerMeter ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
div#footer ul li, div#footerMeter ul li {
	margin: 0;
	padding: 0 0 0 2px;
	display: inline;
}
div#footer ul li a:link, div#footer ul li a:visited, div#footerMeter ul li a:link, div#footerMeter ul li a:visited {
	color: #878e96;
	text-decoration: none;
}
div#footer ul li a:hover, div#footer ul li a:focus, div#footer ul li a:active, div#footerMeter ul li a:hover, div#footerMeter ul li a:focus, div#footerMeter ul li a:active {
	text-decoration: underline;
}
div#bottom {
	height: 104px;
	width: 100%;
	min-width: 960px;
	margin-top: -104px;
	background: url(../images/bg_bottom.png) repeat-x;
	position: relative;
	z-index: 5;
}
div#bottom div.left {
	width: 106px;
	height: 438px;
	background: url(../images/bg_bottomLeft.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}
div#bottom div.right {
	width: 106px;
	height: 438px;
	background: url(../images/bg_bottomRight.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}