@charset "utf-8";
/* CSS Document */

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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {	line-height: 1;	color: black;	background: white;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/*START*/

html,body{
	width: 100%;
	height: 100%;
	background-color:#FFF;
	padding: 0;
	margin: 0;
	font: 14px Arial, Verdana, Helvetica, sans-serif;
}

/* TEKSTIT */
/*
VÄRIT
Oranssi: #f99b1c;
Harmaa reunus: #E1E1E1

*/

sup {
	position:relative;
	top:-5px;
	font-size:12px;
}

p {
	margin-bottom:10px;
	line-height:16px;
}

a {
	text-decoration:none;
}

#height {
	float:left;
	width:1px;
	height:600px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */
}


#topContainer, #footerContainer, #naviContainer {
	width:100%;
}

#topContainer {
	background-image:url(/img/topBg.jpg);
	background-repeat:repeat-x;
	height:50px;
}

#naviContainer {
	background-image:url(/img/naviBg.jpg);
	background-repeat:repeat-x;
	height:25px;
}

#top, #navi, #content {
	width:900px;
	margin: 0 auto;
	position:relative;
}

#top {
	background-image:url(/img/headerTopBg.jpg);
	height:50px;
	position:relative;
}

#top #langSel {
	position:absolute;
	top:5px;
	right:13px;
	text-align:right;
	font-size:10px;
	line-height:18px;
}

#top #langSel a.sel  {
	color:#f99b1c;
}

#footer {
	width:875px;
	margin: 0 auto;
	position:relative;
	background-color:#000;
}

#navi {	
	background-image:url(/img/naviHolderBg.jpg);
	background-color:#767676;
	height:25px;
}

#top a, #navi a {
	color:#FFF;
}

#top a:visited, #navi a:visited {
	color:#e7e7e7;
}

#top a:hover, #navi a:hover {
	color:#F5F5F5;
}

#top a:active, #navi a:active {
	color:#F5F5F5;
}

#top ul, #navi ul {
	list-style:none;
}
#top li {
	color:#FFFFFF;
	font-size:13px;
	float:left;
	height:50px;
	background-image:url(/img/topULBgDark.jpg);
	background-repeat:no-repeat;
}

#top ul li a {
	display:block;
	padding:17px;
}

#top .selected, #top li:hover {
	color:#000;
	background-image:url(/img/topULBgLight.jpg);
}

#top .selected a, #navi .selected a, #top li:hover a {
	color:#000;
}

#navi li {
	color:#FFFFFF;
	font-size:11.5px;
	float:left;
	height:25px;
	background-image:url(/img/naviULBgDark.jpg);
	background-repeat:no-repeat;
}

#navi ul li a {
	display:block;
	padding:5px 15px;
}

#navi .selected, #navi ul li.selected a, #navi ul li:hover a {
	color:#000;
	background-image:url(/img/naviULBgLight.jpg);
}

#fc {
	margin-top:20px;	
}

/* Ticker */

#ticker {
	position:relative;
	margin-top:25px;
	height:50px;
	line-height:50px;
	background:url(/img/tickerBg.jpg);
	background-repeat:no-repeat;
}

#ticker h2 {
	position:absolute;
	left:0px;
	top:13px;
	width:138px;
	height:25px;
	line-height:25px;
	font-size:16px;
	background:url(/img/tickerH2bg.jpg);
	background-repeat:no-repeat;
	padding:0 5px 0 25px;
}

#ticker h2 a {
	color:#000;
}

#ticker span {
	display:block;
	position:absolute;
	height:25px;
	line-height:25px;
	left:170px;
	top:13px;
	font-size:14px;
}

#ticker .title a {
	
	font-size:14px;
	line-height:25px;
	color:#000;
	display:block;
	float:left;
	
}

#ticker a.readMore  {
	
	font-size:12px;
	line-height:25px;
	padding-left:10px;
	height:25px;
	width:85px;
	color:#f99b1c;
	display:block;
	background:url(/img/tickerLinkBg.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:13px;
	
}

/* PICKS */

#picks {
	margin:25px 0;
}

.pick {
	position: relative;
	width:298px;
	height:225px;
	float:left;
	background:url(/img/nostoBg.jpg);
	background-repeat:no-repeat;
	border:1px solid #E1E1E1;
}

.pick h2 {
	font-size:16px;
	background-color:#f99b1c;
	background-image:url(/img/pickH2bg.jpg);
	background-repeat:repeat-y;
	width:274px;
	margin-top:25px;
	position:relative;
}

.pick h2 span {
	display:block;
	height:42px;
	margin-left:25px;
	background:url(/img/orangeBottomCorner.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	line-height:20px;
	padding-top:4px;
	padding-bottom:4px;
}

.pick h2 span.bC {
	position:absolute;
	width:6px;
	height:6px;
	top:0;
	right:0;
	background:url(/img/orangeTopCorner.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

.pick p {
	margin:10px 25px 50px 25px;
	line-height:18px;
}	

.pick h2 a {
	color:#000;
}

.pick a.readMore {
	font-size:12px;
	line-height:23px;
	padding-left:10px;
	height:25px;
	width:85px;
	color:#f99b1c;
	display:block;
	background:url(/img/tickerLinkBg.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	bottom:25px;
}

/* PAGES */

#orangeBar {
	background-color:#f99b1c;
	width:30%;
	height:25px;
	position:absolute;
	left:0px;
	margin-top:76px;
}

#mainContent {
	background-color:#FFF;
	position:relative;
}

#logo {
	margin-top:1px;
}

#mainContent h1 {
	font-size:24px;
	background-color:#f99b1c;
	width:425px;
	position:relative;
}

#mainContent h1 span {
	display:block;
	height:52px;
	background:url(/img/orangeBottomCorner.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	line-height:52px;
	padding:5px 0;
}

#mainContent h1 span.bC {
	position:absolute;
	width:6px;
	height:6px;
	top:0px;
	right:0px;
	background:url(/img/orangeTopCorner.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

#mainContent h2 {
	margin:25px 0;
	font-size:16px;
}

#mainContent p {
	width:425px;
}

#mainContent {
	width:900px;
	margin:0 auto;
}

#mainContent #leftCol, #mainContent #rightCol {
	float:left;
	width:450px;
}

#mainContent #rightCol {
	text-align:right;	
	margin-top:51px;
}

#mainContent #rightCol img.main {
	margin: 25px 0;
}

#dummySpacer {
	height:75px;
}

.contentPic {

	width:390px;
	background-image:url(/img/imageBg.jpg);
	background-repeat:no-repeat;
	background-color:#fefefe;
	padding:25px 10px 25px 25px;
	margin-left:25px;
	border:1px solid #e1e1e1;
	text-align:left;
}

.contentPic img {
	float:left;
	margin: 0 25px 0 0 ;
	border:1px solid #e1e1e1;
}

.contentPic img.apud {
	float:none;
	vertical-align:middle;
	margin:0;
	border:0;
}

.contentPic h3, .contentPic p {
	display:inline;
}

.contentPic h3 {
	font-size:13px;
}

.contentPic p {
	font-size:11px;

}
.textHolder {
	width:175px;
	float:left;
}

/* LEFTCOL */

#leftCol .picHolder div{
	float:left;
	font-size:11px;
	margin-right:25px;
}

#leftCol .picHolder {
	margin-bottom:25px;
	clear:both;
}

#leftCol h1 {
	margin-top:0px;
}

#leftCol p, #leftCol h2, #leftCol h3{
	clear:both;
	width: 420px;
}

#leftCol p {
	line-height:18px;
}

#leftCol a {
	color: #f99b1c;
}

span.date {
	font-size:12px;
	color:#808080;
	display:block;
	margin-bottom:20px;
	margin-top:5px;
}

/* FOOTER */

#footerContainer {
	width:100%;
	background-image:url(/img/footerBg.jpg);
	background-repeat:repeat-x;
	background-color:#000;
}

#footerContainer, #footer, #push {
height:125px;
}

#push {
	margin-top:25px;
}

#footer {
	background-image:url(/img/footerBorders.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	padding-left:25px;
}

#footer img {
	vertical-align:middle;
}

#footerSpacer {
	height:25px;
}

.orange, #footer a {
	color:#f99b1c;
}

#footer a:hover {
	text-decoration:underline;
}

#footer span {
	display:block;
	float:left;
	margin:0 15px 0 0;
}

#copy {
	font-size:10px;
	float:right;
	padding-left:50px;
	width:200px;
	position:absolute;
	bottom:15px;
	right:0px;
}

#copy a {
	display:block;
	margin-left:25px;
	color:#808080;
}

#fb {
	clear:both;
	height:30px;
	line-height:30px;
}

#fbTop, #fbTop2 {
	position:absolute;
	right:0px;
	top:-12px;
	font-size:11px;
	color:#000;
	
}

#fbTop2 {
	top:8px;	
}

#fbTop a, #fbTop2 a {
	color:#000;
	padding-top:3px;
}

#fbTop img, #fbTop2 img {
	vertical-align:text-top;	
}

#fb img {
	margin-right:10px;	
}

hr {
	clear:both;
	visibility:hidden;
	height:1px;
}

hr.divider {
	width:425px;
	visibility:visible;
	height:1px;
	color:#E1E1E1;
	margin:20px 0px;
}

/* FORM */

form input[type="text"] {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:19px;
	width:417px;
	padding:3px;
	border:1px solid #e1e1e1;
	background-image:url(/img/inputBg.jpg);
	background-repeat:no-repeat;
}

form textarea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:170px;
	width:417px;
	padding:3px;
	border:1px solid #e1e1e1;
	background-image:url(/img/textareaBg.jpg);
	background-repeat:no-repeat;
}

form p {
	font-weight:bold;
	font-size:13px;
}

/* sitemap */

ul.sitemap a {
	color:#f99b1c;
}

/* iframe */

p#iframe {
	background-image:url(/img/mapBg.jpg);
	background-repeat:no-repeat;
	padding:25px 25px 0 25px;
	width:850px;
	height:550px;
	margin:25px 0;
}

/* slider */

#leftCol select {
	width:400px;
}

p#result span {
	font-size:16px;
}