/*
	RESET
------------------------*/
html,body,div,span,h1,h2,h3,p,em,img,strong,sub,sup,b,u,i,center,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;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}

@font-face{
	font-family: "HelveticaNeue";
	src: url(../fonts/HelveticaNeueLTStd-Lt.otf) format("opentype");
}
@font-face{
	font-family: "HelveticaNeueBold";
	src: url(../fonts/HelveticaNeueLTStd-Bd.otf) format("opentype");
}

body{
	background: url(../images/body_bg.jpg) repeat-x;
	color: #1c1c1c;
	font: 12px/20px Helvetica, Arial, serif;
}

h1,h2,h3{
	margin: 0 0 10px 0;
}
h1{font-size: 21px;font-weight: normal;}
h2{font-size: 18px;}
h3{font-size: 14px;}

p{margin-bottom: 10px;}

a{
	color: #1c8bfb;
	text-decoration: none;
}
	a:hover,a:focus{text-decoration: underline;}
	
#slogan strong{
	font-family: "HelveticaNeueBold";
	text-shadow: #fff 0 2px 1px;
}
.clear:after{
	clear: both;
	display: block;
	content: ".";
	visibility: hidden;
}
.horizontal{margin: 0 50px 0 0;}
.horizontal li{
	color: #fff;
	float: left;
	list-style-position: inside;
	list-style-type: circle;
	padding: 0 0 0 15px;
}
.horizontal li:first-child{list-style-type: none;}	
.left{float: left;}
.padding{padding: 10px;}
.right{float: right;}

#page{
	background: url(../images/container_bg.jpg) left top no-repeat;
	margin: 0 auto;
	width: 1050px;
	padding: 0 70px;
}
#header{
	margin: 0 auto;
	width: 910px;
}
	#top-bar{
		height: 150px;
		line-height: 50px;
	}
	#logo{
		background: url(../images/mediasuomi_logo.png) no-repeat;
		display: inline; /* IE6 */
		float: left;
		height: 101px;
		margin: 0 0 0 75px;
		width: 235px;
	}
	#slogan{
		display: inline; /* IE6 */
		float: right;
		font-family: "HelveticaNeue", Helvetica, Arial;
		line-height: 28px;
		margin: 20px 50px 0 0;
		width: 450px;
	}
	#slider{
		background: url(../images/black-box.png) top center no-repeat;
		height: 330px;
		margin: 42px 0;
	}
#content{
	margin: 30px auto;
	width: 721px;
}
	.leftColumn{
		border-right: 1px solid #ccc;
		float: left;
		height: 515px;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		text-align: justify;
		width: 340px;
	}
		.leftColumn p{padding: 0 7px 0 0;}
	.rightColumn{
		margin: 0 0 0 10px;
		float: left;
		width: 350px;
	}

#footer{
	background: url(../images/footer-sl.jpg) repeat-x;
	height: 230px;
	width: 100%;
}
	#footer-inner{
		background: url(../images/footer_bg.jpg) no-repeat;
		height: 230px;
		margin: 0 auto;
		max-width: 1347px;
		overflow: hidden;
	}
		
/*
	SLIDESHOW
------------------------------*/
div#slideshow {
	position: relative; z-index: 5;
	width:796px;
	margin: 0 auto;
}
#prev{
  position:absolute; 
  top: 90px; 
  z-index: 25;
  left: -60px; 
  width:110px; 
  height:110px; 
  display:block; 
  text-indent: -9999px; 
  background:url(../images/arrow_left.png) no-repeat; 
  outline: none;    
}
#next{
  position:absolute; 
  top: 90px; 
  z-index: 25;
  right: -55px; 
  width:110px; 
  height:110px; 
  display:block; 
  text-indent: -9999px; 
  background:url(../images/arrow_right.png) no-repeat; 
  outline: none;    
}
 
#dots{
  color: #fff;
  position:absolute;
  z-index: 25;
  bottom: -55px;
  left: 50%;
  padding:0;
  margin: 0 0 8px 250px; /* keskitys - puolet leveydestA¤  */
}
.holder{ 
  text-align:center;
  width: 100%;
}
ul#dots a{
  color:#dfdfdf;
  float : left;
  width : 15px;
  height : 15px;
  display : block;
  font-size : 11px;
  margin : 0 8px 0 0;
  line-height : 15px;
  font-weight : bold;
  text-align : center;
  text-decoration : none;
	background: url(../images/silde-nav2.png) top no-repeat;
  outline:none;
}
ul#dots a.activeSlide{color:#000;background-position : 0 -15px;}
 
.images{overflow:hidden; height: 276px; width: 796px; top: 10px; }
 
#teksti p, #teksti h3{margin:0; filter:alpha(opacity=100); }