@charset 'utf-8';
/*
*
*		Funmedia
*
*		style.css
*
*/


/* SÄHKÖPOSTI DEFUSCATOR */

	b.maili{ font-weight:normal; }


/* YLEISET ja RUNKO */

	body{
		background-image:url(../images/bg2.png);
		text-align:center;
		background-color:#ccc;
		}
	#mainContainer{ width:988px; margin:0px auto; }
	#header{ width:988px; height:80px; background-image:url(../images/bg_header.png); background-repeat:no-repeat; overflow:hidden; background-position:bottom; }
	#footer{ width:988px; height:60px; margin:0px auto; background-image:url(../images/bg_footer.png); background-repeat:no-repeat; overflow:hidden; }
		#footer p{ margin:10px 0px 0px 0px !important; }
		#footer p span{ color:#ccc; }
	#contentContainer{ width:988px; min-height:400px; background-image:url(../images/bg_main.png); background-repeat:repeat-y; text-align:left; }
	#logo{ float:left; margin:0px 30px 0px 40px; }
	#display{ width:988px; height:260px; }
	#display_content{ width:685px; height:260px; overflow:hidden; float:left; }
	
	#display.rekry			{ height: 200px; }
	#display_content.rekry			{ height: 200px; }
	
	.rekry h1			{ color: #575756; font-size: 13px; font-weight: normal; line-height: 35px; font-style: italic; padding: 20px 30px 0; }
	
	.rekry ul				{ color: #575756 !important; font-size: 13px; font-weight: bold; margin: 0 0 20px; list-style: disc; padding: 0 20px; }
	.rekry ul li			{ font-weight: normal; margin: 10px 0 0 40px; }
	
	.mainPadds.rekry h1		{ font-size: 20px; text-align: center; }
	.mainPadds.rekry hr		{ border: none; border-bottom: 1px solid #ccc; margin: 10px 0 40px 0; }
	
	.rekry .colsHalf h2		{ background: url(../images/kupla.png) no-repeat; font-size: 20px; padding: 0 0 0 50px; margin: 0 0 40px; }
	
	#kiinnostuitko,
	#tarjoamme				{ padding: 10px 70px; }
	
	#tarjoamme				{ background: #FBC33C; margin: 10px 0 30px 70px; padding: 10px 20px; width: 800px; }
	#tarjoamme p			{ font-size: 13px; }
	
	#kiinnostuitko p		{ font-size: 13px; padding: 0; margin: 0; }
	
	#front_rekry			{ display: block; margin: 0 0 50px; }
	
	#rekry_takaisin			{ font: 12px/18px Arial; margin: 0 0 0 50px; }
	
	div.divider{
				margin:10px 30px 0px 30px;
				height:14px;
				clear:both;
				font-size:1px;
				line-height:1px;
				overflow:hidden;
				background-image:url(../images/bg_divider.png);
				background-repeat:repeat-x;
				}

	.eraser{ clear:both !important; }
	.margins{ margin:20px 0px 0px 0px !important; }


/*  FONDYT  */

	h1, h2, h3, h4, p, ul, ol{ font-family:arial, sans-serif; }

	h2{ font-size:15px; font-weight:bold; margin:0px 0px 5px 0px; color:#575756; }
		h2 span{ font-size:13px; font-weight:normal; }
	p{ font-size:12px; color:#575756; line-height:165%; margin:0px 0px 10px 0px; }
		/*  KUVAOTSIKKO  */
		img.imgHeader{ display:block; clear:both; margin:20px 0px 10px 0px; }
			.noMarginTop{ margin-top:-15px !important; }
	a{ color:#ff9600; text-decoration:underline; }
	a:hover{ color:#b2966e; text-decoration:none; }

/*  PALSTAT  */

	div.cols{ float:left; }
		.colsFull{ width:100%; }
		.colsHalf{ width:50%; }
		.colsOneThird{ width:32%; }
		.colsTwoThird{ width:68%; }


/*  PADDINGTONIT ja MARGINTONIT  */

	.mainPadds{ padding:0px 40px 0px 40px; }
	.colsPaddsLeft{ padding:0px 40px 0px 0px !important; }



/*  NAVISKUUKKELI  */

	a.menuItem, .lock{
				background-image:url(../images/menu_sprite.png);
				background-position:0px -40px;
				background-repeat:repeat-x;
				height:40px;
				display:block;
				float:right;
				line-height:40px;
				font-family:arial, sans-serif;
				font-size:12px;
				text-transform:uppercase;
				color:#fff;
				text-decoration:none;
				padding:0px 20px 0px 20px;
				margin:13px 0px 0px 0px;
				}
				a:hover.menuItem{ color:#ccc; }
				.lock{ background-position:0px 0px !important; color:#000 !important; }

	div.menuSpacer{ float:right; width:30px; height:40px; }



/*  KUPLANOSTOT  */

	div.kupla{ width:267px; height:200px; overflow:hidden; margin:20px 0px 20px 30px; background-repeat:no-repeat; }
		.bEtusivu{ width:400px !important; height:174px !important; background-image:url(../images/kupla_etusivu.png) !important; }
		.bMiksi{ background-image:url(../images/kupla_miksi.png) !important; }
		.bTavoitteet{ background-image:url(../images/kupla_tavoitteet.png) !important; }
		.bTapahtumatuotanto1{ background-image:url(../images/kupla_tapahtumatuotanto1.png) !important; }
		.bTapahtumatuotanto2{ background-image:url(../images/kupla_tapahtumatuotanto2.png) !important; }
		.bTapahtumatuotanto3{ background-image:url(../images/kupla_tapahtumatuotanto3.png) !important; }
		.bTapahtumatuotanto4{ background-image:url(../images/kupla_tapahtumatuotanto4.png) !important; }
		.bReferenssit{ background-image:url(../images/kupla_referenssit.png) !important; }
	div.yhteyskupla{ min-height:90px; background-repeat:no-repeat; padding:5px 0px 0px 85px; }
		.kupla1{ background-image:url(../images/yhteyskupla1.png) !important; }
		.kupla2{ background-image:url(../images/yhteyskupla2.png) !important; }
		.kupla3{ background-image:url(../images/yhteyskupla3.png) !important; }
		.kupla4{ background-image:url(../images/yhteyskupla4.png) !important; }
		.kupla5{ background-image:url(../images/yhteyskupla5.png) !important; }
		.kupla6{ background-image:url(../images/yhteyskupla6.png) !important; }
		.kupla7{ background-image:url(../images/yhteyskupla7.png) !important; }
		.kupla8{ background-image:url(../images/yhteyskupla8.png) !important; }
		.kupla9{ background-image:url(../images/yhteyskupla9.png) !important; }
		.kupla10{ background-image:url(../images/yhteyskupla10.png) !important; }
		.kupla11{ background-image:url(../images/yhteyskupla11.png) !important; }

	div.referenssit span{ text-transform:lowercase; display:block; float:left; margin:5px 10px 5px 10px; padding:2px; font-size:11px; font-family:arial, sans-serif; color:#bfbfbf; border:1px solid #fff; }
		div.referenssit span:hover{ color:#575756; border-color:#ccc; cursor:default; cursor:default; }

/* AD-GALLERY  */

.ad-gallery { width: 700px; font-family:arial, sans-serif; }



.ad-gallery, .ad-gallery * { margin: 0;  padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 400px; border:1px solid #dedede; margin-bottom: 10px; position: relative; overflow: hidden; }

.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/gallery_icons/non-existing.jpg)\9 }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../images/gallery_icons/ad_prev.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 101;
	}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/gallery_icons/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	font-size:11px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(../images/gallery_icons/opa75.png);
	color: #fff;
	}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/gallery_icons/opa75.png');
	}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
	}
.ad-gallery .ad-controls { 	height: 20px; }
.ad-gallery .ad-info { float: left; font-size:11px; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { font-size:11px; padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 11px; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-weight: bold; text-decoration:underline; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }

/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/gallery_icons/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/gallery_icons/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
  .ad-gallery .ad-thumbs li a { display: block; }
    .ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
    .ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }